@charset "UTF-8";
body  {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	background: #0075B2;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(../images/headerBg.jpg);
	background-repeat:repeat-x;
}
#container { 
	width: 888px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
/*************************** FONT STYLES ******************************/
/*main content grey paragraph style*/
p.content{ 	
padding:0 0 15px 0;
*padding:0 0 15px 28px;
	margin:0;
font-size:12px;
	color:#333;}
	
/*sidebar white paragraph style*/
p.sidebar{ 	padding:0 0 10px 0;
	margin:0;
	font-size:12px;
	color:#fff;
	}
	
/*list style*/	
#mainContent ul li {font-size:12px;
margin:0;
padding:0;
color:#333;}
	
/*brite pink h1 headline style*/
h1{
	padding:0;
		*padding:0 0 0 28px;
	margin:0;
	color:#EB008B;
	font-weight:bold;
	font-size:24px;}

/*grey h2 headline style*/
h2{
	padding:0 0 15px 0;
		*padding:0 0 15px 28px;
	margin:0;
	color:#818991;
	font-weight:bold;
	font-size:16px;}

/*yellow headline headline style*/
h3{
		padding:0 0 15px 0;
	margin:0;
	color:#FFD700;
	font-weight:bold;
	font-size:21px;}
	
/*blue footer style*/
h4{
		padding:0;
	margin:10px 0 0 0;
	color:#0075B2;
	font-size:13px;
	font-weight:normal;}
/*************************** LINK STYLES ***************************/	
/*link style for the main content*/
#mainContent a:link, #mainContent a:visited{
	color:#3989C9;
	text-decoration:underline;}
#mainContent a:hover, #mainContent a:active{
	color:#3989C9;
	text-decoration:none;}
	
/*link style for the sidebar content*/
.sidebar a:link, .sidebar a:visited{
	color:#9CCDE9;
	font-weight:bold;
	text-decoration:underline;}
/*link style for the sidebar content*/
.sidebar a:hover, .sidebar a:active{
	color:#9CCDE9;
	font-weight:bold;
	text-decoration:none;}
/*************************** HEADER STYLES ***************************/
#header { 
	padding:0;
	margin:0;
		height:92px;
} 
#headerLf{
	width:520px;
	float:left;
	padding:14px 0 0 0;
	margin:0;
	/*border:1px solid #0F0;*//*green*/}
#headerRt{
	margin: 0 0 0 565px;
padding:16px 0 0 0;
	/*border:1px solid #C06;*//*pink*/
	}
/*************************** NAVIGATION ***************************/
/*****MAIN NAVIGATION******/
#nav{
	margin:0;
	padding:0;
/*	height:31px;*/
	/*border:3px solid #F0F;*//*pink*/}
#navcontainer ul
{	border-bottom:1px solid #1e527c;
	margin:0;
	padding:0;
background-image:url(../images/mainNavBg.jpg);
background-repeat:repeat-x;
color: #FFF;
float: left;
width: 100%;
font-size:15px;
font-weight:bold;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 5px 19px 5px 19px;
color: #FFF;
text-decoration: none;
float: left;
border-right: 1px solid #3986ba;
}

#navcontainer ul li a:hover, #navcontainer ul li a.current
{
background-image:url(../images/mainNavRoll.jpg);
background-repeat:repeat-x;
color: #0075B2;
}

#navcontainer ul li a.noBorder{
	border:none;
	padding: 5px 19px 5px 19px;
	/*border:1px solid #F06;*/}
	
#navcontainer ul li a.currentLast{
	border:none;
	padding: 5px 19px 5px 19px;
	background-image:url(../images/mainNavRoll.jpg);
background-repeat:repeat-x;
color: #0075B2;

	/*border:1px solid #F06;*/}
/************SECONDARY NAVIGATION************/	
#secondaryNav {
	margin:0;
	padding:0;
	font-size:13px;
	color:#0075B2;
	font-weight:normal;
}
#secondaryNav li {
	display: inline;
	list-style-type:none;
	border-right:1px solid #0075B2;
	padding: 0 5px 0 2px;
	*padding:0 5px 0 8px;
	margin:0;
}
#secondaryNav ul {
		padding:0;
	margin:0;
	border:1px solid #F03;
}
#secondaryNav a:link, #secondaryNav a:visited {
	color:#0075B2;
	text-decoration: none;
	padding:0;
	margin:0;
}
#secondaryNav a:hover, #secondaryNav a:active {
	text-decoration:underline;
		padding:0;
	margin:0;
}
#secondaryNav li.last {
	border:none;
		padding: 0 5px 0 2px;
	*padding:0 5px 0 8px;
	margin:0;
	/*border:1px solid #009;*/
}
/*************************** MAIN CONTENT BEGINS ***************************/
#banner{
	margin:0;
	padding:0;
	border-bottom:1px solid #0075B2;/*blue*/}


/************* EQUAL HEIGHT LAYOUT ******************************/
/*equal height on the main container #mainContent*/
#full1{
	width:888px;
	padding:0;
	margin:0;
	background-image:url(../images/contentBg.jpg);
	background-repeat:repeat-y;
	/*border:1px solid #F0C;*//*pink*/}
/*equal height on the main container #sidebar*/
#full2{
	width:888px;
	padding:0;
	margin:0;
	/*border:1px solid #33F;*//*blue*/}
/*sidebar left with green background*/
#sidebar1 {
	padding:30px 15px;
	margin:0 0 0 635px;
	background: #3c96c5;
	/*border:1px solid #090;*//*green*/
}
#mainContent {
	float:left;
	width:587px;
	padding: 30px 20px 0px 28px;
	_padding:30px 20px 0 0;
	*padding:30px 0 0 0;
	margin:0;
	/*border:1px solid #93F;*//*purple*/
	
}
/*wave graphic placeholder*/
#mainContent .wave {
		background-image:url(../images/wave.jpg);
	background-repeat:no-repeat;
	width:635px;
	height:160px;
	position:relative;
	top:0px;
	left:-28px;
	*left:0;
	padding:0;
	margin:0;
	/*background: #03F;*//*blue*/}

#sidebar1 .border {
	margin:0 0 10px 0x;
	padding:0 0 10px 0;
	border-top:1px solid #0075BE;}
/***********IMG STYLES ***************************/
/*light blue background with blue border*/
#contentImg{
	border:1px solid #8FBAD9;
	background-color:#DCE9F7;
	padding: 3px;
	margin:0 0 10px 15px;
	
	}
.tagline img {
	border:none;
	background-color:none;
	padding: 3px;
	margin:0;}
/*dark blue border on the sidebar image*/
#sidebar1 img {
	border:1px solid #005B97;
padding:0;
margin:0 0 10px 0;}
/***********BUTTON STYLES ***************************/
.buttonContain{	
text-align:center;
margin:0 0 10px 0;
	/*border:1px solid #0C0;*//*green*/}
.buttonTop{
	background-image:url(../images/btnTop.png);
	background-repeat:no-repeat;
	height:5px;
	width:220px;
	/*border:1px solid #006;*//*blue*/}
.button{
	background-image:url(../images/btnMiddle.jpg);
	background-repeat:no-repeat;
	background-color:#ffdc00;
	padding: 5px 0 3px 0;
	margin:0;
		width:217px;
	border-right:2px solid #ffc905;
	border-left:1px solid #ffc905;
	/*border:1px solid #C39;*//*pink*/}
.buttonBottom{
	background-image:url(../images/btnBottom.png);
	background-repeat:no-repeat;
		width:220px;
		height:5px;
	/*border:1px solid #900;*//*red*/ }
.buttonContain a:link, .buttonContain a:visited{
	color:#0075B2;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	/*border:1px solid #639;*//*purple*/}
.buttonContain a:hover, .buttonContain a:active {
	color:#0075B2;
	text-decoration:underline;
	font-weight:bold;
	font-size:18px;}


/*************************** FOOTER STYLES ***************************/
#footer { 
margin: 20px 0 0 0;
	padding: 40px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-x;
	height:300px;
	background-color:#f3f7fa;
} 

.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;
}