@charset "UTF-8";
* html li a{
	height:1em;
}

/*---------Reset---------*/
html, body, div, h1, h2, h3, h4, h5, h6,  dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

#contentContainer ol,ul{
	margin-left: 20px;
	font-size: 9pt;
}



/*----links----*/
a:link{
	color: #AB0000
}
#header a:visited, #contentYouth a:visited, #contentParents a:visited,#paragraphContainer a:visited, #footer a:visited{
	color: #AB0000
}

/*-------fonts------*/
h1 ,h2{
	color: #AB0000;
	font-size: 12pt;
	padding: 3px 0 10px;
}
#contentContainer p{
	color: #242625;
	font-size: 9pt;
}
.boldRed{
	font-size: 15px;
	
	color: #AB0000;
}
/*---------Body---------*/
body{
 color: #000; font: 62.5% Arial, Helvetica, sans-serif;
	background-color: #676767;
}
/*---------Container---------*/
#container{
	margin: 0 auto;
	width: 980px;
}
/*---------Header---------*/
#header{
	height: 102px;
	background: white;
}
#espanol{
	width:100%;
}
#espanol a{
	float: right;
	padding: 5px 20px 0 0;
	font-size: 10px;
	
}
#logo{
	width: 300px;
}
#logo img{
	padding:35px 0 0 20px;
	border: none;
}
#header ul{
	float: right;
	margin: 45px 0 0 0;
	width:530px;
}
#header ul li{
	float: left;
	list-style: none;
}
#header ul a{
	padding: 0 10px;
	display: block;
	height: 57px;
	text-decoration: none;
	color:black;
	font-size: 18px;
}
#header ul a:hover,.Home #home a,.Parents #parents a,.Parent #parents a,.Youth #youth a,.Get #gethelp,.Get #gethelp a,.Local #localdata a,.Contact #contact a{
	background: url(../images/triangle.jpg)  bottom no-repeat;
}
/*---------Content---------*/
#sliderDiv{
	padding: 52px 0 0 31px;
}

.slidetopcontainer{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

#toptext{
	position: relative;
	z-index:2;
}
#slidetop {height:  290px;}
#slider {height:  322px;}
#homeContent{
	color: #FFF;
	height: 390px;
	background: url(../images/content.jpg)  top no-repeat;
}
#contentContainer{
	background: url(../images/contentContainerBackGround.jpg)  top repeat-y;
	padding: 20px;
	border-bottom: 10px solid #000;
}
#contentParents{
	float: left;
	background: url(../images/parentsPageCup.jpg) top left no-repeat;
	width: 520px;
	min-height: 550px;
}
#contentYouth{
	float: left;
	background: url(../images/youthPageCup.jpg) top left no-repeat;
	width: 520px;
	min-height: 550px;
}
#contentContact{
	float: left;
/*	background: url(../images/contactCup.jpg) top left no-repeat; */
	width: 520px;
	min-height: 550px;
}
#rightSideBar{
	float: right;
	margin-left: 20px;
	width: 374px;
}
#paragraphContainer {
	color: #242625;
	font-size: 9pt;
	margin:0 0 30px 0px; /*
	min-height: 120px; */
}
.whiteBox{
	
	margin:20px 0 0 0;
}
.whiteBox h3{
	color: #AA0A19;
	font-size: 12pt;
	padding: 3px 0 10px 30px;
}
.whiteBox p{
	color: #242625;
	font-size: 9pt;
}
.whiteBox img{
	border: 1px solid #A2A4A4;
}
.resourcelibwhite{
	background: url(../images/resourceLibraryWhite1.jpg) top left no-repeat #FFF;
}
.resourcelibwhiteYouth{
	background: url(../images/resourceLibraryWhiteYouthQuestion.jpg) top left no-repeat #FFF;
}
.comconwhite{
	background: url(../images/communityConversationWhite1.jpg) top left no-repeat #FFF;
}
.comconwhiteYouth{
	background: url(../images/communityConversationWhite.jpg) top left no-repeat #FFF;
}
.getInvolved{
	background: url(../images/get_invloved.jpg) top left no-repeat #FFF;
}
.checkItOut a{
	background-color: #AB0000;
	font-size: 8pt;
	color: #FFF;
	margin-top: 5px;
	padding: 3px;
	width: 80px;
	float: right;
	text-decoration: none;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.checkItOut a:hover{
	background-color: #d2d2d2;
	color: #AA0A19;
	border-top: 1px solid #A2A4A4;
	border-left: 1px solid #A2A4A4;
}
/*---- content divs in main content----- */
.topDiv{
	padding: 1px 0 15px 18px;
	
}
#categoryDiv{
	margin-left: 135px;
}
#categoryDiv span{
	display: block;
	margin: 15px 0;
	color: #242625;
	font-size: 9pt;
}
.category a{
	padding: 5px;
	color: #FFF;
	text-decoration: none;
	background-color:#212322;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: white;
	border: 2px solid #FFF;
}
.category a:hover{
	color: #FFF;
	background-color:#AB0000;
}
.post{
	background-color: #FFF;
	margin: 10px 0;
	padding: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	//color: white;
	border: 2px solid #A2A4A4;
	
}
.getAvatar{
	text-align: center;	
}
.redLine{
	border-bottom: 1px solid #AB0000;
	margin: 5px 0;
}
/* for maps <-(backwards)*/
.blogFormName{
	display: none;
}
#formDiv{

}
.resourcelibred{
	color: #FFF;
	margin: 20px 0;
}
.resourcelibred a{
	display: block;
	background: url(../images/resourceLibraryRed.jpg) top left no-repeat;
	widows: 363px;
	height: 27px;
	padding: 10px 0 0 10px;
	text-decoration: none;
	color: #FFF;
}
.resourcelibred a:hover{
	background: url(../images/resourceLibraryWhite.jpg) top left no-repeat;
	color: #D21207

}
.resourcelibredYouth{
	margin-top: 15px;
}
.resourcelibredYouth a{
	display: block;
	background: url(../images/resourceLibraryRedYouth.jpg) top left no-repeat;
	widows: 363px;
	height: 27px;
	padding: 10px 0 0 10px;
	text-decoration: none;
	color: #FFF;
}
.resourcelibredYouth a:hover{
	background: url(../images/resourceLibraryWhiteYouth.jpg) top left no-repeat;
	color: #D21207

}
.comconred{
	color: #FFF;
	margin: 20px 0;
}
.comconred a{
	display: block;
	background: url(../images/communityConversationRed.jpg) top left no-repeat;
	widows: 363px;
	height: 27px;
	padding: 10px 0 0 10px;
	text-decoration: none;
	color: #FFF;
}
.comconred a:hover{
	background: url(../images/communityConversationWhite.jpg) top left no-repeat;
	color: #D21207
}
.comconredYouth a{
	display: block;
	background: url(../images/communityConversationRedYouth.jpg) top left no-repeat;
	widows: 363px;
	height: 27px;
	padding: 10px 0 0 10px;
	text-decoration: none;
	color: #FFF;
}
.comconredYouth a:hover{
	background: url(../images/communityConversationWhiteYouth.jpg) top left no-repeat;
	color: #D21207
}
#quote{
	width: 240px;
	margin: 0 auto;
	padding: 0 25px;
	background: url(../images/quotes.jpg) top center no-repeat;	
}
#quote p{
	color: #242625;
	font-size: 9pt;
}
/*----Contact Form------*/
#ContactForm{
	color: #242625;
	font-size: 9pt;
	margin-left: 30px;
}
#ContactForm label{
	clear: both;
	float: left;
	width: 150px;
	margin-right: 5px;
	text-align: right;
	font-size: 9pt;
}
#ContactForm input[type=text]{
	height: 13px;
	margin: 10px;
}
#ContactForm input[type=checkbox]{
	margin-left: 160px;
}
#ContactForm input[type=submit]{
	margin-left: 125px;
}
#ContactForm p{
	height: 13px;
	margin: 10px;
}
/*--#contentContact h2{
	color: #AB0000;
	font-size: 12pt;
	padding: 3px 0 10px;
}*/

/*----Above Footer------*/
#aboveFooter{
	padding-top: 25px;
	background: url(../images/footer.jpg)  top repeat-x white;
}
#aboveFooter img{
	float:left;
	border: none;
}
#aboveFooter p{
	color: #858585;
	font-size: 9pt;
}
/*---------Footer---------*/
.leftFooter{
	float: left;
	width: 500px;
}
.rightFooter{
	float: left;
	width: 400px;
	
}
#footer{
	clear: left;
	padding: 30px 0 10px 0;
	background-color: white;	
}
#footer img{
	float:left;
	padding-left: 25px;
	border: none;
}
#footer p{
	color: #858585;
	font-size: 9pt;
}
.topPadding{
	padding-top: 25px;
}
.topPadding1{
	padding-top: 38px;
}
#disclaimer{
	margin: 50px 0 0 35px;
	
}
/*---------Misc---------*/
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.clearBoth{
	clear: both;
}

.roundCorners{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 7px solid #DEDED9;
}
.warning{
	color: #AA0A19;
}
/*------admin-------*/
#adminContent{
	background-color: #212322;
	padding: 30px 10px;
	border-top: 5px solid #DEDED9;
	border-bottom: 5px solid white;
}
#mainContent{
	float: left;
	width: 700px;
	color: #C9C9C9;
	font-size: 80%;
}
label{
	font-size: 10pt;
}
input{
	display: block;
}
#login_form{
	width: 400px;
	margin:  auto ;
	padding: 30px;
	background-color:#C9C9C9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: white;
	box-shadow: 0 1px 0 #C9C9C9;
	-moz-box-shadow: 0 1px 0 #C9C9C9;
	-webkit-box-shadow: 0 1px 0 #C9C9C9;
	border: 7px solid #DEDED9;
}
input[type=submit] {
	border: none;
	margin: 5px 0 0 0;
	padding: 4px;
	background-color:#212322;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: white;
	border: 1px solid #FFF;
}
input[type=submit]:hover, form a:hover {
	background-color: #888;
	cursor: pointer;
}
#leftNav{
	padding: 0 20px 0 0;
	float: left;
}
.adminNav{
	margin:5px 0 ;
	padding: 5px;
	background-color:#C9C9C9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: white;
	border: 5px solid #DEDED9;
}
.logoutButton{
	float: right;
	margin: 30px 70px 0 0;
	padding: 5px;
	background-color:#212322;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: white;
	border: 5px solid #DEDED9;

}
.adminNav a,.logoutButton a{
	color: white;
	font-size: 10pt;
	text-decoration: none;
}
#dashboard{
	width: 500px;
	float: left;
	padding: 5px;
	color: white;
}
/*----Admin Table areas-----*/
#adminContent table{
	width: 100%;
}
td{
	color:#696767;
	font-size: 8pt;
	padding: 5px;
}
td p{
	color:#696767;
	font-size: 9pt;
}
.gray{
	background-color: #C9C9C9;
}
.white{
	background-color: #DEDEDE;
}
/*----flash error----*/
.flashError{
	border: 1px solid red;
	text-align: center;
	margin: 10px;
}
.flashSuccess{
	border: 1px solid green;
	text-align: center;
	margin: 10px;
}
.contactSuccess{
	border: 1px  solid #AB0000;
	text-align: center;
	margin: 10px;
}
/*---errors----*/
.error{
	color: red;
}

#flash {
	padding: 35px 0 0 20px;
}

/* Css reset */
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,b,u,i,center,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-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }
label{ cursor:pointer; }

/* General */
a,
a:visited { color: #97999c; cursor: pointer; text-decoration: none; }
a:focus,
a:hover { text-decoration: underline; }
html { height: 100%; }
body { height: 100%; color: #000; font: 62.5% Arial, Helvetica, sans-serif; background: #676767; }
	.nonfooter { position: relative; min-height: 100%; background: #fff; width: 980px; margin: 0 auto; }
	.wrapper { position: relative; width: 980px; margin: 0 auto; background: #fff; }
	.nobg { background: none; }
	.content { position: relative; width: 980px; margin: 0 auto; }
	.getinvolved { float: left; width: 205px; margin-right: 45px; padding: 10px 0 0 85px; background: url(../images/bgr-ico-flag.png) no-repeat 5% 50%; }
	.social { float: left; width: 210px; padding: 10px 0 32px 70px; background: url(../images/bgr-ico-pins.png) no-repeat; }
	.footer { width: 948px; font-size: 11px; color: #464749; margin: -86px auto 0; padding: 0 16px; position: relative; }
input,
select,
textarea { font: 10px Arial, Helvetica, sans-serif; vertical-align: middle; }

/* Header */
.header { width: 980px; height: 101px; margin: 0 auto; background: url(../images/bgr-header.png) repeat-x; overflow: hidden; }
	.header .logo { float: left; font-size: 30px; font-weight: normal; margin: 36px 0 0 22px; width: 210px; height: 29px; display: block; }

/* Nav */
.nav { float: right; width: 500px; font-size: 18px; margin-right: 80px; }
	.nav li { float: left; display: block; }
	.nav a,
	.nav a:visited { display: block; color: #c01123; padding: 44px 10px 0; height: 57px; float: left; }
	.nav .black,
	.nav .black:visited { color: #000; }
	.nav .active a,
	.nav .active a:visited,
	.nav a:hover { text-decoration: none; background: url(../images/bgr-nav-on.png) no-repeat bottom; }

/* Mast */
.mast { font-size: 43px; color: #980000; padding: 70px 40px 50px; text-align: right;}
	.mast p { color: #000; margin-bottom: 20px; width: 100%; }

/* Indexcontent */
.indexcontent { position: relative; float: left; width: 930px; font-size: 12px; color: #fff; padding: 20px 25px; background: #212322; }
	.indexcontent .frame { position: absolute; top: -25px; right: 15px; width: 514px; height: 322px; padding: 21px 0 0 21px; background: url(../images/bgr-frame-big.png) no-repeat; }
	.indexcontent .text { float: left; width: 390px; }
	.indexcontent h3 { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; }
	.indexcontent p { margin-bottom: 20px; line-height: 18px; }
	.indexcontent strong { color: #c00f21; }
	.indexcontent a,
	.indexcontent a:visited { text-decoration: underline; }
	.indexcontent a:hover { text-decoration: none; }
	.indexcontent .btn-parents,
	.indexcontent .btn-parents:visited { float: left; display: block; width: 96px; height: 27px; font-size: 14px; font-weight: bold; color: #fff; margin-right: 17px; padding-top: 10px; text-transform: uppercase; text-decoration: none; text-align: center; background: url(../images/bgr-button-parents.png) no-repeat; }
	.indexcontent .btn-youth,
	.indexcontent .btn-youth:visited { float: left; display: block; width: 77px; height: 27px; font-size: 14px; font-weight: bold; color: #fff; padding-top: 10px; text-transform: uppercase; text-decoration: none; text-align: center; background: url(../images/bgr-button-youth.png) no-repeat; }

/* Bottomsection */
.bottomsection { width: 948px; font-size: 11px; color: #464749; padding: 16px 16px 102px; overflow: hidden; }
	.bottomsection strong { color: #c00f21; }
	.bottomsection a,
	.bottomsection a:visited { color: #464749; text-decoration: underline; }
	.bottomsection a:hover { text-decoration: none; }
	.bottomsection p { line-height: 17px; }

/* Community */
.community { float: left; width: 185px; margin-right: 45px; padding: 10px 0 0 90px; background: url(../images/bgr-ico-calendar.png) no-repeat 0 90%; }
	.community ul { width: 185px; overflow: hidden; }
	.community li { float: left; width: 70px; margin: 0 0 2px; }
	.community a,
	.community a:visited { color: #9a0201; }

/* Subcontent */
.subcontent { width: 940px; font-size: 12px; padding: 20px 20px 50px; border-bottom: 10px solid #000; background: #d2d2d2; overflow: hidden; }
	.subcontent .leftcol { float: left; width: 520px; }
	.subcontent .rightcol { float: right; width: 371px; }
	.subcontent .rightcol .frame { width: 365px; height: 228px; margin-bottom: 18px; padding: 7px 0 0 6px; background: url(../images/bgr-frame-med.png) no-repeat; }
	.subcontent h3 { font-size: 14px; margin-bottom: 10px; text-transform: uppercase; width: 100%; }
	.subcontent p { line-height: 18px; width: 100%; }
	.subcontent .topbox { padding: 10px 0 50px 130px; background: url(../images/bgr-pic-stock3.png) no-repeat; }
	.subcontent .topbox strong { color: #c00f21; }
	.subcontent .topbox a,
	.subcontent .topbox a:visited { color: #c00f21; text-decoration: underline; }
	.subcontent .topbox a:hover { text-decoration: none; }

/* Descbox */
.descbox { width: 503px; padding-left: 17px; }
	.descbox .box { width: 433px; height: 70px; padding: 15px 50px 15px 20px; margin-bottom: 22px; }
	.descbox .box h3 { margin-bottom: 9px; }
	.descbox .box p { line-height: 17px; width: 414px; }
	.descbox a,
	.descbox a:visited { color: #c00f21; }
	.descbox .reslib { background: url(../images/bgr-reslib.png) no-repeat; }
	.descbox .commconv { background: url(../images/bgr-commconv.png) no-repeat; }
	.descbox .ginvolved { background: url(../images/bgr-getinvolved.png) no-repeat; }

/* Buttons */
.buttons a,
.buttons a:visited { display: block; width: 347px; height: 27px; font-size: 14px; font-weight: bold; color: #fff; padding: 12px 12px 0; margin-bottom: 20px; text-transform: uppercase; }
	.buttons .button1 { background: url(../images/bgr-button-readadvice.png) no-repeat; }
	.buttons .button2 { background: url(../images/bgr-button-reslib.png) no-repeat; }
	.buttons .button3 { background: url(../images/bgr-button-commconv.png) no-repeat; }

/* Testimony */
.testimony { width: 295px; margin: 0 auto; }
	.testimony blockquote { display: block; padding-left: 23px; background: url(../images/bgr-ico-quote-open.png) no-repeat; }
	.testimony blockquote p { padding-right: 25px; margin-bottom: 20px; background: url(../images/bgr-ico-quote-close.png) no-repeat 100% 0; }
	.testimony .name { padding-left: 22px; }

/* Footerbox */
.footerbox { width: 948px; padding: 16px 0; border-top: 1px solid #aeb0b3; overflow: hidden; }
	.footerbox p { line-height: 18px; }
	.footerbox a,
	.footerbox a:visited { color: #c01123; text-decoration: underline; }
	.footerbox a:hover { text-decoration: none; }
	.footerbox .info { float: left; width: 590px; }
	.footerbox .designedby { float: right; }
	
	#slider {
	   position: relative;
	   overflow: hidden;
	}

	#slider, #slider img, #slider ul{
	  width: 494px;
	  height: 303px;
	}

	#slider li,#slider ul{
	  padding:0;
	  margin:0;
	}

	#slider ul {
	   position: absolute;
	}

	#slider .slide {
	   float: left;
	   position: relative;
	   display: none;
	}

	/*For sane browsers..*/
	#slider .slide:first-child{
	  display: block;
	}

	#slider .slide span {
	  position: absolute;
	  left: 0;
	  width: 494px;
	  padding: 10px 13px 25px 10px;
	  opacity: 0.7; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
	  background-color: #000;
	  color: #fff;
	  bottom: 0;/*remove this and it will be on top*/
	}
	
	#slidetop {
	   position: relative;
	   overflow: hidden;
	}

	#slidetop, #slidetop ul{
	  width: 494px;
	  height: 303px;
	}

	#slidetop li,#slidetop ul{
	  padding:0;
	  margin:0;
	}

	#slidetop ul {
	   position: absolute;
	}

	#slidetop .slide2 {
	   float: left;
	   position: absolute;
	   display: none;
	}

	/*For sane browsers..*/
	#slidetop .slide2:first-child{
	  display: block;
	}

	#slidetop .slide2 span {
	  position: absolute;
	  left: 0;
	  width: 494px;
	  padding: 10px 13px 25px 10px;
	  opacity: 0.7; /*this is only used for non-IE on the first slide, before js is loaded, use spanOpacity option to change opacity*/
	  background-color: #000;
	  color: #fff;
	  bottom: 0;/*remove this and it will be on top*/
	}