/***********************************************/
/* 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: #ffffff;
	padding:0px;
	width:915px;
	margin:0  auto;
	background-color:#DCDEc4;
}

/******* 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: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

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



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



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

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

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




/**************** header *****************/

#masthead{top: 0px;		width:100%;	background:url(headerbg.jpg) repeat-x 0 0 #004674;	height:120px; 	}
#logoarea {	clear:both;	float:left;	margin:27px 10px 0 52px;	padding:0;	position:absolute;	width:80%;}
#logoarea .logo{ float:left; width:11%; }
#logoarea .sitename{ float:right; width:85%;}
#headerimage {clear:both;	float:right;	margin:10px 50px 0 0;	padding:0; width:10%;}
#globalNav{	 width: 100%;	height: 27px;	color: #3a3a46;	padding: 0px; margin: 1px 0; background: url(scrollbg.jpg) repeat-x 0 0;}
#globalNav marquee{ margin:5px 10px 0 15px; font-size:12px;}

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



/************** footer ****************/

#siteInfo{	clear: both;	font-size:12px;	padding:0px;	margin-top: 10px;	height:75px;	width:100%;	background-color:#cfdae4;}
#siteInfo .sitefooter{	padding: 30px 4px 4px 20px;	vertical-align: middle;}
#siteInfo .sitefooter span{ float:right;	margin:0 5px 0 0;}
#siteInfo .sitefooter span a{ margin:0 15px 0 15px;}

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


/*************cantent****************/
.body_inner{    width:99%;  font-size:90%;  clear:both; background-color:#FFFFFF;}
/* main (LHS) navigation */
#main_nav{   float:left;    width:230px;    margin:0; margin-bottom:10px; clear: both; padding-top:10px;}
#main_nav ul {    font-size:10pt;    list-style:none;    margin:0;     padding:0;    list-style-image:none;    list-style:none;}
#main_nav ul li{   background-color:#F6F6F6;    line-height:1.2;    margin-top:1px;    padding:0;}
#main_nav ul li a:link, #main_nav ul li a:active, #main_nav ul li a:visited, #main_nav ul li a:hover{
    text-decoration:none;    color: #031C41;    display:block;    padding-left:8px;    height:100%;    font-size:10pt;    font-weight:normal;    padding-top:3px;
    padding-bottom:3px;}
#main_nav #budget_infomation li a:link, #main_nav #budget_infomation li a:visited, #main_nav #budget_infomation li a:active{ border-left:solid 6px #1373C4;}
#main_nav #budget_infomation li a:hover{    background-color:#DFE9F1; border-left:solid 6px #C47B13;}
#main_nav #outlook_outcomes li a:link, #main_nav #outlook_outcomes li a:visited, #main_nav #outlook_outcomes li a:active{ border-left:solid 6px #452C75;}
#main_nav #outlook_outcomes li a:hover{    background-color:#ECE9F1;}

.past_budgets{  width:226px;    line-height:1.7;    margin-top:10px;    border:solid 1px #DDDDDD;    padding:1px;       font-size:10pt; }                    
.past_budgets a:link, .past_budgets a:visited, .past_budgets a:active
{ display:block; height:100%; padding-left:12px;  background: #04AFF5 url("past_budget_tile.jpg") repeat-x top left; color:#FFFFFF; text-decoration:none;
    font-weight:bold;    font-size:10pt; }

#box1{ border-left:solid 6px #1373C4; background-color:#F6F6F6; margin-top:3px;  min-height:120px;}
.feature{ font-size: 12px; padding:10px; text-align:justify;}
.feature p{ height:inherit;}
.feature #astha{ font-weight:500; font-size:100%; text-align:left;}
.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}


#content{  height:auto !important;    min-height:500px;	 position:relative;margin-left:10px; margin-right:8px; padding-top:10px;}
div.home_outer_new {border:medium none; background:url(cantentbg.jpg) repeat-x 0 0 #f7fafc; margin-bottom:10px;}
div.home_outer, div.home_outer_new {float:left;	height:auto !important;	padding:4px; width:100%;}
div#bannerarea{ height:225px; overflow:hidden; }
div#bannerarea img{ margin:12px; border:solid 6px #ffffff; }
div#bannerarea #flasharea{ margin:12px; border:solid 6px #ffffff; width:630px; }
div#home_text { color:#6c6c6c;  margin:5px 20px 10px 20px; font-size:12px; text-align:justify; line-height:1.8;}
div.home_outer_new h2{ font-size:18px; margin-left:-5px;}
div.home_outer_new h2{ font-size:18px; background:url(h-welcome.png) no-repeat left bottom; height:30px;}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 500;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #EAEAEA;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
font:bold;
text-decoration: none;
}

.thumbnail:hover .outspan{ /*CSS for enlarged image on hover*/
visibility: hidden;
top: 0;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 1px; /*position where enlarged image should offset horizontally */\
}


.listFormHeaderLinks{color:#FFFFFF;}

/* ------------------ */