@charset "utf-8";
/* CSS Document */
* {padding:0px; margin:0px; border:0px;}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #071529;
	line-height:1.35;
}
#wrapper {
	width:900px;
	margin:auto;
	text-align:left;
	font-size:11px;
	border-left:1px #294d84 solid;
	border-right:1px #294d84 solid;
	border-bottom:1px #294d84 solid;
	}
p {margin:2px 0px 2px 0px;}
h1, h2, h3, h4 {margin:5px 0px 5px 0px;}
#header {position:relative; height:104px;  width:900px; text-align:left; margin-top:0px; background-image:url(images/header.jpg); background-repeat:no-repeat;}
#header h1 {font-style:italic; padding:25px; font-size:36px;}
#header ul {list-style:none;}
#header ul li{display:inline;}
#header a:link, #header a:visited, #header a:active { border-top:1px solid #274679; border-left:1px solid #274679;; border-right:1px solid #274679;; color:#3f5a87; padding:2px 10px 2px 10px; text-decoration:none; font-size:14px;}
#header a:hover {background-color:#2a4c83; color:#FFFFFF;}



ul {padding:0px; margin:0px;}

#container {position:relative;  width:900px; border-top:#294D84 solid 15px; background-color:#ffffff;}
#sidebar1 {
	border:1px #cccccc solid;
	float:left;	
	width: 188px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* the background color will be displayed for the length of the content in the column, but no further */	
}

#sidebar1 ul{list-style:none; background-color:#394d84;}
#sidebar1 ul li{text-indent:25px; padding:0px;}
#sidebar1 a:link, #sidebar1 a:visited, #sidebar1 a:active {background-image:url(images/nav_bg.jpg);color:#666666; background-repeat:no-repeat; font-size:12px; text-decoration:none; display:block;  width:188px; padding-top:6px; height:23px;}
#sidebar1 a:hover {text-decoration:underline;}

#mainContent { 
	margin: 0 0 0 188px;
	padding:20px;
	background-color:#FFFFFF;
	 /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	
	 /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContent h1 {background-image:url(images/header_rpt.jpg); background-repeat:repeat-x; font-size:14px; color:#294d84;}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footer {background-color:#294d84; padding-top:5px; height:25px; color:#ffffff; width:900px;  text-align:center;}
#footer a:link, #footer a:visited, #footer a:active {
	color:#ffffff; font-size:10px; text-decoration:underline;
	}
#footer a:hover {
	color:#ffffff; font-size:10px; text-decoration:none;
	}