/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/
/* KLS (author) January 2005 I used and modified a MM Dreamweaver template. No ordinary template. It's current state of the art. And not perfect. The javascripting has been modified, for example, to easily accomodate the adding or subtracting of rollover links. Please feel free to contact me if you have questions about the creation of this site. 913-681-3200.
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.5;	
	margin: 0px;
	padding: 0px;
	background: #ffffff /*cccccc url("bg_grad.jpg") fixed;*/
}

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

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

a:visited{
	color: green; /*#005FA9;*/
	text-decoration: none;
}

a:hover{
		color: black; /*#005FA9;*/
		text-decoration: underline;
}

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

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

h1a{
 font: bold 90% Arial,sans-serif;
 color: black; /*#334d55;*/
 margin: 0px;
 padding: 0px;
}

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

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

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

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

h6{
 font: normal 110% Verdana,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 20px;
}


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

ul{
 list-style-type: square;
}

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

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

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

form {
	margin: 0;
	padding: 0;
}

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

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:absolute;
	top: 114px;
	left: 20px;
	right: 2%;
	width:95.6%;
	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;
}

#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
	
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #ffffff;
	border-right: 1px solid #ffffff;
	/*border-bottom: 1px solid #cccccc;*/
	font: small Verdana,sans-serif;
}

#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #ffffff;
}

#headlines{
  float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}



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

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

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #000000;
	left: 361px;
}

#utility a{
	color: blue; /*#0066ff;*/
}

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

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

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:3px solid blue; /*#0066FF;*/
}

#pageName h2{
	font: bold 165% Arial,sans-serif;
	color: navy; /*#000066;*/
	margin:0px;
	padding: 0px;
}

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

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

#globalNav{
	position: relative;
	width: 75%;
	min-width: 640px;
	height: 32px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	/*background-image:  url("imagesnav/glbnav_background.gif");*/
	background-color: #6699FF; /* 3399FF;#66CCFF;*/
}

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

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

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

#globalLink{
	position: absolute;
	top: 0px;
	height: 32px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 1px;
	z-index: 100;
	background-color: #6699FF;
	width: 1500px;
}


a.glink, a.glink:visited{
	font-size: medium;
  	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid navy; /*#000066;*/
}

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

.skipLinks {display: none;}

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

.subglobalNav{
	position: absolute;
	top: 84px;
	left: 0px;
	min-width: 640px;
	height: 30px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: blue;
	width: 1500px;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 85%;
	color: black;
}

.subglobalNav a:hover{
	color: #0066ff;
}



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

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: blue; /*#005FA9;*/
}

#breadCrumb a{
	color: navy; /*#000066;*/
}

#breadCrumb a:hover{
	color: navy; /*#000066;*/
	text-decoration: underline;
}


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

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

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

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


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

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

.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: blue; /*#005FA9;*/
	display:block;
	padding-bottom: 5px;
}

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

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

.story img{
	float: right;
	padding: 0px 10px 0px 0px;
}


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

#siteInfo{
	clear: both;
	/*border-top: 1px solid #cccccc;*/
	font-size: small;
	color: #000000;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

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


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

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

}
#sectionLinks2{
	margin: 0px;
	padding: 0px 0px 0px 8px;

}
#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px #6699FF; /*#0066FF;*/
}
#sectionLinks2 h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px #6699FF /*#6699FF; #0066FF;*/
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 2px solid #6699FF; /*#0066FF;*/
	background-color: white; /*#C1DAFF/background-image:  url("bg_nav.jpg");*/
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: black; /*#21536A;*/

}
#sectionLinks2 a:link, #sectionLinks2 a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 2px solid #FFFFFF; /*#0066FF or 6699FF;*/
	background-color: #C1DAFF; /*background-image:  url("bg_nav.jpg");*/
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: black; /*#21536A;*/
}

#sectionLinks a:hover{
	border-top: 1px solid #ffffff;
	background-color: #D5FBE9;/*#DDEEFF*/
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

#sectionLinks2 a:hover{
	border-top: 1px solid #ffffff;
	background-color: #D5FBE9;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


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

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 2px solid #6699FF;;
}

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

.relatedLinks a{
	display: block; 
}


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

#advert{
	padding: 10px 2px 6px 2px;
}

#advert img{
	display: block;
}

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