/* custom CSS file for EssexFirst */

body {text-align:center; /* for IE */
	margin:0 auto; /* for the rest */ 
		}

#wrapper {margin-left: 10em; margin-right:10em; }


/*overlay style for banners */
img.overlay
{
position:relative;
left:0px;
bottom:-10px;
z-index:5;
}

img.toppolaroid
{
position: absolute;
float:right;
right: 10%;
top: 46px;
z-index:5;
}


h1 {display: block; 
	padding: 4px;
	background-color: #666666; 
	background-image: url('/images/greyfader.gif'); 
	background-repeat: repeat-y; 
	background-position: top right;
	color: #FFFFFF;
	font-family: arial, helvetica, sans-serif; 
	font-weight: 400; 
	font-size: 1.6em;
	}
	
h2 {color: #FFCC00; font-size: 1.5em; font-weight: 400; font-family: arial, helvetica, sans-serif; }

h3 {color: #CC9900; font-weight: bold; font-size: 1.3em; font-family: arial, helvetica, sans-serif; }

h4 {color: #000000; font-weight: bold; font-size: 1.3em; font-family: arial, helvetica, sans-serif; }
 
h5 {color: #999999; font-weight: bold; font-size: 1.2em; font-family: arial, helvetica, sans-serif; margin-top: 1em; margin-bottom: 1em;}

#doc3 {
	/*background-color: red;*/
	background-color: #FFFFFF;
	text-align:left; /* reset text alignment */
	width:80%; /* or a percentage, or whatever */
	margin:0 auto; /* for the rest */ 
		}

.jsmsg {font-weight: bold; color: #FFFFFF;}

#googlediv {padding-top: 10px; float: right;}

#hd 		{background-color: #666666; 
			padding-left: 4px;
			padding-right: 4px;
			padding-top: 4px;
			min-height: 42px;
			font-family: arial, helvetica, sans-serif; 
			}
			
.titler {text-align: left; font-size: 1.3em; color: #ffffff; font-weight: 700; padding-top: 21px;}

#banner {background-color: #FFFFFF; 
		background-image: url('/images/yellowtopfadebanner.gif'); 
		background-repeat: repeat-x;
		min-height: 150px;
		padding: 0px; margin: 0px;}

#bd {background-image: url('/images/leftgreybackgrd.gif'); background-repeat: repeat-y; background-position: top left;}

#postitouter {background-image: url('/images/rightpostit2.jpg');
			 /*padding-top: 12px;*/
			 margin-bottom: 12px;
			 background-repeat: no-repeat; 
			 background-position: bottom right;
			 width: 180px; float: left;
			 }
			 
#postitinner {background-image: url('/images/postitinner2.jpg'); width: 165px; 
			font-family: 'comic sans MS', arial, helvetica, sans-serif; 
			color: #666666;
			font-weight: 700;
			font-style: italic;
			float: left;
			min-height: 369px;
			}

.yui-u {background-color: #FFE794;}

.first {
		/*background-color: yellow; */
		background-color: #FFFFFF;
		background-image: url('/images/teastain.gif');
		background-repeat: no-repeat;
		background-position: bottom left;
				
		}

.second {position: relative; margin-top: 90px;
		background-image: url('/images/rightboxfade.gif');
		background-repeat: repeat-x;
		background-position: bottom left;
		padding-bottom: 84px;
 }

#news {
		color: #666666; 
		text-align: left;
		padding: 10px;
		font-size: 0.9em;
		}
		
#greycolfader {position: relative; bottom: 0px; left: 0px;}

img.photopageleft {margin-right: 10px; margin-top: 10px; margin-bottom: 10px; margin-left: 0px;}
img.photopageright {margin-right: 0px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px;}
		
#ft {	background-color: #FFFFFF;
		background-image: url('/images/yellowbtmfadebanner.gif'); 
		background-repeat: repeat-x; 
		background-position: bottom left; 		
		min-height:100px;
		}
		
#copyright {
			padding-top: 70px;
			color: #666666; 
			font-size: 0.85em; 
			font-family: Arial, Helvetica, Sans-serif; 
			text-align: right;
			}
	
#closeout {background-color: #666666; min-height: 18px;}