/* */
/* css released under VCI Versatile Communications Integration */
/* All associated graphics copyright 2007,  for Stephen Fauer
*/
/*  */

/* IMPORTANT */

/* *************
    I don't think I need the html, 
	   if I do it in the body........ 

html    
    {  margin: 0;
       padding: 0;
    }
***********   */
body
    {
    margin: 0;
    padding: 0;
    color: #003399;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    background: url("../image/esabk1.jpg") ;   
    text-align: center;
    }
a
    {
    color: #003399;
    }

/* original (a)     color: #307082;*/
a:hover
    {
    color: #D60808;
    }
/* TOP OF EVERY PAGE    ------  from here -------        */
#container
    {
    margin: 0 auto;
    width: 744px;
    height: 570;
    position: relative;
	padding: 0 10px 0 10px;
    text-align: left;
	background-color: #669966;
    }
	/*    background-color: good > #669966    > ng tried-  #9999cc   #669999   #99CCCC  #0033CC   */
/*       * html 
    {
    width: 744px;
    }
*/

#container #companyIntro #pageBanner .p1
    {
    display: block;
	font: 12px/150% Trebuchet MS;
	font-size: 16px;
    height: 150px;
	width: 744px;
    background: url("../image/esabk1.jpg") ; 
    margin: 0;
    color: #99CCCC;
    padding: 30px 680px 5px 30px;
    }
 /* original>   background: #E2EBED ; color: #fff; tried color: #669999;*/
 
#pageBanner
    {
    padding-top: 10px;
    }

#pageBanner .p2
    {
    position: absolute;
    top: 35px;
    right: 475px;
    margin: 0;
	font-size: 21px;
    }

#pageBanner  b
    {
    font-size: 24px;
    font-weight: bolder;
     } 

#pageBanner  .p3
    {
    position: absolute;
    top: 12px;
    right: 15px;
    margin: 0;
    }


/* TOP OF EVERY PAGE   ------  to here -------     */


#overview h3 span, #explanation h3 span,   #lresources h3.resources span,  #lselect h3.select
    {
    display:none;
    }

#overview, #mainObjectives
    {
    margin:  30px  15px 0 200px;
    }

#overview h2, #overview h3, #overview h4, #explanation h3, 
    {
    width: 550px;
    height: 25px;
    margin: 15px 0 10px 0;
    }


#individualbody 
    {
    margin: 0 15px 0 150px;
	}
#individualbody  h2, #individualbody  h3, #individualbody  h4 
{
    width: 520px;
    height: 25px;
    margin: 35px 0 10px 0;
    }


/*  taken out for now ********************** 
I like the h2, h3, and h4 previous settings   
#overview h2  { font: 20px verdana, sans-serif bold;  }
#overview h3  { font: 17px verdana, sans-serif bold;  }
#overview h4  { font: 15px verdana, sans-serif bold;  }

#overview h5
    {
    font: 16px verdana, sans-serif;
    }
      up to here  ******************************      
*/

/* there are no ************\/****************          
       paragraphs associated with these
#overview p, #mainObjectives p  
    {
    line-height: 120%;
    margin: 10px 0 10px 0;
    }
                **********
               font-weight:			bolder	
*/
/* #  same as body# 
   # no good        */
/*  pageBanner background-color:		#E2EBED	; not bad

#cccccc	   grey
990033  original for required  
*/

.Headings	{	font:					Arial       ;
                font-size:				100pt		;
				font-weight:			bolder		;
				color:					#000066		;
			}
 
.ContactNav 
			{	margin-left :			 5%		;
				margin-top:				  1%		;
				margin-right:			 5%		;
				font:					Verdana     ;
                font-size:				12pt		;
				font-weight:			bolder		;
				color:					#330099		;		
						
			}
 /*   color:					#99CCCC		highlight;	  */

.InqTable 	{	font:					Verdana     ;
                font-size:				15pt		;
				font-weight:			bolder		;
				color:					#330099		;
	
			}
td
      		{	font:					Verdana     ;
                font-size:				13pt		;
				font-weight:			bolder		;
				color:					#330099		;
			}

.InqInputE	{   font:					Verdana     ;
				color:					#000099		;
				background-color:		#E2EBED		;
				font-size:				12pt		;
				font-weight:			bold 		;
			}
.InqInputB	{	color:					#0000cc		;
				background-color:		#E2EBED	;
				font-size:				10pt		;
				font-weight:			bold 		;
			}

#linkList
    {
    position: absolute;
    top: 200px;
    left: 5;
    width: 200px;
    }
#linkList2
    {
	margin: 0 auto;
    position: absolute;
    top: 200px;
	left: 8;
    width: 200px;
    }

/*
margin: 0 auto;
    width: 744px;
    height: 570;
    position: relative;
	padding: 0 10px 0 10px;
    text-align: left;
	background-color: #669966;



	
*/
#lselect ul, #lresources ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
    }

#lselect2 ul, #lresources ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
    }

#lselect ul li a
    {
    text-decoration: underline;
    display: block;
    font-size: 12px;
    }
#lselect ul li.c, #lselect ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#lselect ul li a.c
    {
    text-decoration: none;
    }
#lselect ul li a.c:hover
    {
    color: #D60808;
    }
/* this is the "link" list setting used  (no...0000ff or #E6EEF0)        */
#lselect ul li
    {
    font-size: 12px;
	border-bottom: 1px solid #669966;
    }
 
/* this is placed just below the navigation list*/   
#CleanUpLink
	{
	position: absolute;
    top: 150px;
    left: 0;
    margin: 0;
    padding: 10 10 10 10px;
	font-size:  17px;
	}
#CleanUpLinkImg
	{
	float: left;
	}

/* this is the bullet list of hows    */
#explanation ul li
    {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #669966;
    display: block;
    padding: 1px 0;
    }

#lresources h3.resources
    {
    background: url("../image/lblue125.gif") no-repeat;
    width: 69px;
    height: 15px;
    margin: 30px 0 5px 40px;
    }


#footer
    {
    background: white;
    color: #fff;
    height: 48px;
    text-align: right;
    padding: 0 10px 0 0;
    line-height: 26px;
    font-size: 11px;
    }
#footer a
    {
    color: #fff;
    text-decoration: none;
    }
#footer a:hover
    {
    text-decoration: underline;
    }