/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-color: #c9d6e1;
	background-image: url(../images/bg_fade.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	border:	0px;
}
body * {
	margin: 0px;
	padding: 0px;
	border:	0px;
}
/*------------------------------------------ TEXT DECLARATIONS BEGIN----------------------------------------*/
h1{
	color:#FF9933;
	font: bold 2.3em Arial, Helvetica, sans-serif;
}
h2{
	color:#FF9933;
	font:bold 1.6em Arial, Helvetica, sans-serif;
}
h3{
	color:#FF9933;
	font:bold 1.35em Arial, Helvetica, sans-serif;
}

h4{
	color:#336699;
	font: normal 1.2em Verdana, Arial, Helvetica, sans-serif;
}

h5 {
	color: #3399CC;
	font:bold 1em Arial, Helvetica, sans-serif;
}
h6{
	color: #FF9933;
	font:bold 1em Arial, Helvetica, sans-serif;
}

h7{
	color: #3399CC;
	font: bold 1.3em Arial, Helvetica, sans-serif;
}

a{
	color:#336699;
	text-decoration: underline;
}
/*
a:link {
	color:#336699;
	text-decoration: underline;
}
a:visited {
	color:#336699;
	text-decoration: underline;
}
a:hover{
	color:#FF9933;
	text-decoration: none;
}
a:active {
	color:#336699;
	text-decoration: underline;
}*/
p{
	color:#336699;
	font: lighter 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
p b{
	font-weight: bold;
}

p a{
	color:#336699;
	text-decoration: underline;
}
p a:hover{
	color:#FF9933;
	text-decoration: none;
}
ul {
	color:#336699;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	list-style-position:inside;
	line-height: 1.2em;
}
ul a{
	color:#336699;
	text-decoration: underline;
}
ul a:hover{
	color:#FF9933;
	text-decoration: none;
}


/*------------------------------------------ TEXT DECLARATIONS END----------------------------------------*/


/*------------------------------------------ Content ----------------------------------------*/
#pmMain{
	width: 735px;
	margin: 7px auto 0px auto;
	background: #FFFFFF url(../images/bg_sdw.jpg) no-repeat center;
}
#pmMain:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* HACK ATTACK */
/* Hides from IE-mac \*/
* html #pmMain {height: 1%;}
#pmMain{display: block;}
/* End hide from IE-mac */


#pmMain #container{
	width: 735px;
	background-color:#FFFFFF;
}
/*------------------------------------------Start Header ----------------------------------------*/
#header{
	width:735px;
	height:78px;
	position:relative;
	background-color:#FFFFFF;
	z-index: 100;
}
#header #arLogo{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 75;
}

#header #taglineBanner
{
	float: right;
	padding-top: 10px;
	padding-right: 30px;
}



/*------------------------------------------Start Menu ----------------------------------------*/
/*INSPIRED BY:*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*size and position the navigation containing div - this also has the bottom orange border */
#navContainer{
	position:absolute;
	left: 10px;
	bottom: 0px;
	width: 721px;
	height: 20px;
	padding-right: 4px;	
	background-color:#3399CC;
	border-bottom: 4px solid #FF9933;
	z-index:50;
}
/*size and position the containing ul */
#slantNav{
	position:absolute;
	right: 0px;
	top: 0px;
	width: 490px;
	height: 20px;
	background-color:#3399CC;
}
/* base format all uls with no bullets, padding, or margin */
#slantNav, #slantNav ul {
	padding:0;
	margin:0; 
	list-style:none;
}
/*float the top level lis so that they are horizontal*/
#slantNav li {
	float:left;
	display: inline; /*This is to counter act IE's double margin error on floated items*/
	position:relative;
	text-align:center;
	margin-right: 5px;
}
/*set the first li margin to push from slanted image edge*/
#slantNav #first{
	margin-left: 10px;
}
/*set links to block */
#slantNav a {
	display:block; 
	text-decoration:none;
}

/* Hide and position the second level menu */
#slantNav ul{
	visibility:hidden;
	position:absolute;
	top:20px;
	left:30px;
	border-top: 4px solid #FF9933;
}

#slantNav ul li{
	background-color:#3399CC;
}

/* Hide and position the third level menu */
#slantNav ul ul{
	visibility:hidden;
	position:absolute;
	top:0px;
	left:-120px; 
	width: 110px;
	border-top: 1px solid #FFF;
	margin-top: 5px;
}

/* Hide and position the fourth level menu */
#slantNav ul ul ul{
	visibility:hidden;
	position:absolute;
	top:0px;
	left:120px;
	width: 110px;
	border-top: 1px solid #FFF;
}
/* Hide and position the fifth level menu */
#slantNav ul ul ul ul{
	visibility:hidden;
	position:absolute;
	top:0px;
	left:120px;
	width: 110px;
	border-top: 1px solid #FFF;
}


/* style the second level and decendant links */
#slantNav ul  a, #slantNav ul a:visited {
	width:110px;
	background-color:#3399CC; 
	color:#FFF;
	line-height:1em; 
	padding:5px 10px;
	text-align: center;
	margin: 0px;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
/* style the third level links 
#slantNav ul ul a, #slantNav ul ul a:visited {
	background-color:#3399CC; 
}
/* style the fourth level links
#slantNav ul ul ul a, #slantNav ul ul ul a:visited {
	background-color:#3399CC; 
}
/* style the fifth level links 
#slantNav ul ul ul ul a, #slantNav ul ul ul ul a:visited {
	background-color:#3399CC; 
}
*/

.secondLevelMenu{
	background:url(../images/leftArrow.gif) top left no-repeat;
}
.thirdLevelMenu{
	background:url(../images/rightArrow.gif) top right no-repeat;
}


/* Highlight the links in the lower levels */
#slantNav li:hover ul a:hover, #slantNav a:hover ul a:hover{
	background-color: #FF9933;
	color:#000;
}

/* make the second level visible when hover on first level list OR link */
#slantNav li:hover ul, #slantNav a:hover ul{
	visibility:visible;
	z-index: 150;
}
/* keep the third level and decendants hidden when you hover on first level list OR link */
#slantNav li:hover ul ul, #slantNav a:hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#slantNav li li:hover ul, #slantNav li a:hover ul{
	visibility:visible;
}

/* keep the fourth level and decendants hidden when you hover on second level list OR link */
#slantNav li li:hover ul ul, #slantNav li a:hover ul ul{
	visibility:hidden;
}

/* make the fourth level visible when you hover over third level list OR link */
#slantNav li li li:hover ul, #slantNav li li a:hover ul{
	visibility:visible;
}

/* keep the fifth level and decendants hidden when you hover on third level list OR link */
#slantNav li li li:hover ul ul, #slantNav li li a:hover ul ul{
	visibility:hidden;
}

/* make the fifth level visible when you hover over fourth level list OR link */
#slantNav li li li li:hover ul, #slantNav li li li a:hover ul{
	visibility:visible;
}



/* style the table so that it takes no part in the layout - required for IE to work */
#slantNav table {position:absolute; top:0; left:0;}





/*the following style is used to create the slant effects */

#slantNav a em {
	float:left; 
	display: inline; /*This is to counter act IE's double margin error on floated items*/	
	font-style:normal; 
	display:block; 
	padding:0px; 
	height:20px;
	background:#3399CC;
	cursor:pointer; 
	color:#FFF; 
	line-height:19px;
}

#slantNav a b, a span {
	cursor:pointer; 
	display:block; 
	width:0; 
	overflow:hidden;
	float:left;
	display: inline; /*This is to counter act IE's double margin error on floated items*/
	background:#3399CC;
}

#slantNav a span {
	height:0; 
	border-left:20px solid #3399CC;
	border-top:20px solid #3399CC;
}
/*
#slantNav #last a span {
	height:0; 
	border-left:20px solid #3399CC;
	border-top:20px solid #3399CC;
}
*/

#slantNav a b.p1,
#slantNav a b.p2,
#slantNav a b.p3,
#slantNav a b.p4,
#slantNav a b.p5 {border-bottom:4px solid #3399CC; border-right:4px solid #3399CC;}

/*
#slantNav #first a b.p1,
#slantNav #first a b.p2,
#slantNav #first a b.p3,
#slantNav #first a b.p4,
#slantNav #first a b.p5 {border-bottom:4px solid #fff; border-right:4px solid #3399CC;}
*/

#slantNav a b.p1 {height:0; margin-bottom:16px;}
#slantNav a b.p2 {height:4px; margin-bottom:12px;}
#slantNav a b.p3 {height:8px; margin-bottom:8px;}
#slantNav a b.p4 {height:12px; margin-bottom:4px;}
#slantNav a b.p5 {height:16px;}

#slantNav a:hover {background:#FF9933;}

#slantNav a:hover em, #slantNav a.selected em {color:#030; background:#FF9933;}

#slantNav a:hover b.p1, #slantNav a.selected b.p1,
#slantNav a:hover b.p2, #slantNav a.selected b.p2,
#slantNav a:hover b.p3, #slantNav a.selected b.p3,
#slantNav a:hover b.p4, #slantNav a.selected b.p4,
#slantNav a:hover b.p5, #slantNav a.selected b.p5 {border-right-color:#FF9933; background: #FF9933;}

#slantNav #first a:hover b.p1, #slantNav #first a.selected b.p1,
#slantNav #first a:hover b.p2, #slantNav #first a.selected b.p2,
#slantNav #first a:hover b.p3, #slantNav #first a.selected b.p3,
#slantNav #first a:hover b.p4, #slantNav #first a.selected b.p4,
#slantNav #first a:hover b.p5, #slantNav #first a.selected b.p5 {border-right-color:#FF9933; background: #FF9933;}

#slantNav a:hover span, #slantNav a.selected span {border-left-color:#FF9933;}
#slantNav #last a:hover span, #slantNav #last a.selected span {border-left-color:#FF9933;}

#slantNav a.selected:hover b, #slantNav a.selected:hover em, #slantNav a.selected:hover span {cursor:default;}
/*------------------------------------------End Menu ----------------------------------------*/


/*------------------------------------------End header ----------------------------------------*/


/*------------------------------------------ Start Footer ----------------------------------------*/
#footer {
	clear:both;
	position: relative;
	width: 735px;
	height: 135px;
	margin-top: 2px;
	padding-bottom: 10px;
	background-color:#FFFFFF;
	font-size: 1.2em;
}
#footerRule {
	width:735px;
	height:8px;
	background: url(../images/footer_rule.jpg) repeat-x;
}
#footer a:link,#footer a:visited,#footer a:active {
	color :#999999;
	margin: 0px 2px;
	text-decoration: underline;
}
#footer a:hover {
	color :#FF9933;
	text-decoration: underline;	
}
/* ----Start Sub Navigation 1 ---*/
#footer #subNav1 {
	float:left;
	display: inline; /*This is to counter act IE's double margin error on floated items*/
	clear:both;	
	width:466px;
	margin: 7px 3px 10px 3px;
	color :#999999;
}
#subNav1 li {
	display: inline; /*This is to counter act IE's double margin error on floated items*/
	list-style: none;
	padding-left:4px;
	padding-right: 4px;
}
#subNav1 li a {
	font-size: .9em;
}
/* ----End Sub Navigation 1 ---*/


/* ----Start Sub Navigation 2 ---*/
#footer #subNav2 {
	float: right;
	display: inline; /*This is to counter act IE's double margin error on floated items*/
	margin: 10px 0px 10px 3px;
	font-size: .9em;
	color :#999999;
	width:224px;
}
#subNav2 li{
	display: inline; /*This is to counter act IE's double margin error on floated items*/
	list-style: none;
	margin-left: 6px;
}

#compliance{
	width:377px;
	margin: 35px auto 0px auto;
	clear:both;
	float:left;
	display: inline; /*This is to counter act IE's double margin error on floated items*/
	font: lighter .85em Arial;
	color:#999999;
	text-align:center;
}
#logocontainer{
	width: 260px;
	float: right;
	padding-right: 10px;
}
#espc{
	float: left;
	display: inline; /*This is to counter act IE's double margin error on floated items*/
	margin-left: 10px;
	padding-top: 10px;
}
#lashBack{
	float: right;
	display: inline; /*This is to counter act IE's double margin error on floated items*/
}
#habeas{
	float: left;
	clear: both;
	display: inline; /*This is to counter act IE's double margin error on floated items*/
	padding-top: 5px;
}
#dpf{
	float: right;
	display: inline; /*This is to counter act IE's double margin error on floated items*/
	margin-right: 40px;
	padding-top: 7px;
}





/*------------------------------------------End Footer ----------------------------------------*/