.clearer { clear:both; height:0; font-size: 1px; line-height: 0px;}
.indent {}

#content ul.listsmaller li { margin: 0}
#content ul.listmedium li { margin-top: .5em}

#content ul.pagenav { margin-left: 0; padding-left: 0;}
#content ul.pagenav li { 
	list-style-type: none; 
	background: url(/img/arrownavdown.gif) no-repeat left .4em;
	padding-left: 14px;
	line-height: 140%;
	margin-top: .4em}
#content ul.pagenav li.next { background: url(/img/arrownavnext.gif) no-repeat left .5em;}
#content ul.pagenav li a:focus, #content ul.pagenav li a:hover {font-weight: bold}

p.top  { margin-top: 1.1em; margin-bottom: 1.4em;} 
.top a { color: #666; padding-left: 20px; background:url(/img/toparrow.gif) no-repeat 1px 4px; }
.top a:hover, .top a:focus { color: #00c !important; background:url(/img/toparrow.gif) no-repeat 1px -25px; border-bottom-width: 0 !important; }

.stafftable { border: 1px solid #0A5092}
.stafftable th { font-size: .9em; text-align: left; padding: 1px 8px; background-color:#0A5092; color: #dfdfdf; font-weight: normal}
.stafftable td { padding: .3em 8px; border-top: 1px solid #ddd; vertical-align: top;}
.stafftable tbody tr:hover { background-color:#FFC}

#content ul.listofnames { margin-left: 0; padding-left: 0}
#content ul.listofnames li { line-height: 110%; list-style-type:none }

#threecol ul { width: 30%; float: left; padding-right: 4%; margin-top: 0}
#threecol ul.last { width: 30%; float: left; padding-right: 0}



#content p.imageleft { float: left; margin-right: 15px; border: 1px solid black; padding: 4px; margin-bottom: .8em; margin-top: 0}
#content img.imageleft { float: left; margin-right: 15px}

#content .imageright { color: #555; font-size: .9em; line-height: normal}
#content p.imageright {float: right; margin-left: 15px; border: 1px solid black; padding: 4px; margin-bottom: .8em; margin-top: 0; background-color: white; line-height: 130%}

#content div.imageright  {float: right; padding-left: 15px;  padding-bottom: .8em; background-color: white;} /*Note IE6 hack*/
#content div.imageright p {border: 1px solid #666; padding: 4px; margin-top: 0;  line-height: 130%}

#content .imageright img {display: block; margin-bottom: .2em;}

#content img.imageright {float: right; margin-left: 15px; margin-bottom: 10px;}
#content a.imageright {float: right; margin-left: 15px; margin-bottom: 10px;display: block;}

#content div.aside { float: right; margin-left: 15px;  margin-bottom: .8em; width: 268px; border: 1px solid #0A5092; background-color:#E7EEF6; padding: 0 15px 10px 15px; margin-top: 1em;}
#content div.aside h2, #content div.aside h3 { border: 0; color: #F8FAFC; margin: 0 -15px; background-color:#0A5092; padding: 4px 15px}
#content div.aside ul { padding-left: 0;}
#content div.aside ul li { margin-top: .3em; line-height: 130%; list-style-type: none}

#volunteer .left, #volunteer .right { float: left; width: 49.9%; margin: 0; padding: 0;} 
#volunteer.box li { margin: 0; padding: 0; margin-left: 15px;}

.box { overflow:hidden;}
.highlight { background-color: yellow;}

#boardofdistinction {display: block; margin-top: 40px;}

ul.slideshow { margin: 1em 0 0 0; padding: 0; overflow: hidden;}
.slideshow li { display: inline; margin: 0; padding 0;}
.slideshow li a { display: block; border: 1px solid #ccc; padding: 1px; margin: 0 10px 0 0; float: left;}
.slideshow li a img { border: none}
.slideshow li a:focus, .slideshow li a:hover { border: 1px solid #000099}