body {
font: normal 1em/1.5em Verdana, 'Trebuchet MS', arial, sans-serif;
/* background:#080c39; */
padding:0;
margin:0;
}
#wrap {width: 800px;
margin:6px auto;
padding:0;
}
#main { background: #fff url(images/main_bg.jpg) left top repeat-y;
margin:0;
padding:12px 0 0 0;
}

h1 {
text-indent: -100em;
overflow: hidden;
background: transparent url(images/littleton_co-op2011.png) left top no-repeat;
line-height: 200px;
margin: 0;
padding: 0;
height: 200px;
}
/*\*//*/
	h1 {font-size:18px; line-height:1.6em; color:#066;}
/**/
h2 {font:bold 1.1em/1.4em "Lucida Casual", Verdana, sans-serif;
margin:0px 12px 12px 12px;
color:#488045;
}
h3 {margin:0; padding:8px; color:#684429; font-size:1.1em;}
h4 {margin:0; padding:8px; color:#035; font-size:1.1em;}
h5 {margin:0; color:#684429; font-size:1.1em;}
#leftside {
float:left;
width:250px;
background:transparent;
color:#fff;
}
#leftside p {background:#EFE9C0; 
color:#040; 
border:1px solid #B3B099;
padding: 4px 9px; 
font-size:0.8em; 
line-height:1.3em;
}
#leftside p a {color:#036;}
#leftside p a:hover {color:#060; text-decoration:none;}

#delispec { margin:12px; background:#fff;}
#delispec h2 {margin:0; padding:2px 8px; color:#fff; background:#488045; font-size:1.4em;}
#delispec h3 {margin:0; padding:8px; color:#684429;}
#delispec p {font: bold 0.85em/1.3em verdana, "Times New Roman", georgia, serif; 
margin:0;
padding: 8px 10px;
color:#5D7315;
background:#fff;
border:0;
}

.webspec {margin:0 12px 16px 12px; background:#EFE9C0; padding-bottom:12px;}
.webspec h2 {margin:0; padding:2px 8px; color:#fff; background:#488045; font-size:1.4em;}
.webspec h3 {margin:0; padding:8px; color:#684429;}


#rside {
width:508px;
background: transparent;
margin-left:255px;
}
p {font-size:0.85em; margin:12px;}
.ctr {text-align:center;}
.box {margin: 12px 24px; background:#fffff6; padding:8px 12px; border:1px solid #ccc;}

/*------- left nav ------ */
ul#leftnav {
list-style: none;
margin: 10px 0 10px 14px;
padding: 0px;
border: none;
}
ul#leftnav li {
margin: 0px;
padding: 0px;
}
ul#leftnav li a {
background: #488045;
font-size: 1em;
font-weight:bold;
display: block;
margin-bottom: 2px;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #fff;
width:220px;
}

ul#leftnav li a:hover, ul#leftnav li#active a, ul#leftnav li a:focus {
color: #efe;
background: #8CAB43 url(images/hover.png) right .4em no-repeat; 
}
img {border:0;}
.clearall {clear:both;}

#foot {
background:#f6d8ce;
margin:0 25px 0 0;
color:#000;
text-align:right;
font-size:0.7em;
padding: 0 12px 12px 12px;
border-right: 2px solid black;
border-bottom: 2px solid black;
border-left: 2px solid black;
clear:left;
}		
#foot a {color:#000;}
#foot a:hover {color:#000; text-decoration:none;}


#specials
{
background: transparent;
margin-left:10px;
}

#specials p {font-size:0.85em; margin:2px 8px;}
#specials h2 {font:bold 1.4em/1.4em "Lucida Casual", Verdana, sans-serif;
margin:6px 6px 6px 6px;
color:#488045;}
#specials h3 {margin:0; padding:2px; color:#684429; font-size:1.0em;}

