/***********************************************/
/* 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: url("b_bckgd.jpg") fixed;
	text-align: center;
}
/* body change	background: #cccccc url("bg_grad.jpg") fixed; 	background: #cccccc ;*/

/******* 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;
}
/*****************msu main containers */
#level-1 { background-color: #006633; color: white; height: 65px; }
/* Second row of page, only containing navigation tabs      */
#level-2 { background: #666 url(images/level-2-shadow.gif) repeat-x top; height: 2.2em; text-align: center; }
/* Wrapper width has to be made slightly larger here because IE will arbitrarily wrap the last navigation tab to the next line.  Add left padding to make it line up correctly. */
#level-2 .wrapper { width: 47em; padding-left: 0.8em; }
/****************/

/* Whole Page container  	remove----width: 800px; background-color: #ffffff; border: 1px solid #ffffff;  */
#mainContainer {
	padding-top: 2px;
	margin-top: 10px;
} 

/* center main container with width about 800px or 50.5em.  */
.whiteContainer {background-color: #ffffff; width: 50.5em; margin: 0px auto;}

/* header/logo section */
#logoline {  padding: 2px; }

/* site navigation bar of buttons on all pages */
#navContainer { 	
	text-align: center; 	
	height: 1.8em;	
} 
.whiteContainerBar{  	
	width: 50.5em; 	
	margin: 0px auto; 
	background-color: #ffffff;	
	height: 1.8em; 
} /* 	padding-left: .5em; */
#navigation { 
	padding-left: .1em; 
	width: auto; 
	} /*	min-width: 50em; */
#navigation ul { 	margin: 0; }
#navigation li { 	margin: 0; }
#navlist { 
	margin: 0px;	
	padding: 0.1em;	
	font: .9em Verdana, sans-serif; 
}
#navlist li { 	
	list-style: none; 	
	margin: 0; 
	display: inline;
}
#navlist li a { 
	width: 9em; 
	margin-bottom: 0; 
	margin-right: 1px; 
	display: block; 
	float: left;
	padding-top: 0.2em; padding-bottom: 0.2em; 	
	border: 1px solid white;  
	background: #6392D6; 
	text-decoration: none; font-weight: bold;
	} /* border-bottom-color: white;*/
#navlist li a:link { 
	color: white; 
}
#navlist li a:visited { 
	color: white; 
}
#navlist li a:hover { 
	color: white; 
	background: #82837E; 
	border-color: #bbb;
}
#navlist li a#current { 
	background: white; 
	border-bottom: 2px solid white; 
}
html>body #navlist li a { 
	width: 9em; 
}
/* end site navigation ************************************/

/* begin page content layout *******************************/
.pgContainer { 
	margin: 0px auto;
} 

#whiteContainerPage{
	background-color: #ffffff;
	border: 0;
	width: 50.5em; 
	margin: 0px auto;
 	height: auto;
} /* 	IE uses height: 605px; firefox uses min-height: 605px; - auto ignoring img height either way*/
 
 /*  the whiteContainerPage is either going to have a img on the left or page navigations as defined below */
#whiteContainerPage img{
	float: left;
	padding: 4px;
}

#pageNavA{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #ffffff;
	border: 1px solid #6392D6;
	font: Verdana,sans-serif;
	font-size: .8em;
	margin: 3px 3px 10px 3px;
}

/* used only on photo page */
#pageNavA h3{
background-color: #6392D6;
color: #FFFFFF;
padding: 10px 0px 2px 0px;
font-weight: bold;
font-size: 1em;
}

#pageNavA img{
margin: 10px 0px 10px 16px;
}

/* main content with left floating navigation bar */
#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 180px;
	height: 480px;
}
/* main content with left floating img bar home/services too short so length based on img */
#contentWpicShort{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 145px;
	height: 605px;
}

/* main content with left floating img bar  */
#contentWpic{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 145px;
	min-height: 605px;
	height: auto;
}
.pageHeading {
padding: 5px;
}
.pageHeading h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
}
.pageHeading h4{
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
	color: #6392D6;
}
/*
#pageName{
	float:left;
	padding: 10px 0px 5px 10px;
	margin: 0px;
	text-align: left;
}
#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
}

#pageEst{
float: right;
	padding: 10px 0px 5px 10px;
	margin: 0px;
	text-align: left;
}
#pageEst h4{
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
	color: #6392D6;
	padding: 5px 5px 5px 0px;
}
.nofloat {
clear:both;
}
*/
/************** feature styles (main changing conent *****************/
.feature{
	padding: 0px 10px 0px 10px;
	font-size: 90%;
	min-height: 200px;
	text-align: left;
}

html>body .feature {height: auto;}

.feature h3{
	font: bold 1.5em Arial,sans-serif;
	color: #000000;
	padding: 0px 0px 0px 10px;
}
.feature h4{
	font: bold 1.5em Arial,sans-serif;
	color: #6392D6;
	padding: 20px 0px 5px 10px;
}
.feature h5{
font-size: 1em;
	color: #000000;
	padding: 0px 0px 0px 10px;
}

/* drop box styles displayed on right in feature secion*/
.testimonial {
float: right;
width: 180px;
border: 2px solid #6392D6;
margin: 0px 5px 5px 10px;
}

.testimonial th{
background-color: #6392D6;
color: #FFFFFF;
font-size: 1em;
font-weight: bold;
text-align: center;
}

.testimonial td{
font: .8em Arial, Helvetica, sans-serif;
text-align: center;
padding: 5px;
}

.testimonial img{
padding: 0px;
margin: 0px;
width: 150px;
}

/* default.htm list */
#svcLinks{
float:left;
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	padding: 5px 5px 5px 5px;
	margin: 10px;
}

#svcLinks li{
	display: block;
	list-style-type: square;
	list-style-image: url(nav/check_syntax.gif)
}

/* services.htm list */
#svclist{
float:left;
	font: bold 1em Arial,sans-serif;
	color: #000000;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

#svclist li{
	display: block;
	list-style-type: square;
	list-style-image: url(nav/check_syntax.gif)
}

/* Est form styles */
#estForm{ 	
	margin: 10px;
	padding: 0px;
	border: 2px solid #6392D6;
	width: 600px;
	text-align: left;
}

td.estFormHdr {
background-color: #dddddd;
color: #000000;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: .7em;
font-weight: bold;
width: 10em;
}
td.estFormDetail {
background-color: #cccccc;
color: #000000;
font:Verdana, Arial, Helvetica, sans-serif;
font-size: .7em;
}

.skipLinks {display: none;}

/*************** photos styles ******************/

.photos {
	padding: 0px 0px 0px 0px;
	font-size: 80%;
}

/** adjust photos to be same size */
.photos img{ 
	width: 105px;
	height: 105px;
	display: block;
}

td.photorow{
	padding: 0px;
	text-align: center;
}

td.photoHdr{
	display: block;
	padding-left: 4px;
	width: 80px;
}
td.foot{
text-align: center;
font-weight: bold;
}

/************* relatedLinks for side bar navigation in photo gallery **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
	color: #ffffff;
	background-color: #6392D6;
}
.relatedLinks a{
	display: block;
}
.relatedLinks a:link { 
	color: #6392D6; 
	text-decoration:underline; 
	padding-top: 10px;
}
.relatedLinks a:visited { 
	color: #6392D6; 
	text-decoration:underline; 
	padding-top: 10px;
}
.relatedLinks a:hover { 
	color: #82837E; 
	text-decoration:underline; 
	border-color: #bbb;
	padding-top: 10px;
}
.relatedLinks a#current { 
	background: white; 
	border-bottom: 2px solid white; 
	text-decoration: none; 
	padding-top: 10px; 
}

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

#siteInfo{
	clear: both;
	font-size: small;
	color: #000000;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo a{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
	color: #ffffff;
}