* {
padding: 0;
margin: 0;
}




.clear {
	clear: both;
}


body {
text-align: center;
font-family: Arial, Helvetica, Verdana, sans-serif;
padding-bottom: 40px;



}

a {
outline: none;

}


h1 {

font-size: .80em;
font-weight: bold;
color: #333;
margin: 20px 40px 10px 10px;
}



h2 {
background-color: #ebf0f4;
font-size: .80em;
font-weight: bold;
color: #333;
margin: 20px 20px 10px 10px;

}


h3 {

font-size: .80em;
font-weight: bold;
color: #000;
margin: 20px 40px 10px 10px;
text-decoration: underline;
}



#container {

margin: 0px auto;
text-align: left;
width: 860px;
background-image: url(../img/backgrounds/body_bg.gif);
background-repeat: repeat-y;
background-color: #fff;
min-height: 100%;

}




#nav {

width: 860px;
background-color: #779fc3;
font-size: .75em;
padding-top: 0px;
padding-bottom: 0px;

}


#nav ul {
margin-left: 330px;
padding-top: 12px;
padding-bottom: 8px;
margin-top: 0px;

}

#nav ul#top div {
display: inline;
} 

#nav ul#top li {
display: inline;
} 


#nav ul#top li a{
font-weight: normal;
color: #fff;
background-color: #8eb2cf;
text-decoration: none;
border: 1px solid #fff;
padding: 8px 14px 8px 14px;
margin-left: 5px;


}


#nav ul#top li a:hover {
font-weight: normal;
color: #fff;
text-decoration: none;
background-color: #ffa200;

}


#nav ul#top li a#current {

background: red;

}


#leftcol {
width: 180px;
font-size: .75em;
float: left;


}


#leftcol ul {

width: 180px;
padding-top: 70px;



}


#leftcol li {
width: 180px;
list-style: none;
padding-bottom: 6px;


}


#leftcol li a{

display: block;
color: #fff;
text-decoration: none;
background-color: #8eb2cf;
margin-left: 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 20px;
}


#leftcol ul li div a:hover {

background-color: #ffa200;
color: #fff;
}


#leftcol li div a.current {

background: #AA8EAF !important;

}





#rightcol {

width: 480px;
background: #fff;

float: left;
padding-left: 20px;
margin-top: 20px;

}


#rightcol a {
color: #23648f;
text-decoration: underline;


}


#rightcol a:hover {
color: #23648f;
text-decoration: underline;
background-color: #dff3ff;
}

#rightcol p {

margin: 10px 20px 10px 10px;
font-size: .80em;
line-height: 1.6em;
color: #333;
}



#rightcolpol {

width: 480px;
background-color: #fff;

float: left;
padding-left: 20px;
margin-top: 20px;


}


#rightcolpol p {

margin: 10px 20px 10px 10px;
font-size: .80em;
line-height: 1.6em;
color: #333;
}

#rightcolpol p a {
color: #23648f;
text-decoration: underline;
}


#rightcolpol p a:hover {
color: #23648f;
background-color: #dff3ff;
}


#rightcol ul {

margin-left: 30px;
font-size: .80em;
list-style: circle;


}

#rightcol ul li {

padding-bottom: 10px;
line-height: 1.6em;
font-style: normal;

margin-right: 30px;

}

#rightcolpol #policies ul {

margin-left: 20px;
font-size: .80em;
list-style: none;

}


#rightcolpol #policies ul li {
background: url(../img/bullet/arrow.gif) no-repeat 0 50%;
padding-left: 32px;

line-height: 2.6em;



}


#rightcol #policies ul li a {
color: #23648f;
text-decoration: underline;




}


#rightcol #policies ul li a:hover {
color: #23648f;
text-decoration: underline;
background-color: #dff3ff;



}


#rightcolpol #policies ul li a {
color: #23648f;
text-decoration: underline;


}


#rightcolpol #policies ul li a:hover {
color: #23648f;

text-decoration: underline;
background-color: #dff3ff;


}


#rightcol ol {

margin-left: 30px;
font-size: .80em;

}


#rightcol ol li {
line-height: 1.8em;
margin-right: 40px;

}


#kidsquotes h1 {
width: 420px;
color: #fff;

background-color: #9f8b9d;
padding: 4px;


}


#kidsquotes h2 {
width: 420px;
color: #333;

background-color: #ebf0f4;
padding: 4px;


}

#kidsquotes h2 a {

color: #23648f;



}


#kidsquotes h2 a:hover {

color: #23648f;
background-color: #fff;


}

#kidsquotes h3 {
width: 420px;
color: #fff;
background-color:#bfa7bc;
padding: 4px;
text-decoration: none;
font-style: italic;
font-weight: bold;


}


#kidsquotes p {
width: 420px;
color: #000;
background-color: #fff;
padding: 4px;


}

#kidsquotes p a {

color: #8f6b8c;


}


#kidsquotes p a:hover {

background-color: #dfa7d9;
color: #fff;

}


#kidsquotes ol li {
padding-bottom: 2em;

}




#colpanel {
width: 180px;
padding-top: 40px;
float: right;
font-size: .80em;


}

#colpanel h1 {

width: 130px;
font-size: .85em;
margin: 0px 0px 0px 24px;
color: #8f748e;
font-family: Verdana, Arial, Helvetica, sans-serif;


padding: 2px 2px 4px 2px;

border-bottom: 1px dashed #8f748e;
}


#colpanel p {

margin: 10px 20px 10px 24px;
font-size: .95em;
line-height: 1.6em;
padding-bottom: 10px;
border-bottom: 0px dashed #666;

}


#colpanel p a {


color: #23648f;


}


#colpanel p a:hover {


color: #23648f;
background-color: #fff;
}

#colpanel img {


border: 1px solid #ccc;
}


#calendar {
width: 480px;
background-color: #fff;
float: left;
padding-left: 20px;
margin-top: 20px;

}


#calendar p {
width: 420px;
margin: 10px 20px 10px 10px;
font-size: .80em;
line-height: 1.6em;
color: #000;
padding: 10px;
background-color: #ebf0f4;
}


#calendar a {
color: #23648f;
text-decoration: underline;



}


#calendar a:hover {
color: #23648f;
text-decoration: underline;
background-color: #fff;



}

#members {

background-image: url(../img/green_council/recycle_symbol.jpg);
background-repeat: no-repeat;
background-position: right;


}


#policies h2 {

width: 430px;


}







#footer {
border-bottom: 1px solid #ccc;
clear: both;
background-color: #efefef;
padding-top: 8px;



}


#footer p {

font-size: .70em;
margin-left: 180px;
padding: 8px;
color: #666;
}

#footer p a {


color: #3b759f;
text-decoration: underline;
}


#horizrule {
height: 1px;
border-top: 1px solid #779fc2;
margin-top: 32px;
margin-bottom: 32px;
margin-left: 40px;
margin-right: 60px;

}


#horizrule hr {


}


.current {

border: 1px solid #fff;
color: #fff;
background-color: red !important;
padding: 8px 14px 8px 14px;
margin-left: 8px;

}




.greencouncil {
background-color: #eff8ff;
margin: 20px 30px 10px 10px;
border: 1px solid #779fc3;
padding-left: 6px;
}

.studentcouncil {
background-color: #eff8ff;

margin: 20px 30px 10px 10px;
border: 1px solid #779fc3;
padding-left: 6px;
}




.staffnames {
font-size: .70em;
margin-left: 10px;


}


.new {
color: #98779f;
font-weight: bold;


}

.imgfloatright {
float: right;
margin-left: 10px;
border: 1px solid #ccc;

}

.imgnorrisbot {

padding-bottom: 6px;

}

.imgnorristop2 {

padding-top: 10px;

}

.imgnorristop {

padding-bottom: 14px;

}


blockquote {
background-color: #eff8ff;
margin: 20px 30px 10px 10px;
border: 1px solid #779fc3;
padding-left: 6px;
}



.main-gallery ul {
	
	}

.main-gallery ul li {
	float: left;
	}

.main-gallery li {
	width: 120px;	
	height: 120px;	
	display: inline;	
	list-style-type: none !important;	
	margin: 0 30px 30px -20px;	
	background: #fff;	
	border: 1px #ccc solid;	
	padding: 10px 5px;	
	text-align: center;
	}
	
.main-gallery .gallery-item, .gallery-item a {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #233543;	
	text-align: center;	
	margin-top: 9px;
	border: none !important;
	}
	
.main-gallery .gallery-item a:hover {
	text-decoration: none;
	}

.main-gallery img {
	border: none;
}