/* selector reset 
--------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, var, b, u, i, center, tablefieldset, form, fieldset, label, legend, select, input { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #153857; }

/* common selector layout 
--------------------------------*/

body { background: url(../images/background.gif) #F1F1F1; line-height: 1; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; line-height: 1.3em; }
p { padding: 5px 0; margin: 0; line-height: 1.3em; }
img { border: 0; }
input, select { vertical-align: middle; }
a:link { color: #153857; }
a:visited { color: #153857; }
a:hover { color: #153857; }
h1,h2 { font-size: 12px; font-weight: bold; margin: 5px 0; }

/* common selector classes 
---------------------------------*/

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.fl-left { float: left; }
.fl-right { float: right; }
.container { overflow: hidden; width: 100%; }
.required { color: #D00; }
.note { font-style: italic; font-size: 10px; }
/*.opacity { opacity: .60; filter: Alpha(opacity=60); } not valid css 2.1*/

h1.title { }
select.text { border: 1px solid #999; }
input.text { padding: 2px; border: 1px solid #999; width: 130px; }
textarea.text { padding: 2px; border: 1px solid #DDD9D3; }
input.image { }
input.button { color:#FFF; background:#000; font: bold 92% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }

/* body selectors 
---------------------------------*/

/* home */
#home { width: 850px; text-align:left; margin: 8px auto 0 auto; }
#home div#content { background: url(../images/content-bg.png) repeat-x #FFF; width: 100%; overflow: hidden; padding: 0 0 0 0; }
#home div#photo { background: url(../images/photo-bg.png) repeat-y right; height:199px; overflow: hidden; }
#home div#photo img { border: solid #FFF; border-width: 0 1px; }
#home div#flash { float:left;width:601px; }
#home div#photo-home {float:left; width:199px;}

#home div#content div#left { float: left; display: inline; width: 515px; margin: 24px 0 34px 37px; }
#home div#content div#left p { padding: 10px 0; }
#home div#content div#left h2.sifr-text { color: #002D56; width: 150px; font-size: 21px; height: 21px; padding:0; font-style: italic; margin: 31px auto 14px auto }
#home div#content div#right { float: right; display: inline; width: 248px; margin: 18px 22px 0 0; border: 1px solid #CCC; padding:0 0 20px 0; }
#home div#content div#right h1.sifr-text { font-size: 24px; margin: 0 0 20px 0; padding:5px 0 18px 20px; background: url(../images/in-the-news-bg.png) repeat-x; height: 18px; }
#home div#content div#right span { display: block; margin: 0 21px 3px 21px; }
#home div#content div#right span.title { font-weight: bold; color:#000; }
#home div#content div#right p { color:#000; margin: 0 21px 5px 21px; }

/* internal */
#internal { width: 850px; text-align:left; margin: 8px auto 0 auto; }
#internal div#content { background: url(../images/content-bg.png) repeat-x #FFF; width: 100%px; overflow: hidden; padding: 0 0 0 0; }
#internal div#photo { background:#002D56; margin: 1px 0 0 0; }
#internal div#content div#left { float: left; width: 200px; display: inline; margin: 21px 33px 0 13px; }
#internal div#content div#left h2.sifr-text { font-size: 24px; margin: 0 0 13px 33px; height:24px; padding:0; }
#internal div#content div#left img { margin: 0 0 7px 0; }
#internal div#content div#right { float: left; width: 556px; display: inline; margin: 53px 0 0 0; line-height: 1.5em; }
#internal div#content div#right h1.sifr-text { margin: 0 0 15px 0; padding:0; font-size: 17px; height: 17px; }

/*shared*/
#header { height: 129px; padding: 0; margin: 0; background: url(../images/header-bg.png) repeat-x #FFF; border-top: 3px solid #7F96AA; }
#header img#logo { width: 219px; height:73px; margin: 23px 0 0 23px; }

/*NAV*/
#nav { }
#nav ul { height: 23px; background: url(../images/nav-bg.png) repeat-x; list-style:none; padding:0; margin:9px 0 0 103px; width: 747px; }
#nav a { display: block; height: 23px; text-indent: -6000px; }
#nav li.menu-cat { float: left; display: block; width: 105px; margin: 0 2px 0 0; }/*menu category styling*/
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* dropdown */
#nav li ul a { padding: 5px 3px 5px 10px; text-indent: 0; height: auto; width: 157px; color: #153857; text-decoration: none; } /* reset for dropdown */
#nav li ul a:hover { color: #FFF; background: #58936D; } /*reset for dropdown */
#nav ul ul { position: absolute; top: 23px;left: 0; width: 170px; height: auto; margin:0;padding:0; list-style:none; border-top: 1px #FFF solid; border-bottom: 3px #025B22 solid; } /*dropdown properties*/
#nav li ul li { border: #DADCF6 solid; border-width: 0; }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */
/* display/don't display */
#nav ul ul,
#nav li:hover ul ul{ display: none; } /*hide dropdown*/
#nav li:hover ul,
#nav ul ul li:hover ul{ display: block; background: #FFF url(../images/dropdown-bg.png) repeat-x bottom; } /*dropdown item properties*/

/* nav categories */
#nav li#nav-bio { background: url(../images/nav-bio.png); }
#nav li#nav-bio:hover {background-position: 0 -23px; }
#nav li#nav-issues { background: url(../images/nav-issues.png); }
#nav li#nav-issues:hover {background-position: 0 -23px; }
#nav li#nav-volunteer { background: url(../images/nav-volunteer.png); }
#nav li#nav-volunteer:hover {background-position: 0 -23px; }
#nav li#nav-donate { background: url(../images/nav-donate.png); }
#nav li#nav-donate:hover {background-position: 0 -23px; }
#nav li#nav-news { background: url(../images/nav-news.png); }
#nav li#nav-news:hover {background-position: 0 -23px; }
#nav li#nav-contact { background: url(../images/nav-contact.png); margin:0; }
#nav li#nav-contact:hover {background-position: 0 -23px; }
#nav li#nav-district-map { background: url(../images/nav-district-map.png); }
#nav li#nav-district-map:hover {background-position: 0 -23px; }

#footer { color: #FFF; background: #FFF url(../images/footer-bg.png) repeat-x; height: 21px; padding: 33px 0 0 12px; line-height: 1.3em; border-bottom: 3px solid #7F96AA; }
#footer h3.sifr-text { font-size: 13px; margin:0; padding:0; }

#core101-logo { color: #DCDCDC; text-align:center; padding: 10px 0; }
#core101-logo a { color: #DCDCDC; }

/* MISC 
-------------------------------------*/

/* forms */
#content-form { width: 450px; }
#content-form td { padding: 0 0 2px 0; }
#content-form td.label { text-align: right; vertical-align: top; padding: 0 5px 0 0; }
#content-form input.text { padding: 2px; width: 150px; border: 1px solid #DEDEDE; }
#content-form input.short { width: 55px; }
#content-form textarea.text { width: 220px; height: 60px; border: 1px solid #DEDEDE; }
#content-form input.button { padding: 2px; background: #A0A0A0; color: #FFF; }