body{
	background:#ced1ca url(../images/bg-body.gif) repeat-x;
	margin:0;
	padding: 0;
	font:.9em Verdana, Arial, Helvetica, sans-serif;
}
img{border-style:none;}
a{
	color:#654A3A;
	font-style: italic;
}
li.ul {
	list-style-type: none;
}


li {
	list-style-image: url(../images/bullet.gif);
}
.browser {
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
}



#container{
	width: 890px;
	text-align: center;
	margin: 10px auto;
	padding: 0;
}

#header{
	margin:0px;
	height: 125px;
		_height: auto;
	text-align: center;
}
.wrapper {
	background-color: #fff;
	height: 80px;
	padding: 11px 0px 13px 0px;
	margin: 0px 0px 0px 0px;
}

#logo {
	text-align: left;
	width: 50%;
	float: left;
}
#logo img {
	padding: 0px 10px;
	float: left;
	margin: 0;
}
#logo h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	padding-top: 20px;
}
#optin {
	width: 150px;
	float: left;
}


#donate{
	width: 150px;
	float: right;
	background:url(../images/donate.gif) no-repeat;
}
#topNav{
	padding: 0;
	margin: 5px 0px 0px 0px;
	height: 30px;
	text-align: center;
}
#lowerNav {
	padding: 0;
	margin: 5px 0px 7px 0px;
	height: 30px;
	text-align: center;
	padding-left: 50px;
}

#navList
{
	padding-left: 0px;
	white-space: wrap;
	font-size: 0.8em;
	margin: -5px 0px 0px 10px;
	font-weight: bold;
}

#navList li
{
	display: inline;
	list-style-type: none;
	width: 125px;
	float: left;
}

#topNav #navList a {
	background:url(../images/pipe.gif) no-repeat 0 12px;
	padding: 12px 20px;
	margin:0 1px 0 -1px;
	display: block;
	width: auto;
 	text-decoration: none;
}
#lowerNav #navList a {
	background:url(../images/pipe.gif) no-repeat 0 12px;
	padding: 5px 20px;
	margin:0 1px 0px -1px;
	display: block;
	width: auto;
 	text-decoration: none;
}
#topNav #navList .noBullet a, #lowerNav #navList .noBullet a {
	background-image: url(none);
}

#topNav #navList a:hover, #lowerNav #navList a:hover {
	background:url(../images/tab.png) no-repeat;
	margin:0;
}
#home #topNav #navList .home a,
 #parents #topNav #navList .parents a,
 #students #topNav #navList .students a,
 #about #topNav #navList .about a,
 #contact #topNav #navList .contact a,
 #programs #topNav #navList .programs a,
 #youthCourt #topNav #navList .youthCourt a,
 #alcohol #lowerNav #navList .alcohol a,
 #drugs #lowerNav #navList .drugs a,
 #gangs #lowerNav #navList .gangs a,
 #gambling #lowerNav #navList .gambling a,
 #relationships #lowerNav #navList .relationships a,
 #online #lowerNav #navList .online  a {
	background: url(../images/tab.png) no-repeat;
	margin: 0;
}

#banner {
	height: 265px;
	margin: 13px 0px 2px 0px;
	color: #FFE491;
}

#banner p {
	font-size: 1em;
	line-height: 1.4;
	text-align: left;
	color: #FFC75C;
	padding-right: 450px;
}
#banner a {
	color: #E5602E;
}

.bannerHome {
	background: url(../images/h2h_home.jpg) no-repeat right center
}
#home #container #banner h1 {
	font-size: 1.25em;
	padding: 0px 500px 0px 0px;
}
#home #container #banner p {
	padding-top: 15px;
}

.bannerAlcohol {
	background: url(../images/h2h_alcohol.jpg) no-repeat top right;
}
#alcohol #container #banner h1 {
	padding: 80px 500px 0px 0px;
	font-size: 1.25em;
}
.bannerDrugs {
	background: url(../images/h2h_drugs.jpg) no-repeat right center;
}
#drugs #container #banner h1 {
	padding: 10px 500px 0px 0px;
	font-size: 1.15em;
}
#drugs #container #banner p {
	padding-top: 70px;
}

.bannerGangs {
	background: url(../images/h2h_gangs.jpg) no-repeat right center;
}
#gangs #container #banner h1 {
	padding: 10px 500px 0px 0px;
	font-size: 1.25em;
}
#gangs #container #banner p {
	padding-top: 60px;
}

.bannerGambling {
	background: url(../images/h2h_gambling.jpg) no-repeat right center;
}
#gambling #container #banner h1 {
	padding: 100px 500px 0px 0px;
	font-size: 1.25em;
}
.bannerOnline {
	background: url(../images/h2h_online.jpg) no-repeat right center;
}
#online #container #banner h1 {
	padding: 0px 500px 0px 0px;
	font-size: 1.7em;
}
#online #container #banner p {
	padding: 50px 500px 10px 0px;
}

.bannerRelationships {
	background: url(../images/h2h_relationships.jpg) no-repeat right center;
}
#relationships #container #banner h1 {
	padding: 50px 500px 0px 0px;
	font-size: 1.25em;
}
.bannerParents {
	background: url(../images/banner_parents.jpg) no-repeat right center;
}
#parents #container #banner h1 {
	padding: 0px 500px 0px 0px;
	font-size: 1.25em;
}
#parents #container #banner p {
	padding: 70px 500px 10px 0px;
}

.bannerStudents {
	background: url(../images/banner_students.jpg) no-repeat right center;
}
#students #container #banner h1 {
	padding: 15px 500px 0px 0px;
	font-size: 1.25em;
}
#students #container #banner p {
	padding-top: 20px;
}

.bannerAbout {
	background: url(../images/banner_about.jpg) no-repeat right center;
}
#about #container #banner h1 {
	padding: 10px 500px 0px 0px;
	font-size: 1.15em;
}
#about #container #banner p {
	padding-top: 50px;
}

.bannerContact {
	background: url(../images/banner_contact.jpg) no-repeat right center;
}
#contact #container #banner h1 {
	padding: 80px 500px 0px 0px;
	font-size: 1.25em;
}
.bannerPrograms {
	background: url(../images/banner_programs.jpg) no-repeat right center;
}
#programs #container #banner h1 {
	padding: 70px 500px 0px 0px;
	font-size: 1.25em;
}
#programs #container #banner h2 {
	padding: 0px 500px 0px 0px;
	font-size: 1.25em;
}
.bannerYouthCourt {
	background: url(../images/banner_youthCourt.jpg) no-repeat right center;
}
#youthCourt #container #banner h1 {
	padding: 70px 500px 0px 0px;
	font-size: 1.25em;
}
.bannerNews {
	background: url(../images/banner_news.jpg) no-repeat right center;
}
#news #container #banner h1 {
	padding: 90px 500px 0px 0px;
	font-size: 1.25em;
}
.bannerRegister {
	background: url(../images/banner_register.jpg) no-repeat right center;
}
#register #container #banner h1 {
	padding: 85px 500px 0px 0px;
	font-size: 1.7em;
	margin: 0;
}
.bannerCalendar {
	background: url(../images/banner_calendar.jpg) no-repeat right center;
}
#calendar #container #banner h1 {
	padding: 85px 500px 0px 0px;
	font-size: 1.25em;
	margin: 0;
}
.bannerThanks, .bannerSponsorship {
	background: url(../images/banner_thanks.jpg) no-repeat right center;
}
#thanks #container #banner h1, #sponsorship #container #banner h1 {
	padding: 85px 500px 0px 0px;
	font-size: 1.7em;
	margin: 0;
}
.bannerSorry {
	background: url(../images/banner_sorry.jpg) no-repeat right center;
}
#sorry #container #banner h1 {
	padding: 85px 500px 0px 0px;
	font-size: 1.7em;
	margin: 0;
}
.bannerSignUp {
	background: url(../images/banner_thanks.jpg) no-repeat right center;
}
#signUp #container #banner h1 {
	padding: 85px 500px 0px 0px;
	font-size: 1.5em;
	margin: 0;
}
#content {
	background-color: #FFFFFF;
	padding: 10px;
	text-align: left;
	font-size: 0.9em;
}
#content #homeWrapper {
	background-image: url(../images/bg-content.gif);
	background-repeat: repeat-y;
	float: left;
}
#content h1 {
	font-size: 1.1em;
	color: #E5602E;
	border-bottom: 1px dotted #e5602e;
}
#content h2 {
	font-size: 1.05em;
	font-style: italic;
	color: #654A3A;
	margin-bottom: -10px;
}
.homeCol {
	width: 192px;
	float: left;
	margin: 10px 10px 0px 0px;
	padding: 0px 10px;
}
.narrowCol {
	width: 167px;
	float: left;
	margin: 10px 10px 0px 0px;
	padding: 0px 10px;
}
.narrowCol h1 {
	margin: 0px;
}
.contentCol {
	width: 620px;
	float: left;
	margin: 10px 10px 0px 0px;
	padding: 0px 20px;
}
.contentCol2 {
	width: 420px;
	float: left;
	margin: 10px 10px 0px 0px;
	padding: 0px 20px;
}

.homeCol li {
	margin: 0px 0px 5px -20px;
}

.inner {
	font-size: .85em;
}
.inner h1 a {
	text-decoration: none;
	color: #E5602E;
	font-style: normal;
}
.inner li {
	margin: 0px 0px 0px -25px;
}


.ltorangeBox{
	background:url(../images/ltorangeBox-center.gif) repeat-y;
	margin:0 0 15px;
}
.ltorangeBox .inner{
	background:url(../images/ltorangeBox-top.gif) no-repeat;
	padding:5px 7px 9px;
}
.ltorangeBox span{
	background:url(../images/ltorangeBox-bottom.gif) no-repeat;
	display:block;
	overflow:hidden;
	height: 12px;
}
.ltgreenBox{
	background:url(../images/ltgreenBox-center.gif) repeat-y;
	margin:0 0 15px;
}
.ltgreenBox .inner{
	background:url(../images/ltgreenBox-top.gif) no-repeat;
	padding:5px 7px 9px;
}
.ltgreenBox span{
	background:url(../images/ltgreenBox-bottom.gif) no-repeat;
	display:block;
	overflow:hidden;
	height: 12px;
}
.orangeBox{
	background:url(../images/orangeBox-center.gif) repeat-y;
	margin:0 0 15px;
}

.orangeBox .inner{
	background:url(../images/orangeBox-top.gif) no-repeat;
	padding:5px 7px 9px;
}
.orangeBox span{
	background:url(../images/orangeBox-bottom.gif) no-repeat;
	display:block;
	overflow:hidden;
	height: 12px;
}

.month {
	font-weight: bold;
	color: #654A3A;
	margin-bottom: -10px;
}
.event {
	font-weight: bold;
	color: #8AB356;
	text-align: center;
	letter-spacing: .3em;
}
.dont {
	background: url(../images/dont.jpg) no-repeat left top;
	margin: 20px 0px;
	padding: 0px 0px 0px 75px;
	height: 225px;
}
.do {
	background: url(../images/do.jpg) no-repeat right top;
	height: 225px;
	margin: 20px 0px;
	padding: 0px 75px 0px 0px;
}
.buyNow {
	text-align: right;
	margin: -35px 500px 0px 0px;
}
#sponsorOptions h2 {
	padding-top: 10px;
	margin: 20px 0px;
}
#sponsorOptions .border {
	border-top: 1px solid black;
}

#footer {
	clear: both;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 0.8em;
	padding: 30px 0px 0px 0px;
	margin: 0 auto;
}


#formWrapper {
	padding-left: 225px;
	width: 425px;
}
#formWrapper fieldset {
	 -moz-border-radius: 4px;
	 border-radius: 4px;
	 -webkit-border-radius: 4px;
	 border: 1px solid #000000;
	 padding-top: 1.5em;
	 margin: .5em 0;
	 background-color: #FFFFFF;
	 color: #333333;
 }
#formWrapper legend {
	 text-transform: capitalize;
	 font-weight: bold;
	 color: #666666;
	 background: #CCCCCC;
	 padding: .5em 1em;
	 border: 1px solid #000000;
	 -moz-border-radius: 4px;
	 border-radius: 4px;
	 -webkit-border-radius: 4px;
	 font-size: 1.2em;
}
.mc-field-group {
 	margin: 1.3em 5%;
	clear: both;
 }
.mc-field-group label, .datafield label {
	display: block;
	margin: .3em 0;
	line-height: 1em;
	font-weight: bold;
	padding-top: 15px;
}
#mce-EMAIL, #mce-FNAME, #mce-LNAME {
	margin-right: 1.5em;
	padding: .2em .3em;
	width: 95%;
	float: left;
	z-index: 999;
}
.mc-field-group .input-group {
 	padding: .7em;
	font-size: .9em;
	margin: 0 0 1em 4%;
 }
.mc-field-group .input-group ul {
	margin: 0;
	padding: 0;
}
.mc-field-group .input-group li {
	list-style: none;
	overflow: hidden;
	padding: .2em 0;
	clear: right;
}
.mc-field-group .input-group #mce-group-0,.mc-field-group .input-group #mce-group-1, .mc-field-group .input-group #mce-group-2 {
	margin-right: 4%;
	padding: .2em .3em;
	width: auto;
	float: left;
	z-index: 999;
}
.mc-field-group .input-group label {
	display: block;
	margin: .4em 0 0 0;
	line-height: 1em;
	font-weight: normal;
	width: auto;
	text-align: left;
	padding-top: 0px;
	font-style: italic;
}
.orange {
	color: #E5602E;
}
.lightGreen {
	color: #E3F691;
}
.yellow {
	color: #FFE491;
}
.lightorange {
	color: #FFC75C;
}
.green {
	color: #8AB356;
}
.brown {
	color: #654A3A;
}