@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{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	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;
}
#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 130px;
	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;
}