/*------------------------------------------------------------------ 
# Orange: #f99d1c
# Navy: #003466
# Blue: #035ba6
# Cyan: #05b8e8
# Red: #941409 
# Tan: #f9f1e6 
# */  
* {margin: 0; padding: 0;}
body {
	text-align: center;
	color: #000;
	font-family: georgia, serif;
	font-size: 12px;
	padding: 0;
	background: #fff url("../images/bg.gif") repeat-y center;min-width: 100px;
}
#body-wrap {background: transparent url("../images/bg-orange.jpg") no-repeat bottom center;min-width: 100px;}

input, select, textarea {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
a:link, a:visited {color: #035ba6; font-weight: bold;text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
img {display: block; border: 0;}

p, h1, h2, h3, h4, h5, h6, ul, form, fieldset {margin: 0 0 .6em;line-height: 1.3em;}
h1 {font-size: 27px;}
h2 {font-size: 28px; font-weight: normal;color: #941409;margin: 0 0 5px;line-height: 1.1em;}
h2 a:link, h2 a:visited {color: #941409; font-weight: normal;}
h2 a:hover {color: #000; text-decoration: none;}
h3 {font-size: 18px;}
h3 a:link, h3 a:visited {font-weight: normal;}
h3 a:hover {color: #000; text-decoration: none;}
h4, h5, h6 {font-size: 14px;}
li {margin: 0 0 0 3em; padding: 0 0 0 .5em; }
a.pdf {background: transparent url("../images/pdf.gif") no-repeat; padding: 0 0 1px 20px;}
object {margin-bottom: 10px;display: block;}

.red {color: #941409;}
.white {color: #fff;}
.caps {text-transform: uppercase;}
.disclaimer {font-size: .9em;}
.nowrap {white-space: nowrap;}
.san-serif {font-family: Arial, Helvetica, sans-serif;}

#header {position: relative;top: 0; left: 0;margin: 0;text-align: left;background: transparent url("../images/header-bg.png") repeat-x top center; width: 100%;min-width: 1000px;height: 225px;overflow: hidden;}
#headerVid {position: relative;top: 0; left: 0;margin: 0;text-align: left;background: #013567 url("../images/extreme-video_bg.jpg") no-repeat top center; width: 100%;min-width: 1000px;height: 190px;overflow: hidden;}
#header h1 {position: absolute;top: 0; left: 0;background: transparent url("../images/extreme-bg.jpg") no-repeat center;width: 100%; height: 206px;font-size: 0;line-height: 0;color: #f99d1c;}
#header-links {position: relative; width: 960px; margin: 0 auto;}
#header img.logo {position: absolute;}
#header img.phh {top: 20px; left: 15px;}
#header img.nw {top: 40px; left: 135px;}
ul#nav {position: absolute; height: 40px; background: transparent url("../images/nav-bg.png") repeat-x;overflow: hidden; top: 150px; left: -20px;}
ul#nav li {list-style-type: none;padding: 0; margin: 0;float: left; height: 40px; margin-right: 20px;}
ul#nav li a:link, #header ul#nav li a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; text-transform: uppercase;padding: 0 10px; line-height: 40px;height: 40px;display: block;}
ul#nav li a:hover {text-decoration: none;background: transparent url("../images/nav-over-bg.png") repeat-x;}
ul#nav li.here {background: transparent url("../images/nav-current-bg.png") repeat-x;}
ul#nav li.here a:hover {text-decoration: none;background: none;}

#middle, #footer {position: relative;width: 960px;margin: 0 auto;text-align: left;}
#middle {overflow: hidden; padding: 0;margin: 0 auto 20px;}
#main {float: left;width: 600px;padding: 10px 10px 10px 20px;}
#main img.pic {}
#main img.lg {border: 10px solid #ddd; display: block;margin: 10px 0;}
#main img.sm-left {width: 300px; border: 10px solid #ddd; float: left; margin: 0 20px 10px 0;}
#main img.sm-right {width: 300px; border: 10px solid #ddd; float: right; margin: 0 0 10px 20px;}

#main div.features {background: transparent url("../images/features-bg.gif") repeat-y; overflow: hidden;}
#main div.feature {padding: 10px 10px 10px 15px;background: #f9f1e6; width: 255px; float: left;}
#main div.left {float: left; border-right: 15px solid #003466;}
#main div.right {float: right;border-right: 15px solid #941409;}

#main .findout {clear: both;overflow: hidden;}
#main .findout a {width: 293px; height: 73px; display: block; margin: 10px 0 0;font-size: 0;line-height: 0; border: 1px solid #ddd;color: #ddd;}
#main .findout a.nw {background: transparent url("../images/find-out-nationwide-lg.jpg") no-repeat center;float: left;}
#main .findout a.phh {background: transparent url("../images/find-out-palm-harbor-lg.jpg") no-repeat center;float: right;}
#main ul.sponsors {display: block; margin: 0 0 20px 20px; overflow: hidden;}
#main ul.sponsors li {list-style-type: none;padding: 5px 0 0 15px; margin: 5px 5px 0 5px;width: 265px; float: left;background: transparent url("../images/nav-current-bg.png") no-repeat -5px -35px;border-top: 1px solid #ddd;overflow:hidden; font-weight: bold;}
#main form {font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 50px;}
#main form span.required {color: #941409;font-weight: bold;font-size: 1.3em;font-family: georgia, serif;}
#main form input {margin: 0 10px;padding: 0;vertical-align: middle;}
input.button, #main form input.button {background: #f99d1c; font-weight: bold; font-size: 1.5em; margin: 0;padding: 0 1em;text-transform: uppercase;}
#main form td {margin: 0;padding: 1px 0 0;}

#side-parent {float: right;width: 300px;padding: 10px 0px;background: #ffffff;margin: 0;}
#side {float: right;width: 260px;padding: 10px 20px;background: #f9f1e6;margin: 0;}

#side h2 {color: #000; clear: both;font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase;}

#side ul.follow {overflow: hidden;padding: 0; margin: 0;}
#side ul.follow li {list-style-type: none;padding: 0; margin: 0;float: left;width: 53px;height: 53px;  margin-right: 5px;display: block;font-size: 0;line-height: 0;}
#side ul.follow li a {width: 53px;height: 53px;display: block;color: #fff;}
#side ul.follow li.facebook {background: transparent url("../images/facebook.png") no-repeat;}
#side ul.follow li.twitter {background: transparent url("../images/twitter.png") no-repeat;}
#side ul.follow li.youtube {background: transparent url("../images/youtube.png") no-repeat;}
#side ul.follow li.flickr {background: transparent url("../images/flickr.png") no-repeat;}
#side ul.follow li.rss {background: transparent url("../images/rss.png") no-repeat;}
#side h2.donate {display: none;}
#side a.donate img, #side input.donate {float: left; margin: 0 10px 10px 0;}
#side p.donate {font-family: Arial, Helvetica, sans-serif;font-size: 11px;margin: 10px 0 15px 0;}
#side ul.schedule {background: #fff; overflow: hidden;margin: 0 0 10px;padding: 0;}
#side ul.schedule li {list-style-type: none; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 6px 10px 6px 20px; border-top: 1px solid #f9f1e6;}
#side ul.schedule li span.date {color: #941409; font-size: 14px; font-weight: bold;display: block;margin: 0 0 5px;}
#side p.volunteer strong {color: #941409; font-size: 20px; font-weight: normal;}
#side .findout {background: #fff; margin: 10px -20px -10px;padding: 10px 0 0;}
#side .findout a {width: 298px; height: 73px; display: block; margin: 10px 0 0;font-size: 0;line-height: 0;border: 1px solid #ddd;color: #ddd;}
#side .findout a.nw {background: #fff url("../images/find-out-nationwide-lg.jpg") no-repeat center; margin: 0;}
#side .findout a.phh {background: #fff url("../images/find-out-palm-harbor-lg.jpg") no-repeat center;}

div.needs {background: transparent url("../images/attention.png") no-repeat top right;}
div.needs h3 {color: #941409; font-size: 20px; font-weight: normal; padding-right: 60px;}
div.needs li {margin: 0 0 0 25px; padding: 0 ;}

#side div.needs {background-color: #fff;padding: 5px 10px; margin: 0 0 15px;clear: both;}
#side div.needs a.moreneeds {text-align: right;display: block;}
#main div.needs {width: 200px; float: right; margin: 0 0 5px 10px;padding: 5px 5px 5px 10px; border-left: 10px solid #941409;background-color: #f6f6f6;}


#footer {border-left: 40px solid #003466;;border-top: 1px solid #003466; padding: 10px 0 0 20px;font-family: Arial, Helvetica, sans-serif;width: 900px;}
#footer div.list {float: left; margin: 0 20px 10px 20px;}
#footer div.list h3 {font-size: 12px; text-transform: uppercase; margin: 0;}
#footer div.list ul {}
#footer div.list ul li{list-style-type: none;padding: 0; margin: 0; line-height: 1.5em;}
#footer div.list a:link, #footer div.list a:visited {font-weight: normal;}
#footer-main {}
#footer div#footer-main.list {margin: 0 0 10px;padding: 0 60px 0 0;border-right:1px solid #003466;}
#footer div#footer-follow.list {width: 108px;}
#footer-main h3 {display: none;}
#footer-phh {}
#footer-nw {}
#footer-extreme {}
#footer #footer-extreme img.extreme {margin-left: -7px;}
#footer #footer-extreme p.extreme {font-size: 11px;}
#footer p.copyright {font-size: 11px;clear: both; margin: 0;padding-bottom: 10px;position: relative;padding-right: 160px;}

#footer ul.follow {overflow: hidden;padding: 0; margin: 0;}
#footer ul.follow li {list-style-type: none;padding: 0; margin: 0;float: left;width: 36px;height: 36px;  margin-right: 5px;display: block;font-size: 0;line-height: 0;}
#footer ul.follow li a {width: 36px;height: 36px;display: block;color: #fff;}
#footer ul.follow li.facebook {background: transparent url("../images/facebook-sm.png") no-repeat;}
#footer ul.follow li.twitter {background: transparent url("../images/twitter-sm.png") no-repeat;}
#footer ul.follow li.youtube {background: transparent url("../images/youtube-sm.png") no-repeat;}
#footer ul.follow li.flickr {background: transparent url("../images/flickr-sm.png") no-repeat;}
#footer ul.follow li.rss {background: transparent url("../images/rss-sm.png") no-repeat;}

/*---------------------------- blog --------------------------*/
ul#nav li.blog {background: transparent url("../images/nav-current-bg.png") repeat-x;}
ul#nav li.blog a:hover {text-decoration: none;background: none;}
body.page-id-2 ul#nav li.blog {background: none;}
body.page-id-2 ul#nav li.guestbook {background: transparent url("../images/nav-current-bg.png") repeat-x;}
body.page-id-2 ul#nav li.guestbook a:hover {text-decoration: none;background: none;}
body.page-id-2 ul#nav li.blog a:hover {background: transparent url("../images/nav-over-bg.png") repeat-x;}

#content div.navigation {margin: 0 0 10px;overflow: hidden; font-family: Arial, Helvetica, sans-serif;}
#content div.navigation span.arrow {font-size: 16px;font-family: georgia, serif;font-weight: bold;}
#content div.navigation .alignleft {width: 45%; float: left;}
#content div.navigation .alignright {width: 45%; float: right;text-align: right;}
div.post {margin: 0 0 30px;}
div.post p.post-date {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; text-transform: uppercase; letter-spacing: 1px;}
div.post p.postmetadata {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; }
ol.commentlist {margin: 0 0 10px; padding: 0;border-bottom: 1px solid #ddd;}
ol.commentlist li {margin: 0px; padding: 5px 0 5px 50px; list-style-type: none;background: transparent url("../images/nav-current-bg.png") no-repeat 0 -30px;border-top: 1px solid #ddd;}
div.comment-body div.commentmetadata {font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 11px; margin: 5px 0;}
div.comment-body cite.fn {font-size: 14px; }

body.page-id-2 h3#comments {display: none;}

#main #respond form input {margin: 0;padding: 0;}
input.button, #main form input.button {background: #f99d1c; font-weight: bold; font-size: 1.5em; margin: 0;padding: 0 1em;text-transform: uppercase;}
#main #respond {margin: 15px 0; clear: both;}
#main #respond form#commentform textarea {height: 80px;width: 550px;}
body.page-id-2 div.post {margin: 0;}
body.page-id-2 #main #respond h3 {display: none;}
body.page-id-2 #main #respond form#commentform textarea {height: 40px;}
body.page-id-2 #main #respond form#commentform p {margin: 2px 0 0; padding: 0;}

#side ul.side-blog-nav {margin: 20px 0 0; padding: 15px 0 5px;border-top: 1px dotted #666;}
#side ul.side-blog-nav h2 {}
#side ul.side-blog-nav li {list-style-type: none;margin: 0; padding: 0;}
#side ul.side-blog-nav li ul li {margin: 0 0 0 3em; padding: 0 0 0 .5em;list-style-type:disc;}
#footer p.copyright span.loginout {position: absolute; top: 0; right: 0;max-width: 150px;}


@media print {
body, #body-wrap, a.pdf, #header, #header h1, ul#nav, ul#nav li a:hover, ul#nav li.here, #main div.features {background: none;}
body {font-size: 14px;}
ul#nav, #footer div.list, .follow, .findout, #side a.donate img, #side h2.videos, #side object, #side ul.side-blog-nav, #footer p.copyright span.loginout, #respond { display: none; }
#header {width: auto;min-width: auto;height: auto;overflow: visible;}
#header h1 {position: relative;top: 0; left: 0;width: auto; height: auto;font-size: 20px;line-height: 1.3em;color: #000;}
#header-links {position: relative; width: auto;margin: 0 auto 20px;padding-bottom: 20px;border-bottom: 1px solid #003466;}
#header img.logo {position: relative; display: inline;}
#header img.phh {top: 0; left: 0;}
#header img.nw {top: 0; left: 30px;}
#middle, #footer {width: auto;margin: 0 auto;text-align: left;overflow: visible;}
#main {float: none;width: auto;padding: 10px;overflow: visible;}
#side {float: none;width: auto;padding: 10px;background: none;}
#main div.feature {padding: 0;background: none; width: auto; float: none;}
#main div.left {float: none; border-right: none;}
#main div.right {float: none;border-right: none;}
#main ul.sponsors {margin-left: 20px;}
#main ul.sponsors li {list-style-type: disc;padding: 0 0 0 5px; margin: 0;width: auto; float: none;background: none;border-top: none;overflow:visible; font-weight: bold;}
#main ul.sponsors li a:link, #main ul.sponsors li a:visited {color: #000;}
#main ul.sponsors li a:link:after, #main ul.sponsors li a:visited:after {
   content: " (" attr(href) ") ";
   color: #035ba6; font-weight: normal;
   }
#side h2 {color: #941409; }
#side h2.donate {display: block;}
#side input.donate {display: none;}
#side p.donate {font-family: georgia, serif;font-size: 12px;margin: 0 0 .6em;}
#side ul.schedule li {list-style-type: none; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 6px 10px 6px 20px; border-top: none;}
div.needs {background: none;}
div.needs h3 {padding-right: 0;}
#side div.needs {background-color: none;padding: 0;}
#side div.needs a.moreneeds {text-align: right;display: block;}
#footer {border-left: none;padding: 10px 0 0 0;width: auto;}
#footer p.copyright {padding-right: 0;}
}