/****/
/* buff background fff5e1*/

/* -------- Global Styles  --------- */
* { margin:0; padding:0; }
body {
	
background-color:#F8f5d8;
color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.35;
	

background-image: url(http://www.wcea.us/images/bggrad.jpg) ;
background-position: 0px 0px;
background-repeat:repeat-x;



	}

p  { margin: 8px 0 8px 0;	}

a { color:#556B2F;
	font-weight:bold;
	text-decoration:none;}
a:hover { color:#C3B091; } 
a img {	border:0;	}

ul, ol { padding:5px 0 5px 40px; }
ul ul, ol ol { padding:0 0 5px 20px; }
li { padding:4px 0 4px 0; }

form {
	margin:0;
	padding:0;
	}
input {
	margin:0;
	padding:0;
	}

acronym {
	cursor:help;
	border-bottom:1px dotted black;
	}

h1 {
	font-size: 105%;
	font-weight: bold;
	color:#085Dad;
	}

h2 {
	font-size:1.05em;
	font-weight:bold;
	color:#085Dad;

	}

h3 {
	font-size:1em;
	font-weight:bold;
	color:#085Dad;
	}

blockquote {
	padding-left:40px;
	}



.toptitle
{
padding: 0px 0px 10px 0px;
margin: 10px 0px 0px 10px;
color: black;
}



/* ------------- WYSIWYG Styles ------------- */
/* Normal Text */




/* Section Titles  */
.sectionTitle {
	padding:5px 160px 5px 6px;
        text-align:right;
	background: #C3B091;
	font-size:14px;
	height: 20px;
	font-weight: bold;
	color: #556B2F;
        margin:0px 0px 0px 210px;
        
	}

/* ------------- Header and Footer Styles ------------- */
.darkLinks a { color: black; }
.darkLinks a:hover { color: black; }


/* Header */
.topnav {
	height:40px;
	border-left:5px ;
	text-align:right;
vertical-align:text-bottom;
	}
#topnavLinks {
	font-size: smaller;
		padding:5px 160px 0px 0px;
        text-align:right;
        margin:0px 0px 0px 210px;
	}

#headerLeft {
	float:left;
	width:151px;
	margin-bottom:3px;
	}
#headerRight { float:right; }


/* Footer */



#footerLinks {
	padding: 5px 0px 5px 5px;
	margin: 5px 0px 0px 210px;
	background: #8CC739;
	font-size: x-small;
	}
#footerText { 
	font-size: xx-small; 
	color: black;}

.footer {
		padding: 5px 5px 5px 5px;

	background: #556B2F;
	font-weight : bold;
	font-style : normal;
        color: #ffffff;
border-left:  1px solid #C3B091;
margin: 0px 0px 0px 210px;
}

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



/* ------------------ Usefull Classes ------------------ */
.floatLeft { float:left; }
.clear { clear: both; }
.bold { font-weight: bold; }
.centeredText { text-align: center; }
.text {
	margin: 0px 10px 0px 10px;
	color:black; }
/* ----------------------------------------------------- */







/* ------------- Site Setup (DO NOT CHANGE) ------------- */
.wrapper {
	width: 751px;
	margin: auto;
	}

/* Mozilla Fix for Three Column Layout */
.outer > .inner { border-bottom: 1px solid transparent; }
.inner > .centerBG { border-bottom:1px solid transparent; }

/* Force Mozilla's Verical Scrollbar */
HTML { overflow: -moz-scrollbars-vertical; }
/* ----------------------------------------------------- */



/* --------------- Left Menu Nav Styles --------------- */
/* --------- Do not change the following order -------- */
/* Universal Menu Styles */


.menuLine { border-top:1px solid white; }
/* ----------------------------------------------------- */
/* Link List Pages */
.linkCol {
	width:50%;
	}
.linkBlock {
	padding:10px;
	}
.linkBlock li {
	padding-top:3px;
	padding-bottom:3px;
	}
.linkBlock a {
	}
.linkBlock h2 {
	padding-left:0px;
	margin-left:0px;
	font-size:1.05em;
	}
.linkBlock h2 a {
	padding-left:0px;
	margin-left:0px;
	font-size:1.05em;
	}
	/* --------Left Menu Styles-------------------------------------------- */
	
	
		
}
	
	.menuTopTitle { 	padding: 4px;
	
	font-size:11px;
	font-weight: bold;
	color: white;
	background-color: #C3B091;
	margin-top: 0px;
	

}

.menuTitle { 	padding: 4px;
	
	font-size:11px;
	font-weight: bold;
	color: white;
	background-color: #C3B091;
	margin-top: 8px;

}


ul.menu {
	list-style-type: none;
		padding: 0px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	
}
li.menu {


margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;




}
.menu1 {

border: 1px solid gray;
font-size:9px;
margin: 0px;
padding: 0px 0px 0px 0px;
	
}
.menu1 a {
display:block;
color:black;
padding: 3px;

}
.menu1 a:hover {
background:white;
padding: 2px 0px 2px 0px;
}
.menu1 a:active {
background:white;
}


/* --------------- Two Column Layout ------------ */
.outer { border-left: 150px solid #ffffff/*E9E9E9*/; }

.centerBG {
	margin:0px 0px 0px 210px;
        padding:0px 75px 0px 0px;
	

border-left:  1px solid silver;
 background-color: #Ffffff;
	}

.left {
position:absolute;
 top:135px;
 left:0px;


	width: 155px;
	margin: 0px 0px 0px 45px;
     
        padding: 0px 0px 0px 0px;

	}

.center {

	margin:0px 0px 10px 0px;
        padding:5px 75px 0px 15px;
	

 background-color: #Ffffff;
  
	}

	/* ------------- Three Column Layout -------------- */
	.right {
	width: 165px;
        float:right;
        position:top;
	background:white url("images/rightbkg.gif") repeat-y 0 0;

	}


/* makes round corners */
div#nifty{ margin: 0 10%;background: #cc9966;-moz-opacity:0.8;filter:alpha(opacity=80);}

b.rtop, b.rbottom{display:block;background: #fff}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #cc9966}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed 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;

left: 60px; /*position where enlarged image should offset horizontally */

}

</style>