
/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.hidden {display: none;}

.clear { clear:both; display:block; margin:0; } /* Use this br class to clear your floated columns */


div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */


body {
	background: #888;
	width: 900px;
	margin: 0px auto 0px;
	padding: 0px;
	display:block;
	}
	

/*------- Pagewrap --------------------------*/

#wrap, #footer {
	background: #f8f6e6;
	width:900px;
	margin: 0px auto 0px;
	position: relative;
	}
	

.toplayer{
	position:relative;
	z-index:1000;
} /* fixes menus lying under content in IE7 */



/*------- Images --------------------------*/

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	

.wp-caption {
   border: 0px solid #ddd;
   text-align: left;
   background: transparent;
   padding: 4px 1px 1px 1px;
   margin: 5px 8px 6px 8px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 1px solid #eee;
	}

div.wp-caption.alignleft { 
	   margin-left: 0px;  
	   margin-right: 10px;
	   margin-top: 0px;
	   } 						 /*ajusted margins for no borders */
	   
div.wp-caption.alignright {
	   margin-right:0px;
	   margin-left:15px;
	   margin-top: 0px;
	   }	   					 /*ajusted margins for no borders */


.wp-caption p.wp-caption-text {
   padding: 3px 2px 2px 0px;
   margin: 0;
   color: #444;
   font: 10px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Sans-serif;
	}
		
	
/*------- Header --------------------------*/


#header {
	height: 175px;
	width: 900px;
	background: url('../images/EISP_header.png') no-repeat top left;
	}

#printheader{
	display:none;
	}
			
/*------- Section Formatting --------------------------*/

	
#letter {
	width: 765px;
	display: block;
	padding: 18px 0px 22px 65px;
		}
		
#featuredbar {
	height: 22px;
	padding: 0px 2px 4px 40px;
	border-top-style: double;
	border-top-width: 3px;
	border-top-color: #36738d;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	background-color: #f3e3a7;
	}
	
#featured {
	float: left;
	width: 550px;
	display: block;
	padding: 0 40px 10px 40px;
	border-color: #36738d;
	border-right-width: 2px;
	border-right-color: #cccccc;
	border-right-style: solid;
	}


#sectionmain{
	float: right;
	display: block;
	width: 660px;
	padding: 0px 40px 0 30px;
	border-left: 1px solid #ccc;
	}
	
.sectionbar {
	margin: 0 0 0 -20px;
	padding: 5px 0px 0px 0px;
	border-bottom-style:double;
	border-bottom-color: #ccc;
	border-bottom-width: 3px;
	}
	
.sectionbar2 {
	padding: -6px 0px 0px 0px;
	border-bottom-style:solid;
	border-bottom-color: #ccc;
	border-bottom-width: 1px;
	}	
	

.meta {
	border-bottom-style: solid;
	border-color: #cccccc;
	border-bottom-width: 1px;
	padding-bottom: 2px;
	margin-bottom: 6px;
	}

.metaside {
	padding-top: 56px;
	}	

#footer {
	display: block;
	clear: both;
	padding-top: 10px;
	text-align:center;
	padding: 10px 0 20px 0;
	border-top-style: solid;
	border-top-color: #ccc;
	border-top-width: 1px;
	}
	

/*------- Sidebar --------------------------*/


#sidebarright {
	float:right;
	width: 240px;
	padding: 10px 15px 0 0;
	}
	

#newstitle {
	border-bottom-style: solid;
	border-color: #ccc;
	border-bottom-width: 1px;
	}
		
			
#news {
	border-bottom-style: solid;
	border-color: #ccc;
	border-bottom-width: 1px;
	padding: 12px 0 0 0;
	}
	
	
#sidebarleft {
	float:left;
	width: 145px;
	padding: 0px 0 0 10px;
	}	
	
	
/*------- SEARCHFORM --------------------------*/

 #s{
	width: 125px;
	height: 18px;
	border-width: 1px;
	border-color: #ccc;
	background: transparent;
	}
	
#search {
	padding: 10px 0 10px 0;
	border-bottom-style:double;
	border-bottom-color: #ccc;
	border-bottom-width: 3px;
	}


	
#searchsubmit {
	width: 11px;
	height: 23px;
	margin: 0 0 0 0;
	border-width: 1px;
	border-color: #ccc;
	background: transparent;
	}		 	


/*------- SEARCH Results --------------------------*/

.searchheader{
	width: 800px;
	min-height: 60px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 3px double #ccc;
	padding: 20px 0 10px 0;
	}
	
.searchtitle{
	float: left;
	width: 400px;
	}	
	
	
.searchresult{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	}		

#searchformlg{
	float:right;
	margin-top: 0px;
	}
		
 #slg{
	width: 300px;
	height: 20px;
	border-width: 1px;
	border-color: #ccc;
	background: #eee;
	}	