@CHARSET "UTF-8";

/**	Default Class Styles */
body {
	color: #333333;
	background-color: #c2cbcf;
	background-image: url("/image/page_background.gif");
	background-repeat: repeat-y;
	background-position: center;
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	height: auto;
	min-height: 100%;
}

html {
	height: 100%;
}

div, p, input, select, label, pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: top;
	font-size: 9pt; 
}

pre {
	/*make pre tags wrap text */
	 white-space: pre-wrap;       /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -pre-wrap;      /* Opera 4-6 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

label {
	height:19px;
	margin-bottom: 4px;
	margin-top: 4px;
	width: 60px;
	font-weight: bold;
}

input {
	border: 1px solid #D8D8D8;
	margin-bottom: 4px;
	padding: 2px;
}

input.defaulttext {
	height: 19px;
}

/*
input[type="submit"], input[type="reset"], button {
	text-align: center;
	width: 100px;
	height: 19px;
}
*/

form {
	padding: 0;
	margin: 10px;	
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	overflow: auto;
	border: 1px solid #D8D8D8;
	width: 100%;
	background-color: #fcffe9;
}

img {
	border: 0px;	
}

h1,h4,h5 {
	font-family: "Trebuchet MS",Arial,Times,serif;
}

h4, h5 {
	font-size: 18px;
	color: #333333;
	vertical-align: top;
}

h5 {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.fullwidth{
	width: 100%;
}

th {
	text-align: left;	
}
th, td {
	font-size: 9pt;
	vertical-align: top;
}

fieldset, fieldset legend {
	 border-width: 1px;
	 border-style: solid;
	 border-color: #999999;
	 padding: 5px;
}

a:link, a:visited {
	color: #333333;
}

.errors, .notice {
	color: red;	
}

.link {
	cursor: pointer;
	text-decoration: underline;
}

/********************************************************/
/**	Custom Id Styles */

#header {
	width: 100%;
	float: none;
	height: auto;
}

#header table {
	width: 100%;
}

#header table td.right {
	text-align: right;
}

#wrap {
	width: 758px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	height: auto;
}

#innerwrap {
	width: 728px;
	margin: 0 15px;
	padding: 8px 0;
}


#mainbody {
	width: 100%;
    margin: 0;
    padding: 0;
    min-height: 600px;
    float: none;
    /* IE6 Hack to allow for Min-Height usage */
  	height:auto !important;	
 	height: 600px;
}


#footer {
	width: 100%;
	bottom: 0;
	float: none;
	clear: both;
}

#sidecol {
    width:200px;
	height:700px;
    float: left;
    /*background-color: #B6CA89; /*#B6CA89;*/
    margin-top: 20px;
    padding: 0px;
	color:#FFFFFF;
}

#maincol {
	color: #333333;
	width: 75%;
	float: none;
	position: relative;
    margin-left: 160px;
    margin-bottom: 20px;
    padding: 0px;
}

.leftcol {
	margin-right: 8px;
}

.middlecol {
	
}

.tabbed_para {
	padding-left: 20px;
}

.divider {
	background-color:#FFFFFF;
	background-image:url(../image/dot_divider.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	height:4px;
}

/********************************************************/
/* Buttons */
a.button {
    display:block;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

a.button img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* Buttons - Standard Scheme */
a.button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
a.button:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* Buttons - Positive Scheme */
a.button.positive {
    color:#529214;
}
a.button.positive:hover {
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
a.button.positive:active {
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* Buttons - Positive Scheme */
a.button.negative {
    color:#d12f19;
}
a.button.negative:hover {
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
a.button.negative:active {
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* Panels */
.panel_shell {
	margin: 0px;
	margin-top: 8px;
}

.panel_shell_noleft {
	margin: 8px;
	margin-left: 0;
}

.panel_shell_noright {
	margin: 8px;
	margin-right: 0;
}

.panel {
	background:#FFFFFF url(../image/panel_background.gif) repeat-x scroll center top;
	border:1px solid #E5E5E5;
	padding: 5px;
}


.panel_nofill {
	background: none;
	border:1px solid #E5E5E5;
	padding: 5;
}

.panel_plain {
	margin: 8px;
	border: none;
}

.panel_plain_noleft {
	margin: 8px;
	margin-left: 0;
	border: none;
}

.form_field {
	clear: both;	
}

.shade {
	background-image: url('../image/shade.gif');
	background-repeat: repeat-x;
	background-position: -50px;
}

.divider_dots {
	background-color:#FFFFFF;
	background-image:url('../image/dot_divider.gif');
	background-position:center bottom;
	background-repeat:repeat-x;
	height:4px;
}

/********************************************************/
/* Menu */
#headermenu {
	height: 20px;
	width: 100%;
	font-size: 7.5pt;
	font-weight: bold;
	color: #003366;
	line-height: normal;
	vertical-align: middle;
	background-color: #aebfe1;
	background-repeat: repeat-x;
	background-position: bottom;
}
	
#headermenu ul {
    margin: 0px;
    padding: 0px 10px 0px;				/* 	add padding to top and right of list block */
    list-style: none;					/* 	remove list marker */
}

#menupanel {
	background-color: #aebfe1;
	height: 16px;
	padding: 2px;
	margin-right: 3px;
	color: #FFFFFF;
}

#headermenu li {
	float: left;
	margin: 0px;
	/*padding: 0px 0px 0px 9px;			/* 	add padding to left of width of left image, pads the a tag out so left image is shown */
}

#headermenu a {
	vertical-align:bottom;
	text-decoration: none;
    font-weight: bold;
    color: #FFFFFF; 					/*#003366;*/
	padding: 5px 5px 5px 5px; 			/*  padding to push text from edges, 
											left_padding = right_padding - left_image_width added in padding in li tag above 
											bottom_padding = top_padding - 1 to allow background image bleed through */
}

#headermenu a:hover {
	color: #999999;
}
	  
#headermenu #current {
}

#headermenu #current a {
	text-decoration: underline;
	color: #FFFFFF;
	padding-bottom: 5px;				/*  bottom_padding increased by 1 px from #header a defined above
											this makes background hidded for current tab */
}

/********************************************************/
/* Layout Styles */
.layouttable {
	width: 100%;
	vertical-align: top;
}

.layouttable td {
	vertical-align: top;
}

.layouttable .leftcol_layout {
	width: 200px;
}

.layouttable .middlecol_layout {
	width: auto;
}

.layouttable .rightcol_layout {
	width: 120px;
}

.fineprint {
	font-size: 90%;
	color: #999999;
	font-weight: normal;
}

.no_overflow {
	overflow: hidden;
	width: 100%;
}