/* DEFAULTS
----------------------------------------------------------*/

body   
{
  
   font-size: .80em;
  /*  font-family: Gill Sans / Gill Sans MT, sans-serif;*/
   font-family:  Century Gothic, sans-serif;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
   font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; 
   margin: auto;
   padding: 0px;
   background-image:url( "../Images/banners/HomeBG_gradient1.jpg");
   padding-top:0px;
   height:101%;
   overflow:scroll;
   color: #222222;
   background-color:#cbd1e9;
   background-repeat:repeat-x;
}
html
{   height:101%;
    overflow-y:scroll;
}
 div.wrapper
 {
    width: 900px;
   height:auto;
   margin-top:0px; 
   margin-left:auto;
   margin-right: auto;
  
 }
 .white
 {
     color:#FFFFFF;
 }
 input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

a:link, a:visited
{
   /* color: #034af3;*/
}

a:hover
{
   /* color: #1d60ff;*/
    text-decoration: none;
}

a:active
{
   /* color: #034af3;*/
}
 
p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

.center
{
    text-align:center;
}
/* HEADINGS   

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

h1, h2, h3, h4, h5, h6
{
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    padding: 1% 0%;
    margin-left:auto;
    margin-right: auto;
    text-align:center;
    font-size:2em;
    font-weight:bold;
    width: 90%;
    color:#627099;
    
}
.testing
{
    text-align:left;
    margin:25px;
    padding-left:35px;
}
.failed
{
   text-align:center;
   margin:50px;
   padding-left:130px;
   
  
}
div.topTitle 
{
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    padding: 5% 0%;
    text-align:center;
    font-size:2em;
    font-weight:bold;
    width: 100%;
    color:#627099;
    
}
 
 div.comingSoon
{
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    padding: 1% 0%;
    margin-left:auto;
    margin-right: auto;
    text-align:center;
    font-size:2.7em;
    font-weight:bold;
    width: 90%;
    color:#7f93a4;
    
}
h1
{
    font-size: 2.2em;
    padding:2px;
    margin:2px;
    font-weight:bold;
} 
.h1Center
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
div.h1Left
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-align:left;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    padding: 3% 0% 1% 0%;
    font-weight:bold;
    width: 90%;
    color:#7f93a4;
}
h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    
    font-size: 1.4em;
  color:#303a5d;
}

h5 
{
    font-size: 1em;
    font-weight:bold;
    color:#000;
    text-align:left;
}
h6 
{
    font-size:2em;
    font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#80848b;
	margin-top:2%;
	letter-spacing:3px;
	text-transform: uppercase;
	text-align: center;
	padding-left:5%;
	
	font-weight:bold;
	
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 900px;
    background-color: #fff;
 /*   margin-top:20px; */
    margin-left:0;
    margin-right:0;
    border: 0px solid #496077;
    text-align:center;
}


div.topLinks  
{
    width: 900px;
   text-align:right;
 /*   margin-top:20px; */
     padding:0px;
    margin:0px;
 text-decoration:none;
    
}
div.topLinks a
{
    font-size:12px;
    color:#fff;
    padding:0px;
      margin:0px;
     text-align:right;
    text-decoration:none;
}
div.italic
{
    font-style:italic;
}
div.space
{
    width:100%;
    height:30px;
    
  
}
div.space
{
    width:100%;
    height:30px;
    
  
}
div.space_lg
{
    width:100%;
    height:60px;
    
  
}


div.header
{
	height: 179px;
 
	margin-top:0px;
	width:100%;
	text-align:right;
	padding-top: 0px;
	 
	
			 
}
div.header a
{
      
}
div.header
{
    background-image:url('../Images/banner_idaho.jpg');
}
div.autoImage
{
	height: 480px;
    margin-top:10px;
	background-image:url('../Images/EIS-SERIES_6.jpg');
	 font-weight:bold;
	width:630px;
	text-align:center;
	padding-top:5px;
	background-color:#333;
	border:4px solid #2e2e2e;
	float:right;
	 
	
			 
}
div.autoText
{
 padding:25px;
    width:630px;
    	float:right;
}
div.autoImage h1
{padding:0px;
     font-size: 1.5em;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color:#2e2e2e;
}
div.commingSoon
{
    Width:80%;
    margin:10%;
    text-align:center;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 3px 8px 8px 8px;
    min-height: 420px;
}

/* ---- COLUMNS
----------------------------------------------*/
div.textLeft
{
    text-align:left;
}

div.textLeft h1,h2,h3,h4
{
    text-align:left;
    margin:0%;
    padding:0%;
}
floatRt
{
  float:right; padding:0%;   margin:0%;
background-color:#fff;
}

.floatRight
{
 float:right; padding:10%;  
background-color:#fff;
}
.floatLeft
{
 float:left;   
  padding-top:10%;  
}
.floatCenter
{
    
display:block; 
   margin:0;
   text-align:center; 
   } 

div.leftCol
{
    float: left;
	width:30%;
	background-color: #fff;
	padding: 0% 5%;
	margin-left:10%;
	text-align:left;
	 
}

div.leftColWide
{
    float: left;
	width:45%;
	background-color: #fff;
	padding: 0% 0%;
	margin-left:5%;
	text-align:left;
	 
}
div.leftColWide h3
{
      font-size: 1.2em;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
     
    text-align:left;
    padding:0%;
    margin:0%;
}

div.rightCol
{
   	float: right;
	width:30%;
	background-color: #fff;
	padding:0% 5%;
	margin-right:10%;
	text-align:left;
    
}
div.rightColWide
{
    float: right;
	width:45%;
	background-color: #fff;
	padding: 0% 0%;
	margin-left:5%;
	text-align:left;
	 
}
div.rightCol_sm
{
   	float: right;
	width:25%;
	background-color: #fff;
	padding:0% 5%;
	margin-right:10%;
	text-align:left;
    
}

div.leftTable
{
    float: left;
	width:50%;
	background-color: #ffffff;
	 margin-top:0%;
	margin-left:5%;
	text-align:left;
	padding-left:0px;
	
}
div.leftTable h1, h3
{
    text-align:left;
    padding:0%;
    margin:0%;
}

div.leftTable_sm
{
    float: left;
	width:40%;
	background-color: #ffffff;
	 margin-top:0%;
	margin-left:0%;
	text-align:center;
	
}
hr 
{ margin:15px 0px;
}




div.centerColWide
{
   	float: right;
   	
	width:92%;
	background-color: #fff;
	padding:0%;
	margin:0% 4% 0% 4%;
 
    
}
div.centerColWider
{
   	float: right;
	width:98%;
	background-color: #fff;
	padding:0%;
	margin:0% 1% 0% 1%;
 
    
}
div.centerCol
{
   	float: left;
   	
	width:70%;
	background-color: #fff;
	padding:2%;
	margin:0% 10% 0% 15%;
	text-align:left;
    
}


div.centerColWideLeft
{
   	float: left;
   	width:80%;
	background-color: #fff;
	padding:0%;
	margin:0% 10% 0% 10%;
	text-align:left;
    
}
.fullPage
{
 width:100%;   
}
.homePageL
{
    float: left;
    width:35%;
   
}
.homePageR
{
    float:right;
  text-align:left;
  margin:0px 15px 10px 15px;
    width: 60%;
}
.cleanAirL
{
   float: left;
   text-align:left;
   padding:20px 15px 10px 25px;
   width:60%;
   
}
.cleanAirR
{
    float:right;

    width: 35%;
}

.contactL
{
    
   float: left;
   text-align:left;
   padding:20px 5px 10px 25px;
   width:45%;
   
}
.contactR
{
    float:right;

    width: 40%;
}



.login
{
 margin:1% 0% 0% 30%;
 padding:5%;
 width:30%;
 color:#ffffff;
 background-color: #242b3e;  
}
div.requestInfo
{
   	float: left;
   	
	width:70%;
	background-color: #fff;
	padding:2%;
	margin:0% 10% 0% 25%;
	text-align:center;
    
}
div.backLink
{	float: left;
   	
	width:80%;
	background-color: #fff;
	 
	margin:2% 10% 2% 10%;
	text-align:center;
}
div.espanol{


   	float: left;
   	width:90%;
	background-color: #fff;
	padding:0%;
	margin:5%;
	text-align:center;
}
div.japanese{


   	float: left;
   	width:60%;
	background-color: #fff;
	padding:0%;
	margin:5% 0% 5% 30%;
	text-align:center;
}
div.screenshot
{
    float: left;
   	width:300px;
}
div.screenshots{


   	float: left;
   	width:80%;
	background-color: #fff;
	padding:0%;
	margin:5% 0% 0% 15%;
	text-align:center;
}
div.rightImage
{
   	float: left;
    width:44%;
    
}
div.rightImage_sm
{
   	float: left;
    width:30%;
    
}
div.floatImageRight
{
   	float: right;
    width:25%;
    
}
div.history
{
    text-align:left;
    padding:2px;
}
div.historyRow
{
    text-align:left;
    padding:4px;
    width:100%;
}
div.year{
    width: 10%;
	float: left;
	font-size:1.1em;
	font-weight:bold;
}
div.eBooks
{background-color:#fff;
    width: 100%;
}
div.eBooksL p,div.eBooksR p,div.eBooksC p
{
    font-weight:bold;
    font-size:1.2em;
}
 
div.eBooksL
{
    float: left;
	width:180px;
	background-color:#fff;
	padding: 2% 2%;
	margin-left:12%;
	text-align:center;
	 
}

div.eBooksC
{
    float: left;
	width:180px;
	background-color: #fff;
	padding: 2% 3%;
	margin-left:0%;
	text-align:center;
	 
}
div.eBooksR
{
    float: left;
	width:180px;
	background-color: #fff;
	padding: 02% 2%;
	margin-left:0%;
	text-align:center;
	 
}

div.ebookPhoto
{
    padding:20px;
}
div.docs
{
    float: left;
	width:160px;
	background-color: #fff;
	padding: 01% 2%;
	margin-left:0%;
	text-align:center;
	 
}



/*========================================================================== begin table*/


 
#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}
.specTable 
{
    margin:5% 0%;
    
}
.specTable caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
.inner 
{
    
 margin:0%;
 padding:0%;   
}
.inner td
{
    
 margin:0%;
 padding:0%;   
}
 tr.bold
 {
     font-weight:bold;
 }
.specTable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background:#D7E5F2;   
}
th.head {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#D7E5F2; 
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background:#386c98;   
}
th.subhead {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#386c98;  
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background:#a1bcd3;
}
th.space {
	
	border: 1px solid #C1DAD7;
	 font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 	text-transform: none;
	padding: 0px 6px 0px 12px;
	background:#fff;
}
td.inner {
	

	padding: 0px 0px 0px 0px;
	background:#fff;
}

.specTable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.specTable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.specTable td.alt {
	background: #F5FAFA;
	color: #797268;
}

.specTable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.specTable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/*=============================================================================end table*/
/*
.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}*/

div.footer
{
    color: #ffffff;
    background-color: #242b3e;
    width:100%;
    padding: 8px 0px 8px 0px;
    margin: 0px auto;
    text-align: center;
    font-size: .95em;
    line-height: normal;
}



/* FORM ELEMENTS   
----------------------------------------------------------*/

 

.labelcell {    
 font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 color: #3670A7;    
 background-color: #D7E5F2;    
 width: 180px;    
 text-align:right;
 margin: 5px;
 padding: 5px;
}    
.labelcellReq     
{
 font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 color: #3670A7;    
 background-color: #D7E5F2;    
 width: 180px;    
 text-align:right;
 margin: 5px;
 padding: 5px;
 font-weight:bold;

}    
   .labelcellLeftReq {    
 font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 color: #3670A7;    
 background-color: #D7E5F2;    
 width: 180px;    
 text-align:left;
 margin: 5px;
 padding: 5px;
 font-weight:bold;
}    
   .labelcellLeft {    
 font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 color: #3670A7;    
 background-color: #D7E5F2;    
 width: 180px;    
 text-align:left;
 margin: 5px;
 padding: 5px;
}   
.fieldcell {    
 background-color: #F2F7FB;    
 color: #000000;    
 text-align: left;    
 margin-right: 0px;    
 padding-right: 0px;    
}    
   
.smalllabelcell {    
 font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: transparent;    
 color: #3670A7;    
 width: 100px;    
}    
   
.smallfieldcell {    
 background-color: #F2F7FB;    
 color: #000000;    
 text-align: right;    
     
}
.fieldcell input {    
 width: 200px;    
 font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: #D7E5F2;    
 color: #102132;    
 border: 1px solid #284279;    
 margin-right: 0px;    
}    
   
.smallfieldcell input {    
 width: 100px;    
 font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: #D7E5F2;    
 color: #102132;    
 border: 1px solid #284279;    
}    
   
.smallfieldcell select {    
 font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: #D7E5F2;    
 color: #102132;    
 border: 1px solid #284279;    
}

.button {    
 font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color: #D7E5F2;    
 color: #102132;    
 margin-left: 12px;    
 margin-top: 3px;    
 margin-bottom: 2px;    
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}


/*----------------- MENU --------------------------*/

:focus {
    outline: none;
}

div.header {
	
	background-color:#ccc;
}
ul#toc {
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align:center;
}

ul#toc li a {
   
    background-color: #2e2e2e; 
    color: #fff;
    display: block;
    float: left;
    height:30px;
    text-align:center;
    padding-left: 0px;
    width:150px;
    text-decoration: none;
}

/*ol#toc a:hover {
 /*  background-color: #3af;*/
  /*  background-position: 0 -36px;*/
    /*background:  url(../Images/tab_on.gif);
      color: #00ff00;
}*/
ul#toc li a.active {
 /*   background-color: #3af;*/
 /*   background-position: 0 -36px;*/
   background-image:  url(../Images/tab_on.gif);
      color: #333;
       font-weight: bold;
}
ul#toc li a:hover,ul#toc li a.active  span {
  /*  background-position: 100% -36px;*/
    background-image:  url(../Images/tab_hover.gif);
      color: #ffffff;
}

ul#toc li {
    float: left;
    width:150px;
    margin: 0 0px 0 0;
}



ul#toc span {
  /*  background: url(../Images/tabs1.gif) 100% 0;*/
 /*background-color: #2e2e2e;*/
    display: block;
    line-height:30px;
    padding-right:0px;
    text-align:center;
}
a.focus{
	
outline:none;	
}

/* ----------- Sub Menu ----------- */
#sublinks{
width:auto;
margin:0 px;
background:#fff;
height:26px;
font-size:12px;
text-align:left;
padding:0px;
} 
#sublinks ul{
height:26px;
line-height:26px;
}
#sublinks ul li{
display:inline;
}
#sublinks ul li a,
#sublinks ul li a:visited {
padding:0 20px;
display:block;
text-decoration:none;
float:left;
color:#2e2e2e;
}
#sublinks ul li a:hover{
text-decoration:underline;
}
.activeSub
{
 font-weight:bold;   
 color:#353387;
}

#s2, #s3, #s4, #s5, #s6{display:none;}
/*--------------------------------------------------------*/
/* Accordion */
.accordionHeader
{
    border: 0px solid #2F4F4F;
    color:  #2E4d7B;
    background-color: #FFFFFF;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
.accordionHeader a
{
      color:#2E4d7B;
      background: none;
      text-decoration: none;
}
 
.accordionHeader a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionHeaderSelected
{
    border: 0px solid #2F4F4F;
    color:#2E4d7B;
    background-color: #ffffff;
      font-family: Arial, Sans-Serif;
      font-size: 12px;
      font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
 
.accordionHeaderSelected a
{
      color: #FFFFFF;
      background: none;
      text-decoration: none;
}
 
 .accordionHeaderSelected a:hover
{
      background: none;
      text-decoration: underline;
}
 
.accordionContent
{
    background-color: #D3DEEF;
    border: 0px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    padding-left: 60px;
    text-align:left;
}
     
    .modalBackground { 
        background-color:#333333; 
        filter:alpha(opacity=70); 
        opacity:0.7; 
    } 
        
    .modalPopup { 
        background-color:#00FFFF; 
        border-width:1px; 
        border-style:solid; 
        border-color:#CCCCCC; 
        padding:10px; 
        margin:20px;
        width:800px; 
        Height:100px; 
    }    

   
    .modalPopupSmall { 
        background-color:#FFFFFF; 
        border-width:1px; 
        border-style:solid; 
        border-color:#CCCCCC; 
        padding:10px; 
        margin:20px;
        font-weight:bold;
        width:400px; 
        Height:100px; 
    }    
.successMessage
{
 color: #FF0000;
 font-weight:bold;
 font-size:101%;
 
    
}
/*====================================================================  NAVIGATION  ============*/
div.sideCol
{
 width:17%;
 height:100%;
 font-weight:bold;
 margin-top:10px;
 padding-left:0px;
 background-color:#ccc;   
 float:left;
 text-align:left;
 line-height:2;
}


.sideCol ul
{
     width:100%;
     list-style-type:none;
}  
.sideCol li
{
    display:block;
}
.sideCol ul li a
{   padding:0;
    margin:0;
    background-color:#aaaaaa;
    width:150px;
}
#subNav 
{
    width:90%;
    height:31px;
    background-color:#2e2e2e;
   padding-top:5px;
   padding-left:10px;
    background-color:#ffffff;
    font-size:1em;
}

#nav ul, li{  padding:0; margin:0; list-style:none;}
#nav 
{
    width:100%;
    height:31px;
    background-color:#2e2e2e;
   padding-top:5px;
    background-color:#2e2e2e;
    font-size:1em;
    
}

#nav ul{
list-style-type:none;
}
#nav li{
display:inline;
}
#nav ul li a{ 
float:left;
width:auto;
height:31px;
text-decoration:none;
color:white;
 vertical-align:bottom;
 background-color:#2e2e2e;

padding:0 18.5px;
border-right:0px solid #FFFFFF;
}
#nav .nav_on { 
float:left;
width:auto;
height:26px;
text-decoration:none;
color:#2e2e2e;
font-weight:500;
background-color:#ffffff;
/* background-image:url(../Images/tab_on.gif);*/
 vertical-align:bottom;
padding-top:5px;

}
/*this is the hover image*/
#nav a:hover{
background-color:#666666;
text-decoration:underline;


}


#navcontainer
{
    float:left;
background: #ffffff;
width:100%;
margin: 0 auto;
padding: 0;
 font-family: Gill Sans / Gill Sans MT, sans-serif;
font-size: 13px;
text-align: center;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 190px;
padding: 0.5em 0 0.5em 1em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #2e2e2e;
text-decoration: none;
background: #9e9e9e;
}

#navcontainer>ul#navlist li a { width: 190px; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #aaab9c;
}
/*==================================================================  FEATURES  ===============*/
div.features
{font: bold 12.5px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#1b5071; 
margin-left:4%;
float:left;
width:73%;
}
div.features h1
{
    padding-left: 25px;
}
div.features  li
{
    list-style-type:disc;
}
div.features ul li 
{
    list-style-type:disc;
}

div.features li ul {
font-size: 95%;
}
div.features li ul li {
padding-left: 8px;
   list-style-type:disc;
}

div.service  li 
{
    font-size:1.2em;
    list-style-type:disc;
    margin: 1em 0;
   
}

.popupdiv{background-color: #FFFFFF;border:solid 1px skyblue;width:250px;display:block}
.popupbg{background-color:gray; } /*filter: alpha(opacity=60);  opacity:0.60}*/
.hidelbl{display:none;}

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

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

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

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

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

}
/*=======================================================LIGHTBOX*/
.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 1500PX;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
		    opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: absolute;
			top: 10%;
			left: 35%;
			width: 440px;
			height: 500px;
			padding: 16px;
			border: 16px solid black;
			background-image:url('../Images/Equipment/5000EIS_R_Shadow.jpg');
			z-index:1002;
			overflow: auto;
		}



div.sublinks
{
    width:100%;
     float: left;
    width: 100%;
    color:#2e2e2e;
    background-color:#ffffff;
/*background: #DAE0D2 url("../Images/menu/bg.gif") repeat-x bottom; */
    font-size: 93%;
    line-height: normal;    
} 
.topMenu
{
    width:100%;
    height:45px;
    background-color:#242b3e;
    position:relative;
   
}
#top
{
    width:100%;
    height:224px;
}
  .cpHeader
        {
            color: white;
            background-color: #2d3858;
            text-align:left;
            font: bold 11px auto "Trebuchet MS", Verdana;
            font-size: 12px;
            cursor: pointer;
            width:550px;
            height:18px;
            padding: 7px;     
            
        }
        .cpBody
        {
            background-color: #DCE4F9;
            font: normal 12px auto Verdana, Arial;
            text-align:left;
            border: 1px gray;               
            width:550px;
            padding: 7px;
            
            padding-top: 7px;
        }  
        
        
        UL LI       { list-style-type: square;}
     .ordinance
     {
      width:80%;
      margin-left:0%;
      text-align:left;
         
     }
     .ordinance h5
     {
           font-size: 1em;
    font-weight:bold;
    color:#000;
    text-align:left;
    margin:0%;
    padding:3% 0% 3% 0%;
     }
     ol
     {
         font-weight:bold;
     }
         
     ol li
     {
        list-style-type:upper-alpha;
        line-height:1.5em;
        padding:5px 0px;
         font-weight:normal;
        }
     ol ol li
     {
         list-style-type:decimal;
         line-height:1.5em;
         font-weight:normal;
         
      }
       ol ol ol li
     {
         list-style-type:lower-alpha;
         line-height:1.5em;
          font-weight:normal;
      }
            ol ol ol ol li
     {
         list-style-type:decimal;
         line-height:1.5em;
          font-weight:normal;
      }
            ol ol ol ol ol li
     {
         list-style-type:lower-alpha;
         line-height:1.5em;
          font-weight:normal;
      }
      .defs
      {
          font-weight:bold;
          font-style:italic;
           padding:3% 0% 1% 0%;
      }
      
      .accHeader
        {
            color: white;
            background-color: #2d3858;
            text-align:left;
            font: bold 11px auto "Trebuchet MS", Verdana;
            font-size: 12px;
            cursor: pointer;
            width:95%;
            height:18px;
            padding: 7px;     
            
        }
          .accHeader a
        {
            color: white;
        }
             .accHeader p
        {
            color: white;
        }
        .accContent
        {
            width:95%;
            text-align:left;
            padding:1%;
            background-color:#bec5df;
        }
        
     
     div.docsCol
{
   	float: left;
   	width:50%;
	background-color: #fff;
	margin:0% 0% 0% 35%;
	text-align:left;
    
}
   
        
   td.documents a
   {
      font-size: 1.2em;
      color:#444;
      text-decoration:none;
      text-align:left;
     
   }
     td.documents 
   {
      font-size: 1em;
      color:#444;
      text-decoration:none;
      text-align:left;
      font-weight:bold;
     
   }
   .errorMsg
   {
      font-size: 1em;
      color:#990000;
      text-decoration:none;
      text-align:left;
      font-weight:bold;
   }