/* CSS Document */
@charset "utf-8";
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; border: medium;}
caption, th {text-align: center; font-weight: bold; padding: 5px 10px; border: thin solid #000000;}
td {text-align: left; font-weight: normal; border: thin solid #000000; padding: 5px 10px;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/*END CSS RESET */
body {position: relative; color: #000; background-color: #ffffff; font-family: Verdana, Geneva, sans-serif; font-weight:bold; font-size: 12px;}
h1 {font-size: 32px; font-weight: normal; color: #FFFFFF; margin-bottom: 12px; font-family: Verdana, Geneva, sans-serif;}
h2 {font-size: 25px; font-weight: normal; color: #FFFFFF; margin-bottom: 12px; font-family: Verdana, Geneva, sans-serif;}
h3 {font-size: 22px; font-weight: normal; color: #131b66; margin-bottom: 8px; font-family: Verdana, Geneva, sans-serif;}
h4 {font-size: 16px; font-weight: normal; color: #131b66; margin-bottom: 8px; font-family: Verdana, Geneva, sans-serif;}
h5 {font-size: 14px; font-weight: bold; color: #131b66; margin-bottom: 8px; font-family: Verdana, Geneva, sans-serif;}
h6 {font-size: 12px; font-weight: bold; color: #131b66; margin-bottom: 8px; font-family: Verdana, Geneva, sans-serif;}
.bold_text {font-weight: bold;}
.bold_text_disclaimer {font-weight: bold; font-size:16px;}
.normal_text {font-weight: bold;}
.underline {text-decoration:underline;}
P {font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; color: #000000; margin-bottom: 12px;}
.red {color: red;}
.italic {font-style: italic;}
.textmiddle {vertical-align:middle;}
.textbottom {vertical-align:bottom;}
a:link {color: #131b66; text-decoration: none;}
a:visited {color: #131b66; text-decoration: none;}
a:hover {color: #007351; text-decoration: none;}
a:active {color: #131b66;}
a.here {color: #007351; text-decoration: none;}
/*############################# CONSTANTS ########################################*/
#container {position: relative; margin: 0 auto; width: 783px;}
/*############################# Header ########################################*/
#header {position: relative; top: 0px; left: 0px; width: 783px; height: 140px;}
#logo {position: absolute; top: 0px; left: -15px; width: 366px; height: 106px;}
#safe_sports_image_email {position: absolute; top: 50px; right: 10px; width: 289px; height: 100px;}
#advancing_image {position: absolute; top: 50px; left: 426px; width: 359px; height: 13px;}
#join_now {position: absolute; top: 11px; left: 620px; width: 359px; height: 13px;}
#main_nav {position: absolute; top: 115px; left: 0px; text-align: center; width: 783px;}
#main_nav ul li {list-style-type: none; display: inline;}
#main_nav li {color:#131b66; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; padding-right: 10px; padding-left: 10px}
#main_nav a:link {color: #131b66; text-decoration: none;}
#main_nav a:visited {color: #131b66; text-decoration: none;}
#main_nav a:hover {color: #007351; text-decoration: none;}
#main_nav a:active {color: #131b66;}
#main_nav a.here {color: #007351; text-decoration: none;}
.clr{ clear:both;
}
/*############################# wrapper ########################################*/
#wrapper {position: relative; top: 0px; left: 0px; width: 783px; padding-bottom: 30px;}
#main_image {position: relative; top: 0px; left: 0px; width: 783px; height: 122px;}
#vertical_bar_home {position: absolute; top: 25px; left: 505px; width: 2px; height: 308px;}
#vertical_bar_main {position: absolute; top: 35px; left: 215px; width: 2px; height: 308px;}
#right_image {padding: 0 0 15px 15px; float: right;}
#right_image_sm {padding: 0 0 15px 15px; float: right;}
#left_image {padding: 0 15px 15px 0; float: left;}
#left_image_sm {padding: 0 15px 5px 0; float: left;}
#center_image {padding: 0 40px;}
#center_image1 {padding: 0 40px;}
#right_image_home {position: absolute; top: 20px; left: 520px; width: 251px;}
#right_side_text {position: absolute; top: 55px; left: 520px; width: 251px;}
#right_side_text ul {display: block; list-style-position: outside; margin-bottom: 10px;}
#right_side_text li {color: #000000; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; padding-bottom: 10px; text-decoration: none;}
#right_side_text a:link {color: #007351; text-decoration: none;}
#right_side_text a:visited {color: #007351; text-decoration: none;}
#right_side_text a:hover {color: #131b66; text-decoration: none;}
#right_side_text a:active {color: #007351;}
#left_nav {position: absolute; top: 40px; left: 5px; width: 180px;}
#left_nav ul {display: block; list-style-position: outside;}
#left_nav li {color:#000000; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; list-style-type: none; padding-bottom: 8px;}
#left_nav_donate {position: absolute; top: 8px; left: 5px; width: 180px;}
#left_nav_donate ul {display: block; list-style-position: outside;}
#left_nav_donate li {color:#000000; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; list-style-type: none; padding-bottom: 8px;}
#slider {position: relative; top: 30px; left: 10px; width: 763px; height: 456px;}
#slider h3 {font-size: 18px; font-weight: normal; color: #000000; margin-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#content_research {position: relative; top: 20px; left: 40px; width: 700px; padding-bottom: 10px;}
#content_sponsor {position: relative; top: 30px; left: 240px; width: 500px; height: 640px; padding-bottom: 10px;}
#content_sponsor_winter {position: relative; top: 30px; left: 240px; width: 500px; height: 1040px; padding-bottom: 10px;}
#content {position: relative; top: 30px; left: 240px; width: 500px; min-height: 350px; padding-bottom: 10px;}
#content ul {display: block; list-style-position: outside; padding-left: 20px; margin-bottom: 10px;}
#content ul li {color:#000000; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; list-style-type: disc; padding-bottom: 3px;}
#content ol {display: block; list-style-position: outside; padding-left: 40px; margin-bottom: 10px;}
#content ol li {color:#000000; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; list-style-type: decimal; padding-bottom: 3px;}
#content a:link {color: #007351; text-decoration: none;}
#content a:visited {color: #007351; text-decoration: none;}
#content a:hover {color: #131b66; text-decoration: none;}
#content a:active {color: #007351;}
#content_home {position: relative; top: 20px; left: 10px; width: 475px; padding-bottom: 20px;}
#content_home_text {position: relative; top: 0px; left: 0px; width: 475px; padding-bottom: 10px;}
#content_home_text ul {display: block; list-style-position: outside; padding-left: 20px; margin-bottom: 10px;}
#content_home_text li {color:#000000; font-family: Verdana, Geneva, sans-serif: 12px; font-weight: normal; line-height: 16px; list-style-type: disc; padding-bottom: 3px;}
#content_home_text a:link {color: #007351; text-decoration: none;}
#content_home_text a:visited {color: #007351; text-decoration: none;}
#content_home_text a:hover {color: #131b66; text-decoration: none;}
#content_home_text a:active {color: #007351;}
#nav_content_home {position: relative; top: 0px; left: 0px; width: 475px;}
#education_home {position: relative; top: 0px; left: 0px; width: 84px; height: 85px;}
#safe_sports_home {position: absolute; top: 0px; left: 130px; width: 84px; height: 85px;}
#research_home {position: absolute; top: 0px; left: 260px; width: 84px; height: 85px;}
#news_home {position: absolute; top: 0px; left: 390px; width: 84px; height: 85px;}
#nav_circles {position: relative; top: 0px; left: 0px; width: 783px; margin-bottom: 20px;}
#education {position: relative; top: 0px; left: 60px; width: 84px; height: 85px;}
#safe_sports {position: absolute; top: 0px; left: 204px; width: 84px; height: 85px;}
#research {position: absolute; top: 0px; left: 348px; width: 84px; height: 85px;}
#news {position: absolute; top: 0px; left: 492px; width: 84px; height: 85px;}
#calendar {position: absolute; top: 0px; left: 636px; width: 84px; height: 85px;}
/*############################# Footer ########################################*/
#footer {position: relative; top: 0px; left: 0px; width: 783px; height: 60px;}
#bottom_nav {position: absolute; top: 0px; left: 0px; width: 783px;}
#bottom_nav P {font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; color: #131b66; margin-bottom: 2px;}
#bottom_nav ul li {list-style-type: none; display: inline;}
#bottom_nav li {color:#131b66; font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px;}
#copyright {position: absolute; top: 40px; left: 0px; width: 350px;}
#copyright P {font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-weight: normal; line-height: 14px; color: #484848; margin-bottom: 6px;}
#facebook {position: absolute; top: 15px; right: 36px; width: 23px; height: 22px;}
#twitter {position: absolute; top: 15px; right: 10px; width: 23px; height: 22px;}
/* ################ styles for forms ############ */
fieldset {font: bold 11px Verdana, Geneva, sans-serif;}
label {
float:left; clear: both; display: block;
width:240px;
margin-right:0.5em;
margin-bottom: 10px;
padding: 0;
text-align:right;
font-weight:normal;
font: 12px Verdana, Geneva, sans-serif;
}
input { font: 12px Verdana, Geneva, sans-serif;}
legend {font: bold 11px Verdana, Geneva, sans-serif; color: #008061; margin-bottom: 15px;}
input:focus, textarea:focus, option:focus {background-color: #ccc;}
option {font: 11px Verdana, Geneva, sans-serif; line-height: 16px;}
.form_style {font: 11px Verdana, Geneva, sans-serif; line-height: 16px;}
.form_style_bold {font: 11px Verdana, Geneva, sans-serif; font-weight: bold; line-height: 16px;}
.form_line {margin: 0 0 5px 0; clear: both; padding: 0;}
.errorFieldDemo2 {background-color: #ffffcc; color: #990000;}
#rsvErrors {
display: none;
background-color: #ffffcc;
color: #FF0000;
border: 1px solid red;
padding: 8px;
}
#rsvErrors1 {
display: none;
background-color: #ffffcc;
color: #FF0000;
border: 1px solid red;
padding: 8px;
}
/* ################ end styles for forms ############ */
/* ################################################### Ajax pages ########################################## */
#ajax_content {position: relative; top: 0px; left: 0px; width: 600px; border: medium solid #131b66; padding: 10px 15px;}
#ajax_content ul {list-style-position: outside; padding-left: 20px;}
#ajax_content li {color:#000000; margin-bottom: 5px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; list-style-type: disc;}
/*********Style 2014************/
.main-wrapper { float:left; width:100%;}
.banner-wrapper{width:100%; float:left; position:relative; top:0; left:0; height:auto; overflow:hidden;}
.banner-wrapper div.rotator img{ width:100%;}
.banner-content{width:783px; margin:0 auto; position:relative; top:0; left:0; z-index:999; overflow:hidden; height:auot; padding:100px 0;}
.banner-inner{width:100%; float:left;}
.banner-image-left{width:180px; float:left; }
/*.banner-image-left img, .banner-image-btm img{width:100%;}*/
.banner-image-btm{width:180px; float:left; padding-top:15px;}
.content-wrapper{width:100%; float:left; padding:20px 0px; }
.inner-width{width:783px; margin:0 auto; }
.content-wrapper h1{ color:#131b66; font-weight:normal; font-size:28px; text-align:center; font-family: 'Roboto Condensed', sans-serif; background:url(../design2014/title-bg.png) center center no-repeat; margin:20px 0px;}
.content-wrapper h1 span{background:#fff; padding:0px 10px;}
.boxwrapper{width:220px; float:left; padding-right:60px; text-align:center;}
.box-last{padding:0;}
.boxwrapper h2{ font-size:18px; font-family: 'Roboto Condensed', sans-serif; padding:10px 0px; margin:0;}
.boxwrapper a:hover{ color:#131b66; text-decoration:underline;}
.boxwrapper img{width:100%;}
.boxwrapper img{-webkit-box-shadow: 0px 1px 5px 2px rgba(107,104,107,1);
-moz-box-shadow: 0px 1px 5px 2px rgba(107,104,107,1);
box-shadow: 0px 1px 5px 2px rgba(107,104,107,1);}
.content-btm-wrapper{padding:0; text-align:center;}
.content-btm-wrapper h2{ font-size:28px; font-family: 'Roboto Condensed', sans-serif; padding:10px 0px; margin:0; color:#008862;}
.btm-width{background:url(../design2014/title-bg.png) center bottom no-repeat; padding-bottom:20px; }
.featured{width:264px; margin:0 auto; margin-top:50px;}
.featured a{display:block;}
.featured img{ margin-right:20px;}
.content-wrapper-color{background:url(../design2014/title-bg.png) center bottom no-repeat;}
div.static-banner {position:relative; top: 0px; left: 0px; width:100%;}
/* rotator css */
div.static-banner ul li {position:absolute; list-style: none; top: 0px; left: 0px; width:100%;}
.banner-wrapper div.static-banner img{ width:100%;}
.footer-right{width:500px; float:right; margin-top:20px; font-weight:normal; font-size:12px;}
.footer-right img{float:left; margin-right:20px;}
.featured-new-wrapper{float:left; margin-top:37px;}
.featured-new-wrapper img{margin-bottom:-25px;}
.content-wrapper-new{background:url(../design2014/title-bg.png) center bottom no-repeat; padding-bottom:20px;}
#main_nav ul li.here a{color: #007351; text-decoration: none;}
@media only screen and (max-width:1024px) {
.banner-image-left, .banner-image-btm{width:150px;}
.banner-image-left img, .banner-image-btm img{width:100%;}
}