/* Base Reset & Fonts
------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
th, td {vertical-align:top;}
fieldset,img {border:0;}
abbr,acronym {border:0;}
body {font:13px Arial,Helvetica,clean,sans-serif;}
table {font-size:inherit;}
select,input,textarea {font:99% Verdana,Arial,Helvetica,clean,sans-serif;}
pre,code {font:115% monospace;}
body * {line-height:1.22em;}
label {cursor:pointer;}
address,caption,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}


/* Main Structure - DO NOT CHANGE THIS SECTION!!
------------------------------------------------- */
html, body {height:100%;}
#wrap {min-height:100%;margin:0 auto;position:relative;overflow:auto;}
#pri, #sec, #ter {float:left;}
#pri {width:100%;}
#sec {position:relative;left:-100%;}
#ft .pad {clear:both;position:relative;margin:0 auto;}
.grid-2 .col, .grid-4 .grid-2 {float:right;display:inline;}
.grid-2 div.first, .grid-4 div.first, .grid-3 .col {float:left;}
.grid-2 .col, .grid-4 .grid-2, .grid-4 .grid-2 .col {width:50%;}
.grid-3 .col {width:33%;}
body#onecol #sec, body#onecol #ter, body#twocol-left #ter, body#twocol-right #sec {display:none;}
body#onecol #pri .pad, body#onecol #pri .pagetitle {margin:0;}
body#twocol-left #pri .pad, body#twocol-left #pri .pagetitle {margin-right:0;}
body#twocol-right #pri .pad, body#twocol-right #pri .pagetitle {margin-left:0;}


/* Widths & Footer height
------------------------------------------------- */
#wrap, #ft .pad {width:920px;}
#masthead, #splash {margin-left:75px;}

#pri .pad, #pri .pagetitle {
margin:0 482px 0 234px;
padding:0 0 0 75px;
}

body.homepage #pri .pad {padding-top:16px;}

#pri .pripad, #pri .titlepad {
background:#fff;
padding:9px 40px 9px 22px;
}

#pri .titlepad {padding:13px 10px 18px 20px;}
body.levelthree #pri .titlepad {padding-bottom:8px;}
body.levelthree #pri .pripad {padding-top:18px;}

#sec {
width:218px;
padding:8px;
margin-right:-234px;
}

#ter {
width:482px;
margin-left:-482px;
}

#pri .pad, #sec, #ter {padding-bottom:72px;}

#ft {
height:57px;
margin:-57px auto 0;
}

#ft .pad {
height:42px;
padding:15px 0 0 0;
}


/* General fonts
------------------------------------------------- */

/* A handy pixel to percent font conversion */
/*
10px / 77%
11px / 85%
12px / 92%
13px / 100%
14px / 107%
15px / 114%
16px / 122%
17px / 129%
18px / 136%
19px / 144%
20px / 152%
21px / 159%
22px / 167%
23px / 174%
24px / 182%
25px / 189%
26px / 197%
*/

#wrap, #ft {font-family:Verdana, Arial, Helvetica, sans-serif;}
body.homepage h2, h1 {font-size:136%;}
h2 {font-size:107%;}
h3 {font-size:100%;}
h4 {font-size:92%;}
h5 {font-size:92%;}
h6 {font-size:92%;}
#secnav li, #ternav li, #ter .lifestyle p, #ter li, #nav-sub li {font-size:92%;}
#pri .pad *, #ter *, #ft p, #ft li, #searchform input, #searchform label, #ter h3, #splash p {font-size:85%;}
#utilitynav li, #ft p, #ft li, #ft .org, #ft .adr, #ft .telecommunications {font-size:77%;}
#pri .pad dt {font-size:107%;}
#pri .pad * *, #ter * *, #ter li *, #nav-sub ul li {font-size:100%;}
strong, b, h3, h4, h5, h6, #pri legend {font-weight:bold;}
em,i,cite {font-style:italic;}

h2 + h3 {margin-bottom:0.33em;}

/* Sprites
------------------------------------------------- */
#logo, #tagline, #nav a {
background-image:url(cssimages/logo-nav.gif);
background-repeat:no-repeat;
}


/* Theme
------------------------------------------------- */
html, body {
background:#fff url(cssimages/bg-body.gif) repeat-x 0 0;
color:#77787b;
}

a {color:#00b4de;text-decoration:none;}
a:hover {color:#000;}
a.skip {position:absolute;left:-9999px;}

#masthead {
position:relative;
min-height:226px;
}

body.homepage #masthead {min-height:151px;}

#masthead h1 {display:inline;}

#logo {
display:block;
position:relative;
top:58px;
margin-left:-76px;
width:318px;
height:45px;
background-position:0 0;
text-indent:-9999px;
outline:none;
z-index:2;
}

#tagline {
position:absolute;
top:78px;
right:0;
width:156px;
height:20px;
background-position:0 -45px;
text-indent:-9999px;
}

#utilitynav {
position:absolute;
top:0;
right:0;
width:100%;
min-height:39px;
background:#efefeb;
text-align:right;
padding-top:4px;
z-index:1;
}

#utilitynav li {display:inline;}

#utilitynav a {
margin-right:21px;
color:#454439;
text-decoration:none;
text-transform:lowercase;
background:url(cssimages/arrow-grey.gif) no-repeat 0 5px;
padding-left:8px;
}

#utilitynav a:hover, #utilitynav li.current a {text-decoration:underline;}
#utilitynav li:last-child a, #utilitynav li.last-child a {margin-right:0;}

#searchform {
position:absolute;
top:127px;
right:0;
}
#searchform label {position:absolute;left:-9999px;}
#searchform input {float:left;}

#searchform .searchtext {
border:1px solid #77787b;
width:124px;
padding:1px 2px;
}

#nav {
position:absolute;
top:129px;
left:0;
width:652px;
line-height:1.0;
}

#nav li {
float:left;
position:relative;
}

#nav a {
display:block;
position:relative;
height:22px;
text-indent:-9999px;
outline:none;
}

#navabout a {width:68px;background-position:0 -65px;}
#navcivic a {width:132px;background-position:-65px -65px;}
#navgrants a {width:65px;background-position:-200px -65px;}
#navprograms a {width:144px;background-position:-263px -65px;}
#navguidelines a {width:165px;background-position:-406px -65px;}
#navsupport a {width:78px;background-position:-575px -65px;}
#navabout a:hover, #navabout.current a {background-position:0 -87px;}
#navcivic a:hover, #navcivic.current a {background-position:-65px -87px;}
#navgrants a:hover, #navgrants.current a {background-position:-200px -87px;}
#navprograms a:hover, #navprograms.current a {background-position:-263px -87px;}
#navguidelines a:hover, #navguidelines.current a {background-position:-406px -87px;}
#navsupport a:hover, #navsupport.current a {background-position:-575px -87px;}

#secnav, #masthead p {
margin-top:106px;
min-height:65px;
background:#00b4de;
width:100%;
padding-top:10px;
}

#masthead p {text-indent:-9999px;}

#secnav li {line-height:1.5em;}
#secnav li.col1 {margin-left:21px;}
#secnav li.col2 {margin-left:170px;}
#secnav li.col3 {margin-left:340px;}
#secnav li.col4 {margin-left:510px;}
#secnav li.col5 {margin-left:680px;}
#secnav li.reset {margin-top:-4.5em;}

#secnav a {
color:#fff;
text-transform:lowercase;
text-decoration:none;
}

#secnav a:hover, #secnav li.here a, #secnav li.parent-here a {color:#58595b;}
#pri .pagetitle .titlepad {background:#fff;}
body.levelthree #pri .pagetitle .titlepad {background:#e4e4de;}

#nav-sub {padding:0 0 20px 100px;}
#nav-sub ul {padding-left:20px;}
#nav-sub li {display:inline;}

#nav-sub a, #nav-sub li.here li a {
color:#77787b;
text-decoration:none;
}

#nav-sub a:hover, #nav-sub li.here a, #nav-sub li.here li a:hover {color:#000;}
#nav-sub li.sub-level-0 a {display:none;}

#nav-sub li a {
display:block;
line-height:1.66em;
text-transform:lowercase;
}

#splash {position:relative;min-height:268px;}
#splash div {position:absolute;top:0;left:0;}
#splash img {display:block;}

#splash p {
width:841px;
padding-right:4px;
height:19px;
line-height:19px;
text-align:right;
text-transform:lowercase;
background:#000;
color:#fff;
}

#printable {
position:absolute;
right:13px;
bottom:13px;
width:114px;
text-align:right;
}

#printable a {
display:block;
background:url(cssimages/printer.gif) 0 0 no-repeat;
}

#printable a:link, #printable a:visited {color:#fff;}
#printable a:hover, #printable a:active {color:#58595b;}

body.homepage #pri h2, #pri .pagetitle h1 {
text-transform:lowercase;
font-size:182%;
font-weight:normal;
padding:4px 20px 0 20px;
}

#pri .pagetitle h1 {padding:0;}

body.homepage #pri h2 {
font-size:197%;
padding:0 0 4px 0;
}

#pri .pad p, #pri .pad ul {margin-bottom:2em;}
body.homepage #pri p.more {margin-top:-1.5em;}
#pri .pad ul.doublespace li {margin-bottom:10px;}

body.list #pri .pad p {margin-bottom:0;}
#pri .pad div.item p, #pri .pad p.more, #pri .pad p.date {margin-bottom:8px;}
body.list #pri .pad p.back {margin-top:12px;}
body.list #pri .pad h2 {margin-bottom:6px;}

body.list #pri .pad h2.catname {
font-size:136%;
font-weight:normal;
color:#000;
text-transform:lowercase;
}

body.list #pri .pad h3, body.list #pri .pad h4 {
font-weight:normal;
color:#000;
margin-bottom:2px;
}

body.list #pri .pad p.paged {margin-bottom:36px;}
#pri .pad li, #pri .pad p {line-height:1.66em;}

#pri .pad ul {
list-style:disc;
padding-left:2em;
}

div.item {margin-bottom:1em;}
/*#pri .pad p.more {position:relative;top:-2em;}*/

#pri .pad ul#videos div#videos-col .col {width:60%;}
#pri .pad ul#videos div#videos-col .first {width:40%;}

#pri .pad ul.members, #pri .pad ul#videos {
list-style:none;
padding-left:0;
}

#pri .pad ul#videos li {margin-bottom:1.5em;}

#pri .pad .faq ul {list-style:none;margin-bottom:1em;}
#pri .pad .faq li {margin-bottom:1.33em;}
#pri .pad .faq li:last-child, #pri .pad .faq li.last-child {margin-bottom:0;}

body.homepage #pri .pad p {line-height:1.4em;}
body.homepage .grid-3 {background:url(cssimages/bg-grid3.gif) repeat-y 0 0;}
body.homepage div.lower {background:url(cssimages/bg-grid3-lower.gif) no-repeat 0 0;}
body.homepage div.lower .col {padding-top:25px;}
body.homepage .grid-3 img {display:block;margin-bottom:8px;}
body.homepage .first, body.homepage .fourth, body.homepage .seventh, body.homepage .tenth {width:236px;padding:0 33px 0 0;}
body.homepage .second, body.homepage .fifth, body.homepage .eighth, body.homepage .eleventh {width:237px;padding:0 32px 0 34px;}
body.homepage .third, body.homepage .sixth, body.homepage .ninth, body.homepage .twelfth {width:240px;padding:0 0 0 33px;}
body.homepage .fourth, body.homepage .fifth, body.homepage .sixth {padding-top:26px;} 

#pri .pripad {min-height:200px;}

#pri #searchresults dd {margin:0;}
#pri #searchresults dd.searchurl {
margin:0.2em 0 2em;
font-size:77%;
}

#pri dt {color:#000;}
#pri dd {margin-bottom:1em;}

#pri .faq dt {
color:#00b4de;
cursor:pointer;
margin-bottom:1em;
}

#pri .faq dt:hover {color:#000;}
#pri .faq dd {margin:0;}

body.sitemap #pri h2 {
font-size:136%;
text-transform:lowercase;
font-weight:normal;
}

body.sitemap #pri h2 a {color:#000;}
body.sitemap #pri h2 a:hover {color:#00b4de;}
body.sitemap #pri ul {list-style:none;}
body.sitemap #pri li {text-transform:lowercase;}

#ter h2#archivetitle {
margin:24px 0 0;
color:#000;
text-transform:lowercase;
font-weight:normal;
}

#ter ul#yearly_archives li.year {
margin-top:8px;
font-style:italic;
width:158px;
float:left;
}

#ter ul#yearly_archives li.year li {
font-style:normal;
margin-left:12px;
text-transform:lowercase;
}


#ter .lifestyle {margin-bottom:13px;}

#ter .lifestyle p {
padding-top:4px;
color:#000;
text-align:right;
line-height:1.5em;
}

#ft, #ft .pad {
background:#000;
color:#a7a9ac;
text-transform:lowercase;
}

#ft p {padding:0 0 0 458px;}

#ft ul#ftnav {
position:absolute;
left:75px;
padding-top:1px;
}

#ft li {display:inline;}

#ft li a {
display:block;
float:left;
padding:0 12px;
color:#a7a9ac;
text-decoration:none;
line-height:1em;
}

#ft li#ftnavfirst a {padding-left:0;}

#ft li a:hover, #ft li.current a {text-decoration:underline;}

#ft li:last-child a, #ft li.last-child a {
border-right:0;
margin-right:0;
padding-right:0;
}

.vcard {padding-top:4px;}
.org {position:absolute;left:-9999px;}
.adr, .telecommunications, .telecommunications .tel {display:inline;}
.adr {margin-left:75px;}
.adr span {margin-right:22px;}
.adr span.locality {margin-right:0;}
.adr span.postal-code {margin-right:14px;}
.tel {margin-right:25px;}

#signup, #signup img {display:block;}

#signup {
position:absolute;
top:16px;
right:3px;
}

/* Shadowbox styles
------------------------------------------------- */
#shadowbox_container, #shadowbox_overlay {
top:0;
left:0;
height:100%;
width:100%;
margin:0;
padding:0;
}

#shadowbox_container {
position:fixed;
display:block;
visibility:hidden;
z-index:999;
text-align:center;
}

#shadowbox_overlay {
position:absolute;
background-image:url(cssimages/shadowbox/overlay.png);
background-repeat:repeat;
}

#shadowbox {
position:relative;
margin:0 auto;
text-align:left;
}

#shadowbox_body {
position:relative;
margin:0;
padding:0;
border:1px solid #fff;
overflow:hidden;
}

#shadowbox_body_inner {
position:relative;
height:100%;
}

#shadowbox_content.html {
height:100%;
overflow:auto;
}

#shadowbox_loading {
position:absolute;
top:0;
width:100%;
height:100%;
}

#shadowbox_body, #shadowbox_loading {
background-color:#060606;
}

#shadowbox_loading_indicator {
float:left;
margin:10px 10px 0 10px;
height:32px;
width:32px;
background-image:url(cssimages/shadowbox/loading.gif);
background-repeat:no-repeat;
}

#shadowbox_loading span {
font-family:'Lucida Grande', Tahoma, sans-serif;
font-size:10px;
float:left;
margin-top:16px;
}

#shadowbox_loading span a:link, #shadowbox_loading span a:visited {
color:#fff;
text-decoration:underline;
}

#shadowbox_title, #shadowbox_info {
position:relative;
margin:0;
padding:0;
overflow:hidden;
}

#shadowbox_title_inner, #shadowbox_info_inner {
position:relative;
font-family:'Lucida Grande', Tahoma, sans-serif;
line-height:16px;
}

#shadowbox_title {
height:26px;
}

#shadowbox_title_inner {
font-size:16px;
padding:5px 0;
color:#fff;
}

#shadowbox_info {
height:20px;
}

#shadowbox_info_inner {
font-size:12px;
color:#fff;
}

#shadowbox_nav {
float:right;
height:16px;
padding:2px 0;
width:45%;
}

#shadowbox_nav a {
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}

#shadowbox_nav_close {
background-image:url(cssimages/shadowbox/close.png);
background-repeat:no-repeat;
}

#shadowbox_nav_next {
background-image:url(cssimages/shadowbox/next.png);
background-repeat:no-repeat;
}

#shadowbox_nav_previous {
background-image:url(cssimages/shadowbox/previous.png);
background-repeat:no-repeat;
}

#shadowbox_nav_play {
background-image:url(cssimages/shadowbox/play.png);
background-repeat:no-repeat;
}

#shadowbox_nav_pause {
background-image:url(cssimages/shadowbox/pause.png);
background-repeat:no-repeat;
}

#shadowbox_counter {
float:left;
padding:2px 0;
width:45%;
}

#shadowbox_counter a {
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}

#shadowbox_counter a.shadowbox_counter_current {
text-decoration:underline;
}

div.shadowbox_clear {
clear:both;
}

div.shadowbox_message {
font-family:'Lucida Grande', Tahoma, sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}

div.shadowbox_message a:link, div.shadowbox_message a:visited {
color:#fff;
text-decoration:underline;
}

/* sIFR
-------------------------------------------*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}

.sIFR-unloading .sIFR-flash {
visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}

.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt; 
padding: 0pt; 
overflow: auto; 
letter-spacing: 0px; 
float: none;
}

.sIFR-active object {
display:block;
}


/* sIFR Header Styling
-------------------------------------------*/
.sIFR-active body.homepage #pri h2, .sIFR-active #pri .pagetitle h1 {
visibility:hidden;
font-family:Arial;
line-height:1em;
padding:0;
}

/* Clearfix
------------------------------------------------- */
.grid-2:after, .grid-3:after, .grid-4:after, #secnav:after, #ternav:after, #splash:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}