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

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #cccccc;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #000000; /* url("backGrad.gif") fixed;*/
}

#mainBox {
/*border: 1px solid #666666;*/
 max-width: 800px;
 width:expression(document.body.clientWidth > 800? "800px": "auto" );
}

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

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

a:hover{
	text-decoration: underline;
}

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

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

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

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

h4{
 font: 700 80% Arial,sans-serif;
 color: #cccccc;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 80% 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;
}

li{
	margin-left: 1.25em;
	padding-left: 1.25em;
}

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

form {
	margin: 0;
	padding: 0;
}

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

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:relative;
	/*top: 112px;*/
	/*left: 0.5%;*/
	/*right: 0.5%;*/
	
	/* border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666; */
	width:100%;
	background-color: #000000; /*#ffffff;*/
	margin-bottom: 0px;
}

#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;
}

#masthead{
	position: relative; /*absolute;*/
	top: 0px;
	/*left: 0.5%;*/
	/*right: 0.5%;*/
	width:100%;
}

#pageNav{
	float: left;
	width:150px;
	padding: 0px 0px 285px 0px;
	background-color: #F5f7f7;
	background-image: url("section_selectedBig.gif");
	/*background-image: url("section_selected.gif");*/
	/*border-right: 1px solid #cccccc; */
	/*border-bottom: 1px solid #cccccc; */
	font: small Arial,sans-serif;
}

#pageNavRight{
	float: right;
	width:150px;
	padding: 0px 0px 285px 0px;
	background-color: #F5f7f7;
	background-image: url("section_selectedBigRight.gif");
	/*background-image: url("section_selected.gif");*/
	/*border-right: 1px solid #cccccc; */
	/*border-bottom: 1px solid #cccccc; */
	font: small Arial,sans-serif;
}

#content{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
	/*border-left: 1px solid #ccd2d2;*/
}


/************************************************/
/* Links at top of page                         */
/************************************************/
#globalLinks{
	padding:3px 0px 5px 0px;
	margin: 0px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
}

a.glinkFirst, a.glinkFirst:visited{
  	font-size: 80%;
  	color: #ffffff;
	margin-left: 3px;
	padding: 3px 6px 4px 6px;
	/*border-right: 1px solid #666666;*/
/*
	background-image: url("fadeMidBlue.jpg");
*/
	background-repeat:no-repeat; 
}
a.glinkFirst:hover{
	font-weight: 900;
	text-decoration: none;
}

a.glinkRed, a.glinkRed:visited{
  	font-size: 80%;
  	color: #ffffff;
	margin: 0px;
	padding: 3px 6px 4px 6px;
/*
	background-image: url("fadeRed.jpg");
*/
	background-repeat:no-repeat; 
	/*padding: 2px 5px 4px 5px;*/
	/*border-right: 1px solid #666666;*/
}
a.glinkRed:hover{
	font-weight: 900;
	text-decoration: none;
}

a.glinkLightBlue, a.glinkLightBlue:visited{
  	font-size: 80%;
  	color: #ffffff;
	margin: 0px;
	padding: 3px 6px 4px 6px;
/*	
	background-image: url("fadeLightBlue.jpg");
*/	
	background-repeat:no-repeat; 
	/*padding: 2px 5px 4px 5px;*/
	/*border-right: 1px solid #666666;*/
}
a.glinkLightBlue:hover{
	font-weight: 900;
	text-decoration: none;
}

a.glinkGreen, a.glinkGreen:visited{
  	font-size: 80%;
  	color: #ffffff;
	margin: 0px;
	padding: 3px 6px 4px 6px;
/*	
	background-image: url("fadeGreen.jpg");
*/	
	background-repeat:no-repeat; 
	/*padding: 2px 5px 4px 5px;*/
	/*border-right: 1px solid #666666;*/
}
a.glinkGreen:hover{
	font-weight: 900;
	text-decoration: none;
}

a.glinkPurple, a.glinkPurple:visited{
  	font-size: 80%;
  	color: #ffffff;
	margin: 0px;
	padding: 3px 6px 4px 6px;
/*	
	background-image: url("fadePurple.jpg");
*/	
	background-repeat:no-repeat; 
	/*padding: 2px 5px 4px 5px;*/
	/*border-right: 1px solid #666666;*/
}
a.glinkPurple:hover{
	font-weight: 900;
	text-decoration: none;
}


a.glinkPink, a.glinkPink:visited{
  	font-size: 80%;
  	color: #ffffff;
	margin: 0px;
	padding: 3px 6px 4px 6px;
/*	
	background-image: url("fadePink.jpg");
*/	
	background-repeat:no-repeat; 
	/*padding: 2px 5px 4px 5px;*/
	/*border-right: 1px solid #666666;*/
}
a.glinkPink:hover{
	font-weight: 900;
	text-decoration: none;
}


a.glinkBrown, a.glinkBrown:visited{
  	font-size: 80%;
  	color: #ffffff;
	margin: 0px;
	padding: 3px 6px 4px 6px;
/*	
	background-image: url("fadeBrown.jpg");
*/	
	background-repeat:no-repeat; 
	/*padding: 2px 5px 4px 5px;*/
	/*border-right: 1px solid #666666;*/
}
a.glinkBrown:hover{
	font-weight: 900;
	text-decoration: none;
}



a.glinkDarkBlue, a.glinkDarkBlue:visited{
  	font-size: 80%;
  	color: #ffffff;
	margin: 0px;
	padding: 3px 6px 4px 6px;
/*	
	background-image: url("fadeDarkBlue.jpg");
*/	
	background-repeat:no-repeat; 
	/*padding: 2px 5px 4px 5px;*/
	/*border-right: 1px solid #666666;*/
}
a.glinkDarkBlue:hover{
	font-weight: 900;
	text-decoration: none;
}


a.glinkOrange, a.glinkOrange:visited{
  	font-size: 80%;
  	color: #ffffff;
	margin: 0px;
	padding: 3px 6px 4px 6px;
/*	
	background-image: url("fadeOrange.jpg");
*/	
	background-repeat:no-repeat; 
	/*padding: 2px 5px 4px 5px;*/
	/*border-right: 1px solid #666666;*/
}
a.glinkOrange:hover{
	font-weight: 900;
	text-decoration: none;
}

a.glinkGrey, a.glinkGrey:visited{
  	font-size: 80%;
  	color: #ffffff;
	margin: 0px;
	padding: 3px 6px 4px 6px;
/*	
	background-image: url("fadeGrey.jpg");
*/	
	background-repeat:no-repeat; 
	/*padding: 2px 5px 4px 5px;*/
	/*border-right: 1px solid #666666;*/
}
a.glinkGrey:hover{
	font-weight: 900;
	text-decoration: none;
}

.skipLinks {display: none;}

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

/************** utility styles *****************/

#utility{
	font: 55% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a{
	color: #ffffff;
}

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

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

#pageName{
	padding: 14px 0px 13px 30px;
	margin: 0px;
	border: 1px solid #666666;
	/*border-bottom:1px solid #666666;*/
	background-repeat:no-repeat; 
}

.red{
	background-image: url("buttonSmallRed.jpg");
}
.darkGreen{
	background-image: url("buttonSmallGreen.jpg");
}
.lightGreen{
	background-image: url("buttonSmallGreen.jpg");
}
.lightBlue{
	background-image: url("buttonSmallLightBlue.jpg");
}
.midBlue{
	background-image: url("buttonSmallMidBlue.jpg");
}
.darkBlue{
	background-image: url("buttonSmallDarkBlue.jpg");
}
.lightPurple{
	background-image: url("buttonSmallLightPurple.jpg");
}
.darkPurple{
	background-image: url("buttonSmallDarkPurple.jpg");
}
.orange{
	background-image: url("buttonSmallOrange.jpg");
}
.pink{
	background-image: url("buttonSmallPink.jpg");
}
.brown{
	background-image: url("buttonSmallBrown.jpg");
}
.grey {
	background-image: url("buttonSmallGrey.jpg");
}

#pageName h2{
	font: 900 125% Arial,sans-serif;
	color: #ffffff;
	margin:0px;
	padding: 0px;
}

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

/************* titleBar styles *****************/
#titleBar{
position: relative;
width: 100%;
/*min-width: 750px;*/
height: 92px;
color: #cccccc;
padding: 0px;
margin-bottom: 0px;
margin-top: 2px;

background-repeat:no-repeat;
}

.titleRed{
	background-image: url("titleBarFadeRedHighRes.gif");
}
.titleDarkGreen{
	background-image: url("titleBarFadeDarkGreenHighRes.gif");
}
.titleLightGreen{
	background-image: url("titleBarFadeGreenHighRes.gif");
}
.titleLightBlue{
	background-image: url("titleBarFadeLightBlueHighRes.gif");
}
.titleMidBlue{
	background-image: url("titleBarFadeMidBlueHighRes.gif");
}
.titleDarkBlue{
	background-image: url("titleBarFadeDarkBlueHighRes.gif");
}
.titleLightPurple{
	background-image: url("titleBarFadePurpleHighRes.gif");
}
.titleDarkPurple{
	background-image: url("titleBarFadeDarkPurpleHighRes.gif");
}
.titleOrange{
	background-image: url("titleBarFadeOrangeHighRes.gif");
}
.titlePink{
	background-image: url("titleBarFadePinkHighRes.gif");
}
.titleBrown{
	background-image: url("titleBarFadeBrownHighRes.gif");
}
.titleGrey{
	background-image: url("titleBarFadeGreyHighRes.gif");
}

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

#tBarr {
	position: absolute;
	top: 0px;
	right:-1px;
}

/************* midBar styles *****************/
#midBar{
position: absolute; /*relative;*/
width: 100%;
min-width: 750px;
height: 89px;
color: #cccccc;
padding: 0px;
background-image: url("greyFillerHighRes.gif");
background-repeat:no-repeat;
margin-bottom: 5px;
}


#mBarl {
	/*position: absolute;*/
	top: 0px;
	left:0px;
}

#mBarr {
	/*position: absolute;*/
	top: 0px;
	right:-1px;
}

.midBar img {
	position: absolute;
	/*float: left; */
	/*padding: 0px 0px 0px 10px;*/
}

.midBar imgRight {
	float: right;
}

.midBar object{
	float: left;
	padding: 0px 0px 0px 88px;
}


/************* globalNav styles ****************/
/*
#globalNav{
position: relative;
width: 100%;
min-width: 678px;
height: 32px;
font-family:Arial, Helvetica, sans-serif;
color: #cccccc;
padding: 0px;
margin-bottom: 0px;
background-image:  url("glblnav_selected.gif"); 
border-bottom: 1px solid #cccccc;
}

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

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

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

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


a.glink, a.glink:visited{
  	font-size: 75%;
  	color: #333333;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #333333;
}

a.glink:hover{
	font-weight: 900;
	text-decoration: none;
}

.skipLinks {display: none;}
*/


/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 84px;
	left: 0px;
	/*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 70%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 50%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 60%;
	font-weight: 900;
	
}

#search a:hover{
	margin: 0px;
}


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

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

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


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

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

.feature h3{
	font: 900 155% Arial,sans-serif;
	color: #ffffff;
	padding: 15px 0px 0px 0px;
}

.feature h2 {
	font: 130% Arial,sans-serif;
	color: #ffffff;
	padding: 15px 0px 0px 0px;
}

.feature img{
	float: right;
	padding: 20px 20px 20px 20px;
}

.feature object{
	float: right;
	padding: 20px 20px 20px 20px;
}


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

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

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

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

.story a.capsule{
	font: 900 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{
	position:absolute;
	clear: both;
	/*border-top: 1px solid #cccccc;*/
	font-size: small;
	color: #cccccc;
	padding: 90px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	/*border-bottom: 1px solid #cccccc;*/
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	/*border-top: 1px solid #ffffff;*/
	/*border-bottom: 1px solid #cccccc;*/
	background-image: url("section_selected.gif");
	font-family: Arial,sans-serif;
	/*font-weight: 900;*/
	font-size: 80%;
	padding: 3px 0px 3px 10px;
	color: #333333;
	border-bottom: 1px dotted #333333;
}

#sectionLinks a:hover{
	/*border-top: 1px solid #cccccc;*/
	background-color: #DDEEFF;
	/*background-image: url("glblnav_selected.gif");*/
	font-weight: 900;
	font-size: 85%;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	/*border-bottom: 1px solid #cccccc;*/
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block;
	font-size: 70%; 
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}

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