/* 
Project Stylesheet
Author: Nick Francis
Questions/Comments: nick@project83.com
*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#6b7e88 url(../images/bg.jpg) repeat-x top left;
}

#wrap {
	margin:0 auto;
	width:960px;
}

/*Common*/

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a:visited{
color:#150e46;
}


#content-main ul{
list-style:none;
margin:0 0 1.5em 3em; 
}

#content-main li{
background:url(../images/bullet.gif) left 5px no-repeat;
padding-left:15px;
line-height:1.5em;
margin:2em 0;
}

a.more-btn{
padding:.3em .5em;
background:#005f35;
font-size:1em;
color:#fff;
font-weight:bold;
border:#04351f 1px solid;
}

a:hover.more-btn{
text-decoration:none;

}

#content-main img{
border:#e8e4d6 5px solid;
}

#content-main img.no-border{
border:none;
}

p.first{
margin-top:30px;
}


/*BRANDING*/
#branding{
position:relative;
margin:0 auto;
padding:0;
width:960px;
height:227px;
background:url(../images/logo-bottom.gif) left bottom no-repeat;
}

#branding h1{
text-indent:-9999px;
width:auto;
height:164px;
background:url(../images/header.jpg) top left no-repeat;
padding:0;
margin:0;
}

#branding h1 a{
display:block;
width:165px;
height:164px;
}

/*NAV*/

#nav{
padding:0;
margin:0;
width:auto;
height:43px;
}

ul#nav li {
padding:0;
margin:0;
list-style-type:none;
float:left;
text-indent:-9999px;
}

ul#nav li a {
border:0;
text-decoration:none;
display:block;
}

ul#nav li a:hover {
text-decoration:underline;
}

/*home-nav*/

li#home-nav a#home-link  {
width:247px;
height:43px;
background:transparent url(../images/nav.gif) 0 0;
}

li#home-nav a:hover#home-link  {
background-position:0 -43px;
}

body#home ul#nav li#home-nav a#home-link  {
background-position:0 -86px;
}

/*about-nav*/

li#about-nav a#about-link {
width:104px;
height:43px;
background:transparent url(../images/nav.gif) 713px 0;
}

li#about-nav a:hover, .home-active {
background-position:713px -43px;
}

body#about ul#nav li#about-nav a {
background-position:713px -86px;
}

/*local-search-nav*/

li#search-nav a#search-link  {
width:137px;
height:43px;
background:transparent url(../images/nav.gif) 609px 0;
}

li#search-nav a:hover#search-link {
background-position:609px -43px;
}

body#search ul#nav li#search-nav a#search-link {
background-position:609px -86px;
}

/*news-nav*/

li#news-nav a#news-link  {
width:77px;
height:43px;
background:transparent url(../images/nav.gif) 472px 0;
}

li#news-nav a:hover#news-link  {
background-position:472px -43px;
}

body#news ul#nav li#news-nav a#news-link, body#listings ul#nav li#news-nav a#news-link  {
background-position:472px -86px;
}

/*programs-nav*/

li#programs-nav a#programs-link  {
width:114px;
height:43px;
background:transparent url(../images/nav.gif) 395px 0;
}

li#programs-nav a:hover {
background-position:395px -43px;
}

body#programs ul#nav li#programs-nav a, body#health-education ul#nav li#programs-nav a, body#sports-awards ul#nav li#programs-nav a{
background-position:395px -86px;
}

/*events-nav*/

li#events-nav a#event-link  {
width:93px;
height:43px;
background:transparent url(../images/nav.gif) 281px 0;
}

li#events-nav a:hover {
background-position:281px -43px;
}

body#events ul#nav li#events-nav a {
background-position:281px -86px;
}

/*media-nav*/

li#media-nav a#media-link  {
width:86px;
height:43px;
background:transparent url(../images/nav.gif) 188px 0;
}

li#media-nav a:hover#media-link  {
background-position:188px -43px;
}

body#media ul#nav li#media-nav a#media-link  {
background-position:188px -86px;
}


/*support-nav*/

li#support-nav a#support-link  {
width:102px;
height:43px;
background:transparent url(../images/nav.gif) 102px 0;
}

li#support-nav a:hover#support-link {
background-position:102px -43px;
}

body#support ul#nav li#support-nav a#support-link {
background-position:102px -86px;
}

/*submenu dropdowns*/

/*these are the hover states to remain on*/
ul#nav li.sfHover a#search-link{
background-position:609px -43px;
}


ul#nav li.sfHover a#about-link{
background-position: 713px -43px;
}

ul#nav li.sfHover a#event-link{
background-position:281px -43px;
}

ul#nav li.sfHover a#programs-link{
background-position:395px -43px;
}

ul.sf-menu li li.sfHover ul.option2 {
	top:-34px;	
}

ul#nav li ul{
padding:0 12px;
margin:0;
border:#9e9669 3px solid;
border-top:none;
width:150px;
background:#fff5de;

}

.sf-menu a{
color:#2b2203;
text-decoration:none;
}

ul#nav li ul li{
text-indent:0;
border-bottom:#9e9669 1px solid;
padding:8px 0;

}

ul#nav li ul li.last{
text-indent:0;
border:none;
}

ul#nav li ul li a{
background-image:none;
width:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
text-decoration:none;

padding-right:20px;
line-height:1.3em;
}

ul#nav li ul li a:hover{
text-decoration:none;
}

.sf-menu li.sfHover > a{
color:#576c78;
}

.sf-menu li.sfHover{
background:url(../images/arrow.gif) 140px 14px no-repeat;
}

.sf-menu li.sfHover a:hover{
color:#576c78;
}

/*SUBNAV*/

#subnav{
list-style:none;
position:absolute;
top:5px;
right:0px;
margin:0;

}

#subnav li{
float:left;
margin:5px 0 0 0;
padding:0;
}

#subnav li a{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:.975em;
float:left;
padding:0 5px 0 5px;
margin:0;
line-height:.8.5em;
}

/*Content*/
#content-wrap{
width:960px;
background:url(../images/main-content-bg.gif) left top repeat-y;
}

#content-main{
float:left;
width:645px;
margin-left:28px;
}

#sidebar{
float:right;
width:254px;
padding-right:9px;
}

#sidebar{
background:url(../images/side_bg_home.gif) left top no-repeat;
}

/*Sidebars*/
#sidebar h3{
padding:8px 0 0 19px;
margin:0;
background:url(../images/sidebar-hdr.gif) left top no-repeat;
height:34px;
color:#ffffff;
font-size:1.3em;
font-weight:bold;
border:none;
}

.side-wraps{
padding:0 22px;
margin-bottom:30px;
}

fieldset#side-sign-up{
padding:0;
margin:10px 0 10px 0;
text-align:left;
}

fieldset#side-sign-up input{
width:122px;
margin:5px 0 0 0;
padding:5px 8px;
font-size:1em;
color:#909376;
border:#a09d84 1px solid;
}

fieldset#side-sign-up input#sub-button{
float:left;
width:55px;
height:25px;
border:none;
padding:0;
margin-left:5px;
}


#sidebar ul{
list-style:none;
margin:0;
z-index:		0;
}

#sidebar li{
background:url(../images/arrow2.gif) 0 3px no-repeat;
padding-left:17px;
margin:10px 0;

}

.paypal-btn{
float:right;
border:0;
margin-top:-41px;
padding-right:15px;
}

p.contributions{
width:120px;
float:left;
}

.donate-btn{
float:right;
padding-top:5px;
margin-right:-7px;
}

#sidebar .sidebar-sub{
background:url(../images/sidebar_section_bg.gif) left top repeat-y;
border-bottom:#fff 4px solid;
border-top:#fff 1px solid;
padding:10px 22px;
}

#sidebar h3.sidebar-sub-hdr{
background: url(../images/sidebar-sub-hdr.gif) left top no-repeat;
color:#2f2825;
font-size:1.6em;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
line-height:1.8em;
}

#sidebar .sidebar-sub ul{
margin:0;
padding:0;
}

#sidebar .sidebar-sub li{	
background:url(../images/arrow3.gif) 0 5px no-repeat;
}

#sidebar .sidebar-sub li a{
font-size:1.2em;
line-height:1.3em;
}

#sidebar .sidebar-sub li a.active{
font-weight:bold;
color:#0d2774;
}



/*Home page*/

h2#home-hdr{
height:149px;
width:960px;
background:url(../images/home-hdr.jpg) left top no-repeat;
text-indent:-9999px;
padding:0;
margin:0;
}

body#home h3{
border:none;
}

#callout-wrap{
margin:35px 0 10px 0;
}

#home-callout1{
float:left;
width:293px;
height:62px;
padding:10px;
margin:0 18px 10px 0;
background:url(../images/home-callout1.gif);
}

#home-callout2{
float:left;
width:293px;
height:97px;
padding:10px;
background:url(../images/home-callout2.gif);
}

#home-callout3{
float:left;
width:293px;
height:130px;
padding:10px;
margin:-15px 18px 0 0;
background:url(../images/home-callout3.gif);
}

#home-callout4{
float:left;
width:293px;
height:97px;
padding:10px;
margin-top:18px;
background:url(../images/home-callout4.gif);
}

#home-callout2 .callout-p{
margin:20px 15px 0 0;
color:#2f2825;
}

h4.home-callout-hdr{
color:#513b1c;
font-weight:bold;
padding:0;
margin:0;
}

.green{
color:#1e744d;
}

#content-main ul.callout-bullets{
list-style:none;
margin:22px 0 0 0;
}

#content-main .callout-bullets li{
background:url(../images/callout-bullet.gif) 3px 5px no-repeat;
padding-left:20px;
margin:0;
}

.spacer{
background:url(../images/spacer.gif) repeat-x;
height:38px;
clear:both;
}

.open-content{
margin-top:30px;
}

/*Programs page*/
h4.listing {
font-family:Georgia, "Times New Roman", Times, serif;
color:#025538;
font-style:italic;
font-size: 1.4em;
line-height: 2.3em;
margin-bottom: 1.25em;
height:37px;
background:#ede8ce;
padding-left:.5em;
}

h4.listing a {
color:#025538;
}


.numbers{
display:block;
float:left;
width:28px;
height:28px;
background:url(../images/circle.gif);
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
color:#936904;
margin: 5px 8px 5px 5px;
text-align:center;
line-height:1.7em;
}

#source{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#616161;
border-top:#d7d4d1 6px solid;
padding:15px 0 0 0;
}

#content-main ul.no-bullet{
margin:0;
padding:0;
list-style:none;
}

#content-main ul.no-bullet li{
padding:0;
margin:.3em 0;
background:none;
}

/*News page*/
.listingWrap {
	border-bottom:1px solid #D5DEDF;
	margin-bottom:2em;
}

.listingHead {
	background:#ede8ce;
	padding:.5em 1;
	margin-bottom:1em;
}

.listingHead h4 {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#025538;
	font-size: 1.4em;
	line-height: 2.3em;
	margin:0;
	height:37px;
	background:#ede8ce;
	padding-left:.5em;
}

.listingHead h4 a {
	color:#025538;
}

.listingHead p {
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:.875em;
	color:#857746;
	position:relative;
	top:1em;
	padding:0 1.2em;
}

.listingWrap p.more {
	text-align:right;
	margin-right:2em;
}

a.newsBack {
	display:block;
}

/*Hall Of Fame page */

#content-main ul#image-gallery-wrap{
width:auto;
margin:0 auto;
list-style:none;
padding:0;
}

#content-main ul#image-gallery-wrap li{
float:left;
width:33%;
height:250px;
margin:0;
padding:0;
text-align:center;
background-image:none;
}

#content-main ul#image-gallery-wrap li a{
font-weight:bold;
text-decoration:underline;
}

#content-main ul#image-gallery-wrap li a:hover{
text-decoration:none;
}

/*Awards Dinner*/
.callout-right{
width:165px;
padding:2em;
border-left:#d0d0d0 1px dotted;
float:right;
text-align:center;
font-size:.875em;
color:#868c8e;
}

.callout-right span{
display:block;
font-size:1.2em;
font-weight:bold;
padding-top:2em;
}

.callout-right span.first{
padding-top:0;
}

.callout-left{
width:400px;
float:left;
}

.callout-right2{
width:165px;
padding:2em;
border-left:#d0d0d0 1px dotted;
float:right;
text-align:left;
font-size:.875em;
color:#262626;
}

.callout-right2 span{
color:#025538;
}

/* media */
#video {
	margin:1em 0 2em 0;
}

/*Search Results*/

p.result1, p.result2{
padding:1em;
}

p.result1{
background:#f2f2f2;
}

/* Contact */
input#submit-btn {
	width:auto;
	margin-left:125px;
}

/* form styles */
#errorContainer ul {
	list-style:none;
	margin-left:0;
}

#errorContainer li {
	padding-left:0;
	background:none;
}

form#RegistrationForm li label {
	width:150px;
}

form#RegistrationForm li input#submit-btn {
	margin-left:170px;
}

/* member area */
ul.profile {
	list-style:none;
	margin:0 0 1.5em 0;
}

#content-main ul.profile li {
	background:none;
	padding-left:0;
}

h3.yourProfile a {
	font-size:.7em;
	padding:0 .6em;
}

ul.profile p {
	display:inline;
}

ul.profile p.label {
	padding-right:1em;
	font-weight:bold;
}

form#ProfileForm li input.submitBtn {
	width:auto;		
}

form#ProfileForm li input#cancelBtn {
	margin-left:150px;
}

form#ProfileForm li label {
	width:130px;
}

/*Sitemap*/

#content-main ul.sitemap{
list-style: disc;
padding:2em 1.5em 0 3em; 
margin:0;
}

#content-main ul.sitemap li{
background:none;
padding-left:0;
line-height:0;
padding:1em 0;
margin:0; 
}

#content-main ul.sitemap ul{
padding:1em 1.5em 0 2em; 
margin:0;
}

#content-main ul.sitemap li li{
list-style:circle;
margin:0;
}

#content-main ul.sitemap li li li{
list-style:none;
margin:0;
}


/*Footer*/
#footer{
width:auto;
height:123px;
background:url(../images/footer.gif) left top no-repeat;
padding-top:30px;
}

#footer p{
font-size:.9em;
color:#d2dcda;
width:50%;
float:left;
}

#footer a{
float:right;
font-size:.9em;
color:#d2dcda;
margin-right:10px;
}