/* LAYOUT CSS
-------------------------------------------------------------------------
*/

body {
	background-image: 			url(../images/Body_bg.gif);
	background-color:			#FBFAE6;
	background-repeat:			repeat-x;
	font: 						normal 12px/140% Arial, "Lucida Grande", Helvetica, Geneva, sans-serif;
	color: 						#000;
	text-align:					center; /* center content */
	margin:						0;
}
div#pageWrap {
	width:						900px;
	height:						100%;
	margin:						0 auto;
	padding:					0;
	position:					relative;
	text-align:					left;
}
div#menu {
	position:					relative;
	display:					block;
	width:						900px;
	height:						40px;
	clear:						both;
}
#header {
	width:						100%;
	height:						100px;
}
#address {
	border-left:#CCC 1px dashed;
	padding-left:4px;
	color:#000;
	margin: 30px 25px 0pt 0pt;
	float: right;
}
#header h1 a {
	display:					block;
	width:						417px;
	height:						120px;
	overflow:					hidden;
	margin-left:				30px;
	margin-top:					15px;
}
div#contentWrap {
	width:						100%;
	margin-top:					10px;
}
div#content {
	width:						665px;
	float:						right;
}
div#main {
}
div#main h3 {
	margin: 0;
}
.intros {
	margin-top:					15px;
	display:					block;
	width: 						225px;
	height: 					auto;
	float: 						left;
	color:						#FFF;
}
.intros .inside {
	padding: 					15px;
	padding-top:				0px;
	margin-top:					0;
	border-right: 				1px solid #3a4f71;
}
.intros span a {
	float:						right;
}
/***Start Footer*****/
div#leftColumn {
	width:						215px;
	float:						left;
}
div#footer {
	display:					block;
	width:						100%;
	height:						40px;
	background:					#770000;
	margin-top:					25px;
	margin-bottom:				25px;
}
div#footer #credits {
	font-size:					11px;
	color:						#fff;
	margin:						3px 0 0 10px;
	float:						left;
}
#bottomLinks {
	float:						right;
	margin:						10px 0 0 0;
}
#bottomLinks ul li {
	display: 					inline;
	list-style-type: 			none;
	padding-right: 				5px;
}
#bottomLinks ul li a {
	font-size:					11px;
	color:						#fff;
}
/***End Footer*****/
/* LEFT COLUMN MENU 
-----------------------------------------------------------------------------*/

div#leftColumn h3, div#leftColumn ul, div#leftColumn ol {
	margin:						0;
	padding:					0;
}
div#quickLinks {
	width:						230px;
	height:						30px;
	background:					url(../images/leftMenu_bg.png) 0px 0px no-repeat;
}
div#quickLinks h3 {
	line-height:				25px;
	height:						33px;
	padding-left:				10px;
}
div#drillMenu {
	width:						230px;
	background:					url(../images/leftMenu_bg.png) 0px 0px repeat-y;
	margin-top: -20px;
}
div#drillMenu h3.current {
	background:					url(../images/sideMenu_h3_BlueArrow.png) no-repeat;
}
div#SrvcsMenu, div#SrvcsMenu2 {
	background:					url(../images/leftMenu_grn.png) 0px 0px repeat-y;
}
div#SrvcsMenu h3 {
	line-height:				25px;
	height:						33px;
	padding-left:				10px;
	background:					url(../images/leftMenu_grn.png) no-repeat;
}
div#SrvcsMenu h3.current {
	background:					url(../images/sideMenu_h3_OrangeArrow.png) no-repeat;
}
div#SrvcsMenu2 h3 {
	line-height:				25px;
	height:						33px;
	padding-left:				10px;
	background:					url(../images/leftMenu_grn.png) no-repeat;
}
div#SrvcsMenu2 h3.current {
	background:					url(../images/sideMenu_h3_OrangeArrow2.png) no-repeat;
}
div#SrvcsMenu .element {
	background:					url(../images/sideMenuElementGradient.png) no-repeat;
}
span.readOn {
	text-align:					right;
	margin-left:				10px;
}
span.readOn a {
	color: #FFF;
}
/* TOP MAIN MENU 
-----------------------------------------------------------------------------*/
#nav, #nav ul {
	padding: 					0;
	margin: 					0;
	list-style: 				none;
	display:					block;
	height:						40px;
	background:					#770000;
}
#nav a {
	display: 					block;
	color:						#FFF;
	font-weight:				bold;
	text-decoration:			none;
}
#nav li {
	float: 						left;
	width: 						auto;
	line-height:				40px;
	height:						auto;
	/*background:					#770000 url(../images/menuSep.png) 100% 10px no-repeat;*/
	border-right:#CCC 1px solid;
	text-align:					center;
	padding:					0 31px;
	margin:						0;
}
#nav li ul {
	position: 					absolute;
	width: 						15.1em;
	left: 						-999em;
	margin:						0 0 0 -31px;
	background:					none;
}
#nav li ul li {
	text-align:					left;
	padding:					0;
	margin:						0;
	width:						15em;
	line-height:				1.2em;
	background:					url(../images/currentRight.png) 100% 0px repeat-x;
	border-bottom:				1px solid #909bab;
	border-left:				1px solid #909bab;
	border-right:				1px solid #909bab;
}
/* LAST ITEM OF THE LIST
--------------------------------------------*/
#nav li ul li a {
	color:						#770000;
	padding:					0.5em 1em;
	font-weight:				normal;
}
#nav li.last {
	padding: 0;
	background: 				none;
}
#nav li.last a {
	padding: 	                0;
	background: 				none;
	padding:					0 25px;
}
#nav li.last ul {
	/*padding:					0 0 0 -25px;*/
}
/* MAIN MENU - HOVER STYLE
--------------------------------------------*/
div#nav li:hover, div#nav li.sfhover {
	position: 					static;
}
#nav li a:hover, #nav li.sfhover a, #nav li:hover a, #nav li.sfhover {
	color:						#CCC;
}
#nav li.sfhover ul li a, #nav li:hover ul li a {
	color:						#770000;
}
#nav li:hover ul {
	left: 						auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: 						auto;
}
#nav li.current a:hover {
	color:						#770000;
}
/**********************************/
#p1 #i1, #p1 #i1 a,
#p2 #i2, #p2 #i2 a,
#p3 #i3, #p3 #i3 a,
#p4 #i4, #p4 #i4 a,
#p5 #i5, #p5 #i5 a,
#p6 #i6, #p6 #i6 a
{
	color:						#770000;
	background:					url(../images/currentRight.png) 100% 0px repeat-x;
}
#p6 #i6 ul li:hover, 
#p6 #i6 ul li:hover a {
	background: 				#FFD;
	color:						#770000;
}
/**********************************/
#nav li ul li:hover {
background: 				#FFD;
	color:						#770000;
}
#nav li ul li.sfhover, 
#nav li.current ul li:hover, 
#nav li.current ul li.sfhover, 
#nav li.current ul li:hover a, 
#nav li.current ul li a:hover, 
#nav li.current ul li.sfhover a {
	color:						#770000;
	background:					url(../images/currentRight.png) 100% 0px repeat-x;
}
/* SUBMENU ON THE LEFT COLUMNS 
-----------------------------------------------------------------------------*/
#subMenu {
	/* padding-bottom:			20px; */
	width:						230px;
	background:					#FFF url(../images/quickLinksBack.jpg) 0px 0px repeat-y;
}
div#subMenu h3, div#drillMenu h3 {
	line-height:				30px;
	padding-left:				10px;
}
div#subMenu h3 {
	background:					url(../images/quickLinks.png) 0px 0px repeat-y;
}
#subMenu ul {
	padding: 					0;
	margin: 					0;
	list-style: 				none;
}
#subMenu li {
	border-bottom: 				1px solid #90bade;
	margin:						0;
	width:						198px;
}
#subMenu li a {
	font-size:					11px;
	display: 					block;
	padding: 					5px 5px 5px 0.5em;
	border-left: 				10px solid #1958b7;
	border-right: 				10px solid #508fc4;
	background-color: 			#2175bc;
	color: 						#fff;
	text-decoration: 			none;
}
/* html > body #subMenu li a { width: 168px; } */

#subMenu li.current a, #subMenu li a:hover {
	border-left: 				10px solid #333;
	border-right: 				10px solid #363636;
	background-color: 			#5A5A5A;
	color: 						#fff;
}
#subMenu li ul, #subNav li ul {
	margin:						0;
	padding:					0;
	width:						100%;
}
#subMenu li ul li, #subNav li ul li {
	border-bottom:				0;
}
#subMenu li ul li a {
	width:						158px;
	padding-left:				15px;
	border-left: 				10px solid #1958b7;
	border-right: 				10px solid #508fc4;
	border-bottom:				none;
	background:					#2175bc url(../images/squareArrow1.png) 0.4em 9px no-repeat;
}
html > body #subMenu li ul li a { /* width: 158px; */
}
#subNav li ul li a:hover {
	background:					#153156 url(../images/squareArrow.png) 0.4em 9px no-repeat;
	border-left: 				10px solid #1958b7;
	border-right: 				10px solid #508fc4;
}
/* CLASS STYLES
-----------------------------------------------------------------------------*/

img {
	border:						0;
}
.element {
	padding:					5px 40px 0 10px;
}
.clr {
	clear:						both;
	font-size: 0px;
	height: 0;
	line-height: 0;
}
.inside {
	margin-top:					15px;
	padding:					0 10px;
	color:#000;
}
.inside h3{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* HOME PAGE
-----------------------------------------------------------------------------*/

#sections, ul#sections {
	float: left;
	width: 100%;
	margin: 0;
	margin-top: -10px;
	padding: 0;
	background: none;
}
#sections li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	width: 224px;
	height: 135px;
	color: #FFF;
	font-size: 11px;
	border-right: 1px solid #999;
}
#sections li span a {
	text-align: right;
	float: right;
	margin-top: 12px;
}
#sections li h3 {
	line-height: 2em;
	color:#FFF;
	font-weight:bold;
}
#sections li a {
	text-decoration: none;
	color: #FFF;
}
#sections li {
	background: url(../images/MainMiddleBg.png) 0px 0px repeat-x;
}
/**Start First Section**/
#sections li.first {
	background: url(../images/MainLeftBg.png) 0px 0px no-repeat;
}
#sections li.first p{
	color: #FFF;
	font-size:12px;
	line-height: 12px;
}
/*#sections li.first p:hover{
	color: #640000;
}*/
/**End First Section**/
/**Start Tween Section**/
#sections li.tween {
	background: url(../images/MainMiddleBg.png) 0px 0px repeat-x;
}
#sections li.tween p{
	color: #FFF;
	font-size:12px;
	line-height: 12px;
}
/*#sections li.tween p:hover{
	color: #640000;
}*/
/**End Tween Section**/
/**Start Last Section**/
#sections li.last {
	background: url(../images/MainRightBg.png) 0px 0px no-repeat;
	border-right: 0 none;
	width: 225px;
}
#sections li.last p{
	color: #FFF;
	font-size:12px;
	line-height: 12px;
}
/*#sections li.last p:hover{
	color: #640000;
}*/

/**End Last Section**/
/*#sections li:hover, #sections li.shover {
	background-position: 0px -135px;
}*/
/*#sections li:hover a.main, #sections li.shover a.main, #sections li a:hover{
	color: #640000;
}*/

