/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* END RESET */
body {
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
text-align:center;
color:#00467f;
background:url(../images/body-bg.gif) -2px -2px;
}
a {
text-decoration:none;
color:#00467f;
}
a:hover {
color:#8dc73f;
}
#bgwrap {
background:url(../images/header-bg.gif) repeat-x;
}
#wrapper {
width:963px;
text-align:left;
margin:0 auto;
background:url(../images/header-bg.gif) repeat-x #fff;
}
/* HEADER */
#header {
width:963px;
height:225px;
position:relative;
}
#header h1 {
padding:23px 0 0 103px;
}
#header h1 a {
display:block;
width:146px;
height:172px;
background:url(../images/logo.gif) no-repeat;
text-indent:-9999px;
}
#header ul {
position:absolute;
top:78px;
left:309px;
}
#header ul li {
display:inline;
float:left;
position:relative;
padding:0 0 5px;
}
#header ul li a {
display:block;
font-size:11px;
font-weight:bold;
text-transform:lowercase;
color:#8dc73f;
background:url(../images/nav-a-bg.gif) 0 3px no-repeat;
padding:0 5px 0 10px;
float:left;
}
#header ul li.over a,#header ul li.active a, #header ul li a:hover {
color:#00467f;
}
#header ul ul {
display:none;
position:absolute;
top:15px;
left:0;
}
#header ul .over ul, #header ul .active ul {
display:block;
}
#header ul ul li, #header ul ul li a {
display:block;
float:none;
font-weight:normal;
white-space:nowrap;
}
#header ul ul li {
padding:0;
}
#header ul .over ul li a, #header ul .active ul li a {
color:#8dc73f;
}
#header ul .over ul li a:hover, #header ul .active ul li a:hover {
color:#00467f;
}
/* END HEADER */
/* CONTENT */
#main {
width:775px;
margin:5px 0 0;
float:right;
}
.interior #main {
min-height:341px;
padding:0 0 18px;
background:#bcc7dd;
}
.interior #main a {
text-decoration:underline;
}
.interior #main a:hover {
color:#00467f;
text-decoration:none;
}
.interior #main h1 {
font-size:18px;
margin:0 175px 7px 30px;
}
.interior #main h2 {
font-size:16px;
margin:0 175px 7px 30px;
}
.interior #main h2.top {
font-size:36px;
font-weight:normal;
text-transform:lowercase;
color:#fff;
margin:7px 175px 7px 15px;
}
.interior #main h2.top span {
text-transform:none;
}
.interior #main h3 {
font-size:14px;
margin:0 175px 7px 30px;
}
.interior #main h4, .interior #main h5, .interior #main h6 {
font-size:12px;
margin:0 175px 7px 30px;
}
.interior #main p, .interior #main ul, .interior #main ol {
font-size:12px;
line-height:15px;
margin:0 175px 12px 30px;
}
.interior #main img {
padding: 10px;
}
.interior #main ul, .interior #main ol {
list-style-type:disc;
padding:0 0 0 25px;
}
.interior #main ol {
list-style-type:decimal;
}
.interior #main .post {
margin:0 0 30px;
}
.interior #main .gallery h1 {
margin:10px 175px 5px 15px;
}
.interior #main .gallery ul {
list-style-type:none;
padding:0;
margin:0 100px 15px 15px;
overflow:hidden;
}
.interior #main .gallery li {
width:115px;
text-align:center;
float:left;
display:inline;
margin:0 32px 14px 0;
}
.interior #main .gallery p.nav {
text-align:center;
}
.interior #main .gallery p.back {
margin:-27px 0 0 15px;
}
.interior #main .gallery p.nav, .interior #main .gallery p.back {
font-weight:bold;
text-transform:lowercase;
}
.interior #main .gallery p.nav a, .interior #main .gallery p.back a {
background:url(../images/prev.gif) 0 3px no-repeat;
padding:0 15px;
}
.interior #main .gallery p.nav a.next {
background:url(../images/next.gif) right 3px no-repeat;
}
.interior #main .gallery li a {
text-decoration:none;
}
.interior #main .gallery li a span {
text-decoration:underline;
}
.interior #main .gallery li a:hover span {
text-decoration:none;
}
form.donate img {
padding:0 !important;
position:absolute;
top:-9999px;
left:-9999px;
}
.interior #main form.donate h1 {
margin:0 175px 7px 0;
}
input.donate {
display:inline-block;
width:135px;
height:25px;
font-size:0;
line-height:0;
text-indent:-9999px;
background:url(../images/donate.gif) no-repeat;
padding:0;
border:none;
margin:0 0 0 10px;
position:relative;
top:-4px;
cursor:pointer;
}
a:hover.donate {
color:#8cc63f !important;
}
a.launch {
display:inline-block;
width:118px;
height:22px;
line-height:22px;
background:url(../images/launch.gif) no-repeat;
text-indent:-9999px;
float:right;
margin:15px -75px 0 0;
}
a.play, a.download {
display:inline-block;
width:92px;
height:17px;
line-height:17px;
background:url(../images/play.gif) no-repeat;
text-indent:-9999px;
margin:0 0 0 10px;
}
a.download {
background:url(../images/download.gif) no-repeat;
margin:0 0 0 3px;
}
#main #column {
width:150px;
float:right;
margin:15px 15px 0 15px;
}
#main #column img {
display:block;
margin:0 0 15px;
}
#main #column img.bio-img {
margin:0 0 3px;
padding: 0px;
}
#main #column .bio-caption {
display: block;
margin: 0 0 10px 0;
font-size: 12px;
}
#main #column h3 {
margin: 0 0 0 0;
}
#main #column #nav_categories, #main #column #nav_archives {
margin: 0 0 10px 10px;
padding: 0;
}
#home {
width:775px;
height:359px;
overflow:hidden;
background:#bcc7dd;
}
#home img {
display:block;
padding:15px 0 0 18px;
}
#sidebar {
width:173px;
font-size:11px;
text-align:right;
text-transform:lowercase;
padding:1px 0 0;
float:left;
}
#sidebar ul {
margin:0 0 2px;
}
#sidebar li {
font-weight:bold;
margin:0 0 1px;
}
#sidebar li span {
text-transform:none;
}
#sidebar ul ul {
display:none;
}
#sidebar ul ul li {
font-weight:normal;
}
#main #map-canvas div.gmnoprint h3, #main #map-canvas div.gmnoprint p {
width: 200px;
margin-left: 0;
}
#main #map-canvas div.gmnoprint a {
font-size: 11px;
}
/* END CONTENT */
/* FOOTER */
#footer {
clear:both;
width:775px;
height:100px;
font-size:11px;
line-height:13px;
text-transform:lowercase;
color:#00467f;
padding:10px 0 0;
margin:0 0 0 189px;
}
#footer ul {
height:24px;
margin:0 0 8px;
}
#footer ul li {
display:inline;
float:left;
height:24px;
padding:0 45px 0 0;
}
#footer ul li.youth {
padding:0;
}
#footer ul li a {
display:block;
float:left;
}
#footer ul li.icon a {
width:24px;
height:24px;
text-indent:-9999px;
}
#footer ul li.itunes a {
background:url(../images/icon-itunes2.gif) no-repeat;
}
#footer ul li.facebook a {
background:url(../images/icon-facebook2.gif) no-repeat;
}
#footer ul li.twitter a {
background:url(../images/icon-twitter2.gif) no-repeat;
}
#footer ul li.unknown a {
background:url(../images/icon-icon2.gif) no-repeat;
}
#footer ul li.kids a {
width:33px;
background:url(../images/icon-kids2.gif) no-repeat;
}
#footer ul li.youth a {
width:33px;
background:url(../images/icon-youth2.gif) no-repeat;
}
#footer p {
clear:both;
line-height:18px;
}
#footer p em {
text-transform:none;
}
/* END FOOTER */
/* FORMS */
form {
border-bottom: 1px solid #00467F;
margin: 10px 30px 20px 30px;
padding: 0 0 20px 0;
}
.interior #main form h3 {
margin-left: 0px;
}
.interior #main form p {
margin-left: 0px;
}
form p label {
float: left;
display: inline;
width: 75px;
}
form input, form textarea {
border: 1px solid #00467F;
color: #00467F;
padding: 3px 5px;
}
form input {
width: 200px;
}
form textarea {
width: 350px;
}
form input.submit {
color: #fff;
background: #00467F;
width: 100px;
margin-left: 75px;
}
/*form {
border-bottom: 1px solid #00467F;
margin: 10px 30px 20px 30px;
padding: 0 0 20px 0;
}
.interior #main form h3 {
margin-left: 0px;
}
.interior #main form p {
margin-left: 0px;
}
form p label {
float: left;
display: inline;
width: 75px;
}
form input, form textarea {
border: 1px solid #00467F;
color: #00467F;
padding: 3px 5px;
}
form input {
width: 200px;
}
form textarea {
width: 350px;
}
form input.submit {
color: #fff;
background: #00467F;
width: 100px;
margin-left: 75px;
}
*/
/* END OF FORMS */