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

/****************************************/
/* HTML tag styles                     */
/**************************************/
body{
color: #333;	
margin: 0px;
padding: 0px;
background: #ccc url("../images/bg_grad.jpg") fixed;
font: 8pt/1.166 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/***** hyperlink and anchor tag styles *****/
a:link, a:visited{
color: #369;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

a img { border:none } 


/*********** header tag styles **********/
h1{
font: bold larger Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #366;
margin: 0px;
padding: 0px;
}

h2{
font: bold larger Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #069;
margin: 0px;
padding: 0px;
}

h3{
font: bold 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #366;
margin: 0px;
padding: 0px;
}

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

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

h6{
font: 100% Arial, Helvetica, sans-serif;
color: #036;
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;
}

/***************************************/
/* Layout Divs                        */
/***clear space on top of left menu - use #pagename******/
#pagecell1{
position:absolute;
top: 100px;
left: 0.3%;
right: 0.5%;
width: 100%;
background-color: #ffffff;
}

#tl {
position:absolute;
top: -1px;
left: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}

#tr {
position:absolute;
top: -1px;
right: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}
/*** space on top for Find Out ***/
#masthead{
position: absolute;
top: 0px;
left: 2%;
right: 2%;
width:95.6%;
}

#pageNav{
position: absolute;
top: 0px;
left: .05%;
right: 2%;
width: 178px;
background-color: #FFFFF2;
border-right: 1px solid #ccc;
border-bottom: 1px solid #CCC;
font: Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-align: center;
}
/***works with .storyad ***/
#content{
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 180px;
border-left: 1px solid #ccd2d2;
 font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
 float: none;
}

#content h4{
font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #609
}
 
#content h5{
font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #900
} 

#pageAD{
float: left;
width: 178px;
padding: 0px;
background-color: #F5f7f7;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/***********************************************/
/* Component Divs                              */
/*********************for FIND OUT *************/
#siteName{
margin: 0px;
padding: 16px 0px 8px 0px;
color: #fff;
font: bold 12pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*** utility styles ***** top right links *******/
#utility{
font: 9pt Arial, Helvetica, sans-serif;
position: absolute;
top: 16px;
right: 0px;
color: #999;
}

#utility a{
color: #fff;
}

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

/*** pageName styles *** Page name - left menu ******/
#pageName{
padding: 5px 10px 5px 10px;
margin: 0px;
border-bottom:1px solid #ccd2d2;
font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#pageName h2{
font: bold 14pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #306;
margin:0px;
padding: 0px;
}

#pageName img{
position: absolute;
top: -9px;
right: 6px;
padding: 0px;
margin: 0px;
}

/**** globalNav styles *** Top Hori menu - made wider ********/ 
#globalNav{
position: relative;
width: 100%;
min-width: 640px;
height: 30px;
color: #cccccc;
padding: 0px;
margin: 0px;
background-image:  url("../images/glbnav_background.gif");
}

#globalNav img{
margin-bottom: -4px;
}

#gnl {
position: absolute;
top: 0px;
left:0px;
}

#gnr {
position: absolute;
top: 0px;
right:0px;
}

#globalLink{
position: absolute;
top: 5px;
height: 12px;
min-width: 640px;
padding: 2px;
margin: 0px;
left: 10px;
z-index: 100;
}

a.glink, a.glink:visited{
color: #000000;
margin: 0px;
padding: 2px 5px 4px 5px;
border-right: 1px solid #8FB8BC;
 font: bold 9pt Arial, Helvetica, sans-serif;
 }

a.glink:hover{
background-image:  url("../images/glblnav_selected.gif");
text-decoration: none;
}

.skipLinks 
{display: none;
}

/**** subglobalNav styles *** expanded hori menu******/
.subglobalNav{
position: absolute;
top: 75px;
left: 0px;
/*width: 100%;*/
min-width: 640px;
height: 15px;
padding: px 0px 10px 10px;
visibility: hidden;
color: #fff;
font: 9pt Arial, Helvetica, sans-serif;
 font-weight: bold;
}

.subglobalNav a:link, .subglobalNav a:visited {
font-size: 100%;
color: #fff;
padding: 0px 10px 5px 5px;
}
.subglobalNav a:hover{
color: #FF6600;
 background: #D4D4D4 center;
 padding: 0px 10px 5px 5px;
 font: bold;
}
/****************************************************/
/***  CLASSES . *********** feature styles ************/
.feature{
	height: auto;
	font: normal small-caps 900 12pt "MS Sans Serif", Geneva, sans-serif;
	border-left: 8px none #E0FFFF;
	margin-left: 180px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

html>body .feature {height: auto;}

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

.feature img{
float: left;
padding: 0px 10px 0px 0px;
}

/************ story styles ****************/
.storyad{
padding: 10px 0px 0px 10px;
font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
display: block;
}

/***** siteInfo styles ** for footer ***/
#siteInfo{
clear: both;
border-top: 1px solid #ccc;
font-size: small;
color: #778899;
padding: 10px 10px 10px 10px;
margin-top: -1px;
}

#siteInfo img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}
/**** sectionLinks styles **remove *****/

/**** relatedLinks styles *** use left menus********/
.relatedLinks{
padding: 0px 5px 5px 5px;
border-bottom: 1px solid #ccc;
font: 9pt/12pt Verdana, Geneva, Arial, Helvetica, sans-serif;
 text-align: center;
}

.relatedLinks h3{
padding: 2px 0px 2px 0px;
font: bold 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.relatedLinks a{
display: block; 
}

/*** IDs #  *** advert styles *** for maps ***********/
#advert{
padding: 10px;
}

#advert img{
display: block;
}

#rightad{
position: absolute;
top: 29px;
left: 2%;
right: .05%;
width: 100px;
background-color: #EEF;
border-right: 0px solid #ccc;
border-bottom: 1px solid #CCC;
font: Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
	 
#rightad2{
position:absolute;
top: 29px;
left:80%;
right: 2%;
width: 180px;
background-color: #ffffff;
}
/*********** end **************/