/***********************************************/

/* 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: #cccccc url(../images/bg_grad.jpg) fixed;

}

/******* 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: 80% Arial,sans-serif;

 color: #333333;

 margin: 0px;

 padding: 0px;

}

h5{

 font: 70% 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                                 */

/***********************************************/

#pagecell1{
	position:absolute;
	top: 200px;
	width:900px;
	height: 574px;
	background-repeat: repeat;
	border-top: thin none #CCCCCC;
	border-right: thin none #CCCCCC;
	border-bottom: 50px none #99CCFF;
	border-left: thin none #CCCCCC;
	background-image:  url(../Images/tlo600.jpg);
	z-index: 98;



}

#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;
	width:900px;
	height: 165px;
	border: thin none #CCCCCC;
	background-image: url(../Images/Layer_1624bit.jpg);









	

}

#pageNav{

	width:200px;

	padding: 0px;

	font: x-small Verdana, sans-serif;

	background-repeat: repeat-x;

	position: relative;

	height: 263px;

	top: 16px;

	border: thin none #FFFFFF;

	visibility: visible;

	left: 11px;

}

#content{

	position: absolute;

	top: 29px;

	height: 448px;

	width: 600px;

	margin: 0px;

	border: 5px solid #FFCC66;

	background-repeat: repeat;

	font-size: 11px;

	font-weight: normal;

	left: 207px;

	overflow: auto;

	padding-top: 5px;

	padding-right: 30px;

	padding-bottom: 30px;

	padding-left: 5px;





}

/

/************** utility styles *****************/

#utility{

	font: 75% Verdana,sans-serif;

	position: absolute;

	top: 195px;

	color: #919999;

	width: 892px;

	height: 17px;

}

#utility a{

	color: #ffffff;

	top: 800px;

}

#utility a:hover{

	text-decoration: underline;

}

/************* globalNav styles ****************/

#globalNav{

	position: absolute;

	width: 898px;

	min-width: 640px;

	height: 25px;

	color: #CCCCCC;

	top: 169px;

	background-image:  url(../Images/button44a.gif);

	left: 0px;

	border: thin none #CCCCCC;





}

#globalNav img{

 

}

#gnl {

	position: absolute;

	top: 171px;

	left:290px;

	height: 251px;

	width: 299px;

}

#gnr {

	position: absolute;

	top: 61px;

	right:13px;

	width: 587px;

	height: 105px;

}

#globalLink{
	position: absolute;
	top: 2px;
	height: 24px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	width: 900px;
	z-index: 100;


}

a.glink, a.glink:visited{

  	font-size: small;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 2px 8px 4px;

	border-right: 1px solid #8FB8BC;

}

a.glink:hover{

  	background-image:  url(../Images/glblnav_selected.gif);

	text-decoration: none;

}

a.glink:active{

  	background-image:  url(../Images/glblnav_selected.gif);

	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: 80%;

	color: #ffffff;

}

.subglobalNav a:hover{

	color: #cccccc;

}



/************** feature styles *****************/

.feature{

	font-size: 80%;

	min-height: 200px;

	height: 271px;

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	width: 285px;

	position: absolute;

	left: 58px;

	font-family: Arial, Helvetica, sans-serif;

	color: #CCCCCC;

	font-style: normal;

	border: medium none #F4F4F4;

	top: 155px;

}

.feature h3{

	font: bold 175% Arial,sans-serif;

	color: #000000;

	padding: 30px 0px 5px 0px;

}

.feature img{

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 0px;

}

/*************** story styles ******************/

.story {

	font-size: 80%;

	width: 675px;

	left: 0px;

	height: 0px;

	position: absolute;

	bottom: 0px;

	top: 500px;

	clear: both;

	visibility: hidden;



}

.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{

	border-top: 1px none #cccccc;

	font-size: small;

	color: #cccccc;

	padding: 10px;

	position: absolute;

	width: 880px;

	background-repeat: repeat;

	background-position: left center;

	bottom: 0px;

	height: 18px;

	left: 0px;

	background-image:  url(../Images/glbnav_background.gif);



}

#siteInfo img{

	vertical-align: middle;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 0px;

	padding-right: 4px;

	background-image:  url(../Images/tlo.jpg);

	background-repeat: repeat;

}

/************ 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;

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	color: #21536A;

}

#sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #DDEEFF;

	background-image: none;

	font-weight: bold;

	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; 

}

a:active {

  	background-image:  url(../Images/glblnav_selected.gif);

	text-decoration: none;

}

#Layer1 {

	color: #ffffff;

	top: 195px;

	position: absolute;

	height: 17px;

	width: 300px;

}
