/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color:#000000;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: bold 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper { 
 margin: 0 auto;
 background-color: #AAAAAA;
}


#pagecell1{
width: 100%;
float:left;
	z-index: 1;
}

#logo {
	padding: 5px;
	float:left;
}

#masthead{
	float:left;
	width:100%;
	height: 150px;
	background-color: #004880;
	
}
#headblocright{
	float: right;
	height: 140px;
	width : 540px;
	margin-right: 50px;
	margin-top: 10px;
	background-color: transparent;
}
#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#topcontact{
	float:right;
	width:580px;
	height:80px;
	color:#AAAAAA;
	size:12px;
}
#topcontact a:link, a:visited {
	color:#AAAAAA;
	text-decoration:none
	}
#topcontact a:hover {
text-decoration:underline;
}
	
#tagline{
	float:right;
	height:37px;
	width: 580px;
	font: 12px Verdana,sans-serif;
	font-weight:bold;
	color:#BBBBBB;
}
	
#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
}
#content a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

#content a:hover{
	text-decoration: underline;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	width: 50%;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	background-color:#888888;
	margin-bottom: 12px;
	z-index: 1;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	float: right;
}

/************* globalNav styles ****************/

#globalNav{
float: right;
height: 20px;
color: white;
padding: 0px;
margin-right: -30px;
z-index: 5000;
}

.jqueryslidemenu{
font: bold 11px Verdana;
background-color: 0;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
float: right;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background-color:black; /*background of tabs (default state)*/
color: white;
padding: 5px;
border-right: 1px solid #004880;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background-color:#666666; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
//border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background-color:#666666;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

//.downarrowclass{
//position: absolute;
//top: 10px;
//right: 7px;
//}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}


/************* breadCrumb styles ***************/

#breadCrumb{

	padding: 10px;
	font: small Verdana,sans-serif;
	color:#BBBBBB;
	background-color:#888888;
	z-index:inherit;
	
}
#breadCrumb img{
	float: right;
	padding-right: 10px;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{
	padding: 0px 10px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 0px 0px 0px;
	border:5px solid white;
	margin:0px 10px 0px 0px;
}


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	background-color:#888888;
	font-size: 9px;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: -1px;
}
#siteInfo a {
	color: #cccccc;
	text-decoration: none;
	
}
#siteInfo a:hover {
	color:#3366FF;
	text-decoration:underline;
	}
#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/********************* end **********************/