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

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family:Calibri, Helvetica, Verdana, Arial, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background: #cccccc url(../images/bg_grad.jpg) fixed;
}

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

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

a:hover{
	text-decoration: none;
}
/************** header tag styles **************/

h1{
 font: bold 16px Helvetica, Arial, Calibri, Helvetica, Verdana, sans-serif;
 color:#006699;
 margin: 0px;
 padding-left: 8px;
}

h2{
 font: bold 12px Arial, Helvetica, Calibri, Verdana, sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

/*************** list tag styles ***************/
li{
	list-style-image:url(../images/bullet_arrow.jpg);
	padding-left: 5px;	
}

li.home{
	padding-left: 5px;
	margin-left: -20px;
}

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

form {
	margin: 0;
	padding: 0;
}

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


/************* globalNav styles ****************/
a.glink, a.glink:visited{
  	font-size: small;
  	color: #333333;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px dotted #8FB8BC;
}

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

.skipLinks {display: none;}

/************ subglobalNav styles **************/
.leftNav{
  	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	vertical-align:middle;
	border-bottom:dotted #CCCCCC 1px;
}

.leftNav:hover{
  	background-image: url(../images/glblnav_selected.gif);
}

.vLeftNav{
  	font-size: 13px;
  	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	vertical-align:middle;
	border-bottom:dotted #CCCCCC 1px;
}

a.slink{
	color: #666666;
	text-decoration: none;
	cursor:default;
}

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

.SideLink{
	font-size:12px;
	color:#333333;
	padding:5px;
}

.breadCrumb{
	font-size:11px;
	color: #AAAAAA;
}

.breadCrumb a{
	color: #AAAAAA;
}

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


/************* breadCrumb styles ***************/
.bottom{
	font-family: Calibri, Helvetica, Verdana, Arial, sans-serif;
	font-size:11px;
	color:#ffffff;
}


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

.feature{
	font-style:italic;
	color:#CC3300;
	padding-left: 25px;
	padding-right: 25px;
}


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

.story {
	padding: 10px;
	font-family: Calibri, Helvetica, Verdana, Arial, sans-serif;
	text-align:justify;
	color:#666666;
	font-size:12px;
}

.line{
	border-bottom:1px solid #006699;
	width:100%;
	float:left;
}

.browhi{
	font-family: Calibri, Helvetica, Verdana, Arial, sans-serif;
	text-align:justify;
	color:#666666;
	font-size:12px;
}

.flash_container{
	width:600px;
	height:100px;
	border: 1px solid #CCCCCC;
}

li.main{	
	list-style-image:url(../images/bullet_square.jpg);
}

li.index{	
	list-style-image:url(../images/bullet_arrow.jpg);
}

a.prod{
	color:#666666;
}

a.prod:hover{
	color:#006699;
}