@charset "utf-8";
/* CSS Document */

html,body{ margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px; padding: 0px; background-color:#fcfcfc; }

a:link {
	color: #2b2929;
	text-decoration: underline;
}
a:visited {
	color: #2b2929;
	text-decoration: underline;
}
a:hover {
	color: #2b2929;
	text-decoration: none;	
}
a:active {
	color: #2b2929;
	text-decoration: none;		
}

#header_wrapper {
background-image:url(images/black-top.gif);
background-repeat:repeat-x;
height: 108px;
padding-top: 10px;
}

#footer_wrapper {
background-image:url(images/footer-repeat.gif);
background-repeat:repeat-x;
height: 137px;
padding-top: 15px;
clear:both;
}

#logo_header {
width: 864px;
text-align: left;
margin: 0px auto;
padding-bottom: 10px;
}

#navigation {
width: 864px;
text-align: center;
margin: 0px auto;
}

#bottom_line {
clear:both;
background-image:url(images/bottom-line.jpg);
background-repeat:repeat-x;
height:2px;
}

#gray_bar {
background-color: #5c5b5b;
height: 9px;
}

#thin_gray_bar {
background-color: #bdbdbd;
height: 1px;
}

#light_blue_repeat {
background-image:url(images/light-blue-background.gif);
background-repeat:repeat-x;
height: 335px;
}

#light_blue_repeat2 {
background-image:url(images/light-blue-background2.gif);
background-repeat:repeat-x;
background-color: #e1eae8;
min-height:335px;
}

/* IE fix */

* html #light_blue_repeat2 {
height: 335px;
}

#content_wrapper {
width: 789px;
margin: 0px auto;
}

#left_col {
float: left;
width: 373px;
padding-bottom: 20px;
}

#right_col {
float: right;
width: 416px;
}

#full_col {
width:789px;
}

#upcoming_events_spotlite {
margin: 0px auto;
width: 781px;
height: 92px; /* this will adjust the height of the current event div */
padding-left: 8px;
padding-top: 8px;
}

#upcoming_events_wrapper {
width: 250px;
}


#upcoming_event_t {
font-family:"Trebuchet MS", "Tw Cen MT", Verdana, Tahoma;
font-size: 16px;
color: #af0913;
font-weight: bold;
}

#event_pic {
height: 61px;
float:left;
}

#event_date {
float:left;
font-family:"Trebuchet MS", "Tw Cen MT", Verdana, Tahoma;
font-size: 12px;
color: #373839;
font-weight: bold;
width: 180px;
padding-top: 2px;
}

#event_text {
font-family:"Trebuchet MS", "Tw Cen MT", Verdana, Tahoma;
font-size: 12px;
}

.gray_vert_line {
background-image:url(images/gray-vertical-line.gif);
background-repeat: no-repeat;
padding-right: 25px;
}

#address {
font-family:"Trebuchet MS", "Tw Cen MT", Verdana, Tahoma;
margin: 0px auto;
text-align: center;
font-size: 10px;
color: #565656;
line-height: 20px;
}

p {
font-family:"Trebuchet MS", "Tw Cen MT", Verdana, Tahoma;
font-size: 12px;
color:#2b2929;
line-height: 20px;
padding-left: 13px;
}

h1 {
font-family:"Trebuchet MS", "Tw Cen MT", Verdana, Tahoma;
font-size: 16px;
font-weight:bold;
padding-left: 13px;
margin-bottom: -10px;
margin-top: 5px;
}

#box {
padding-right: 8px;
background-image:url(images/box-repeat.gif);
background-repeat:repeat-x;
background-color: #f3f1d8;
border: 1px solid #d4ceb6;
}

#white_box {
padding-right: 8px;
background-image:url(images/white-box-repeat.gif);
background-color: #f3f1d8;
height: 200px;
}

#form_wrapper {
font-family:"Trebuchet MS", "Tw Cen MT", Verdana, Tahoma;
font-size: 12px;
padding: 10px;
}

.form_text {
font-family:"Trebuchet MS", "Tw Cen MT", Verdana, Tahoma;
font-size: 11px;
}

#divider{
background-image:url(images/divider.gif);
background-repeat:repeat-x;
height: 9px;
}

#box_title_text {
font-family:"Trebuchet MS", "Tw Cen MT", Verdana, Tahoma;
font-weight:bold;
font-size: 13px;
padding-top: 10px;
padding-left: 22px;
margin-bottom: -15px;
}

li {
font-family:"Trebuchet MS", "Tw Cen MT", Verdana, Tahoma;
font-size: 12px;
list-style-image: url(images/bullet.gif);
}

/* navigation */
#home { cursor: pointer; height: 42px;  width: 51px; overflow: hidden; background: url(images/home.gif) no-repeat; display: block; float: left; }
#home:hover { background-position: bottom left; }
#home2 { height: 42px;  width: 51px; overflow: hidden; background: url(images/home.gif); background-repeat: no-repeat; background-position: bottom left; display: block; float: left; }

#why_sport_a_cause { cursor: pointer; height: 42px;  width: 105px; overflow: hidden; background: url(images/why-sport-a-cause.gif) no-repeat; display: block; float: left; }
#why_sport_a_cause:hover { background-position: bottom left; }
#why_sport_a_cause2 { height: 42px;  width: 105px; overflow: hidden; background: url(images/why-sport-a-cause.gif); background-repeat: no-repeat; background-position: bottom left; display: block; float: left; }

#why_were_different { cursor: pointer; height: 42px;  width: 86px; overflow: hidden; background: url(images/why-were-different.gif) no-repeat; display: block; float: left; }
#why_were_different:hover { background-position: bottom left; }
#why_were_different2 { height: 42px;  width: 86px; overflow: hidden; background: url(images/why-were-different.gif); background-repeat: no-repeat; background-position: bottom left; display: block; float: left; }

#what_we_do { cursor: pointer; height: 42px;  width: 97px; overflow: hidden; background: url(images/what-we-do.gif) no-repeat; display: block; float: left; }
#what_we_do:hover { background-position: bottom left; }
#what_we_do2 { height: 42px;  width: 97px; overflow: hidden; background: url(images/what-we-do.gif); background-repeat: no-repeat; background-position: bottom left; display: block; float: left; }

#why_we_do_it { cursor: pointer; height: 42px;  width: 105px; overflow: hidden; background: url(images/why-we-do-it.gif) no-repeat; display: block; float: left; }
#why_we_do_it:hover { background-position: bottom left; }
#why_we_do_it2 { height: 42px;  width: 105px; overflow: hidden; background: url(images/why-we-do-it.gif); background-repeat: no-repeat; background-position: bottom left; display: block; float: left; }

#contact_us { cursor: pointer; height: 42px;  width: 85px; overflow: hidden; background: url(images/contact-us.gif) no-repeat; display: block; float: left; }
#contact_us:hover { background-position: bottom left; }
#contact_us2 { height: 42px;  width: 85px; overflow: hidden; background: url(images/contact-us.gif); background-repeat: no-repeat; background-position: bottom left; display: block; float: left; }

#tools { cursor: pointer; height: 42px;  width: 51px; overflow: hidden; background: url(images/tools.gif) no-repeat; display: block; float: left; }
#tools:hover { background-position: bottom left; }
#tools2 { height: 42px;  width: 51px; overflow: hidden; background: url(images/tools.gif); background-repeat: no-repeat; background-position: bottom left; display: block; float: left; }

#featured_organizations { cursor: pointer; height: 42px;  width: 119px; overflow: hidden; background: url(images/featured-organization.gif) no-repeat; display: block; float: left; }
#featured_organizations:hover { background-position: bottom left; }
#featured_organizations2 { height: 42px;  width: 119px; overflow: hidden; background: url(images/featured-organization.gif); background-repeat: no-repeat; background-position: bottom left; display: block; float: left; }

#special_projects { cursor: pointer; height: 42px;  width: 114px; overflow: hidden; background: url(images/special-projects.gif) no-repeat; display: block; float: left; }
#special_projects:hover { background-position: bottom left; }
#special_projects2 { height: 42px;  width: 114px; overflow: hidden; background: url(images/special-projects.gif); background-repeat: no-repeat; background-position: bottom left; display: block; float: left; }

#faq { cursor: pointer; height: 42px;  width: 51px; overflow: hidden; background: url(images/faq.gif) no-repeat; display: block; float: left; }
#faq:hover { background-position: bottom left; }
#faq2 { height: 42px;  width: 51px; overflow: hidden; background: url(images/faq.gif); background-repeat: no-repeat; background-position: bottom left; display: block; float: left; }



/* end navigation */

/* sofla sig */

#soflatext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
}

a.vl:link {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

a.vl:visited {
	color: #000;
	text-decoration: none;	
	font-weight: normal;
}

a.vl:hover {
	color: #000;
	text-decoration: underline;	
	font-weight: normal;
}

a.vl:active {
	color: #000;
	text-decoration: underline;	
	font-weight: normal;
}

#logo_padding {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	padding-top: 6px;
    margin: 0px auto;
	clear:left;
	width: 791px;
	text-align: center;
}


/* end sig */