@charset "UTF-8";
/* CSS Document */

 body {
	font-family: Arial, Helvetica, sans-serif;
	color: #464747;
	margin: 0 auto;
	padding:0;
	background-image:url(../img/back_body.jpg);
	background-repeat:repeat-x;
}
img {
	border: none;
}
a {
	color: #2F6AAE;
	text-decoration:underline;
	border: none;
}
a:HOVER {
	color: #F98517;
}

/*---------- Mast ----------*/

#pageContainer {
	padding:0;
	margin:0 auto;
	width:980px;
	text-align:left;
}
#mast {
	padding:0;
	margin:0;
	background-image:url(../img/back_mast.gif);
	background-repeat:no-repeat;
	height:171px;
	width:980px;
}
#Page {
	padding:0;
	margin:0;
	width:930px;
	background:#FFFFFF;
	border-right:1px solid #CCC;
}


/*---------- BODY STYLES ----------*/


/*---------- LEFT SIDE NAVIGATION ----------*/

#LeftSide {
	float:left;
	width:238px;
	min-height:459px;
	text-align:left;
	background-image:url(../img/back_sidenav.gif);
	background-repeat:no-repeat;
	
	
}

/*---------- Global Nav ----------*/


#LeftNav {width:238px; padding-top:16px;}

#LeftNav ul { margin:0px; padding:0px;}
#LeftNav ul li { font:12px bold verdana, Arial, Helvetica, sans-serif; color:#FFF; list-style-image:url(../img/arrow.gif); padding: 4px 0; }
#LeftNav ul li a { color:#262626; text-decoration:none; letter-spacing:.1em;}
#LeftNav ul li a:hover { text-decoration:none; color:#FFFFFF;}

#LeftNav h3 {font:11px bold Verdana, Arial, Helvetica, sans-serif; color:#D3D3D3; list-style:none; text-transform:uppercase; padding:8px 0 0 15px; margin:0;}
/*---------- RIGHT SIDE ----------*/
#RightSide {
	float:right;
	width:560px;
	text-align:left;
	background-color:#FFF;
	padding:0 60px 0 0;
}
#RightSide p {
	font-size:12px;
	color:#464747;
	padding-bottom:12px;
	margin:0;
	line-height:20px;
}
#RightSide h1 {
	font-size:17px;
	color:#F98517;
	font-weight:900;
	padding:30px 0;
	letter-spacing:.1em;
}

#RightSide h1 em { color:#000; text-transform:uppercase; float:right; font-size:22px;}

#RightSide h2 {
	font-size:12px;
	padding-bottom:0;
	margin-bottom:0;
	font-weight:bold;
	text-transform:uppercase;
}


#RightSide h4 {
	font-size:12px;
	padding:0;
	margin:0;
	font-weight:bold;
	text-align:right;
}


#RightSide h4 a{
	
	text-decoration:none;
}

#RightSide table td{
	font-size:12px;
	color:#464747;
}
#RightSide ol{
	font-size:12px;
	color:#464747;
	margin:10px 0 0 30px;padding:0;
}

#RightSide ol li{
	padding-bottom:8px;
}

#RightSide ul{
	font-size:12px;
	color:#464747;
	padding-bottom:20px;
}

#RightSide ul li{list-style-image:url(../img/square.gif); padding-bottom:16px;
}



#timeilne td{ vertical-align:top; border-top:1px solid #5391AE;}



/*---------- FOOTER _____________________*/


#footer { background-image:url(../img/back_footer.gif);
background-repeat:no-repeat; width:930px; height:63px;
	margin:0px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#91B2BA;
}
#footer a {
	color:#C4C5C6;
}
#footer ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666867; 
	padding-top:43px;
}
#footer ul li {
	color:#456587;
	display:inline;
	list-style:none;
	padding:4px;
}
#footer ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666867;
	text-decoration:none;
}
#footer ul li a:HOVER {
	color:#91B2BA;
}
/*----------- Utility Styles -------------*/
.clear {
	float: none !important;		/* Remove any inherited floats */
	display: block !important;	/* Make sure our element is a block-level element */
	clear: both !important;		/* Make sure it clears on both sides */
	margin: 0 !important;		/* Remove all margins that would make it visible */
	border: 0 !important;		/* Remove all borders that would make it visible */
	padding: 0 !important;		/* Remove all padding that would make it visible */
	height: 0.1px !important;	/* Mozilla/Firefox require the clearer height to not be 0, but rounding makes it 0 */
	line-height: 0 !important;	/* Set the line-height to 0 so it isn't visible */
	font-size: 0 !important;	/* Set the font-size to 0 so it isn't visible */
}
.footnote {
	font-size: 10px;
	font-style: italic;
	line-height: 18px;
}
