html { background-color: #a6a8ab; }

body
{
	margin: 26px auto;
	width: 944px;
	border: 3px solid white;
	background-color: white;
	background-image: url(../images/narrowcolback.gif);
	background-repeat: repeat-y;
	background-position: left;
}

body.home
{
	background-image: url(../images/colback.gif);
	background-position: right;
}
body.admin { margin-top: 50px; }
body.login { background-image: none; }

#head
{
	height: 134px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#head #mainnav, #head #navigation
{
	display: block;
	margin-left: 130px;
	padding-top:69px;
}

#head ul {  padding: 9px 10px 0 0; }
#head li
{
	display: inline;
	color: white;
	padding: 0 5px 0 3px;
	margin: 0;
	border-right: 1px solid;
	float: none;
}
#head #navigation li { padding: 0 10px 0 7px; display: inline; float: none; }

#head li a, #head #navigation li a
{
	color: white;
	text-decoration: none;
}
#head li a:hover, #head #navigation li a:hover { text-decoration: underline; }

#head li.last, #head #navigation li.last
{
	border-right: none;
	padding-right: 0;
}

#head #logo
{
	display: block;
	position: absolute;
	top: 3px;
	left: 0px;
	height: 125px;
	width: 125px;
}

#head #logo span {
	background: url(/images/logo.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
#head #support
{
	display: block;
	width: 235px;
	height: 0 !important;
	padding-top: 57px;
	position: absolute;
	top: 32px;
	right: 25px;
	background-image: url(../images/supports.jpg);
	background-repeat: no-repeat;
	background-position: -235px top;
	overflow: hidden;
}

#head :hover#support, #head :active#support { background-position: left top; }

#news_brief { background-color: #eef; padding: 0.5em 2em; }

.sidebar
{
	width: 237px;
	float: left;
	color: #585858;
}

body.home .sidebar
{
	width: 293px;
	float: right;
}

.sidebar #sayBtn, .sidebar #districtBtn, .sidebar #faqBtn
{
	display: block;
	float: right;
	width: 293px;
	height: 0;
	line-height: 0;
	color: #585858;
	background-repeat: no-repeat;
	background-position: -293px bottom;
	overflow: hidden;
	text-indent: -9999px;
}
.sidebar #sayBtn
{
	padding-top: 79px;
	background-image: url(../images/say.jpg);
}
.sidebar :hover#sayBtn, .sidebar :active#sayBtn,
.sidebar :hover#districtBtn, .sidebar :active#districtBtn,
.sidebar :hover#faqBtn, .sidebar :active#faqBtn { background-position: left bottom; }

.sidebar #districtBtn
{
	padding-top: 80px;
	background-image: url(../images/district.jpg);
}

.sidebar #faqBtn
{
	padding-top: 79px;
	background-image: url(../images/faq.jpg);
}

.sidebar .pageimage
{
	padding-top: 3px;
	display: block;
	background-color: white;
}

.sidebar #navBlock
{
	background-color: white;
	padding-bottom: 3px;
	float: right;
}

body.home .sidebar .sidebar_items { margin: 18px 21px 21px 21px; }
body.home .sidebar .sidebar_items .item { border-top: 1px solid #a6a8ab; }
body.home .sidebar .sidebar_items .item.first { border-top: none; }
body.home .sidebar .sidebar_items .item img { margin: 1em 0; }
.sidebar .sidebar_items { margin: 18px 28px; }
.sidebar .sidebar_items .item { border-top: 1px solid #a6a8ab; padding: 5px 0 1.5em 0; }
.sidebar .sidebar_items .item.first { border-top: none; }
.sidebar .sidebar_items .item.first h3 { margin-top: 0; }
.sidebar .sidebar_items .item img { margin: 1em 0; }
.subNav { margin: 18px 0; }
.subNav li, .news_menu li
{
	padding: 1em 0 1em 3em;
	background-image: url(/images/link_grey.gif);
	background-position: 2em 1.3em;
	background-repeat: no-repeat;
}
.subNav li a, .news_menu li a
{
	color: #585858;
	display: block;
}

.news_menu .dateline
{
	font-size: 80%;
	font-style: italic;
}

.content
{
	display: inline;
	width: 656px;
	float: right;
	color: #585858;
	margin: 24px;
}

body.home .content
{
	width: 648px;
	float: left;
	margin: 0;
}


body.home div.content div.video_holder{
	background:transparent url(/images/bkg-video.gif) scroll repeat-x top left;
	text-align:center;
	padding:0 62px;
}


.content #lead { margin: 19px 19px 21px 21px; }
p.topic { color: #8B0F04; }

.content .topper
{
	display: block;
	margin: 3px 0 16px 0;
}

.content img.icon { float: left; }
.content #comments { width: 100%; height: 10em; }
.content .subcolumns
{
	border-top: 1px solid #bcbec0;
	margin: 0 21px;
	padding: 21px 0;
}

.content .subcolumn
{
	width: 188px;
	padding: 0;
	margin-left: 21px;
	float: left;
}

.content .subcolumn.first { margin-left: 0; }
.content a:link, a:visited {  color: #585858; text-decoration: underline; }
.content .box_table td { margin-top: 5px; padding: 5px; }
.content .box_table td.label_text { width: 140px; vertical-align: top; }

span.required { color: red; }
.required label span {color: red; padding: 0 0.5em; }
.content ul.contact_form li { padding: 8px 0; }
.content ul.contact_form li label { width: 110px;}
.response_form input { margin-bottom: 0.5em; }

.pdialog
{
	display: block;
	margin: 30px auto;
	width: 40%;
}
.pdialog h2 { text-align: center; }
.pdialog label {
	display: block;
	margin: 1em;
	text-align: right;
}
.pdialog .button { float: right; }

img.header
{
	border-bottom: 2px solid #d2d2d2;
	border-top: 3px solid white;
}

img.storyImage { float: left; margin: 3px 10px 10px 0; }
img.storyImageRight { float: right; margin: 3px 0px 10px 10px; }

img#bookmarklet
{
	margin: 0 21px;
}


br.clear
{
	clear: both;
	height: 1px;
	display: block;
}

h2
{
	color: #002D62;
	margin: 8px 8px 8px 0;
}

h3
{
	color: #002D62;
	margin: 18px 0 0 0;
}

p { margin: 1em 0; }
a.readmore { color: #8B0F04; }
a.pullquote
{
	color: #002d62;
	height: 30px;
	display: block;
	background-color: #fff4ce;
	padding-left: 1em;
}
a.social
{
	float: right;
	margin: 0 15px;
}