/* GENERAL STYLES */
/*
	Title:		Reading Youth
	Author:		Chris Houston
	Website:	http://www.readingyouth.com
	Version:	0.3
	Last Updated:	08/02/2010
*/

/*
================================================
	Yahoo GUI Reset CSS
	http://developer.yahoo.com/yui/reset/
================================================
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3 {
	font-size:100%;
	font-weight:bold;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/*
================================================
	Main Site CSS
================================================
*/
a,a:hover,a:visited
{
color:#ff9b00;
}
body
{
	background-color:#000;
	color:#FFFFFF;
	font-family:'Tahoma','Trebuchet MS','Arial','Verdana','sans-serif';
}
a
{
	text-decoration:none;	
}
#Container
{
	width:995px;
	margin:0 auto 0 auto;
	margin-top:0px;
}
#Content
{
    z-index:1;
}
#ContentContainer
{
	background-image:url(/images/bg.png);
	z-Index:-2;
	overflow:hidden;
}
#Header
{
	position:relative;
	float:left;
	background-image:url(/images/title_block.png);
	background-repeat:no-repeat;	
	height:202px;
	width:995px;
	z-index:3;
}
#LeftSection
{
	float:left;
	width:176px;
	height:400px;
}
#MainContent
{
	position:relative;
	float:left;
	top:-34px;
	width:607px;
	min-height:400px;
	z-index:1;
}
#MainText
{
padding:10px;
position:relative;
float:left;
font-size:0.9em;
}
#RightSection
{
	float:left;
	background-image:url(/images/right_panel.png);
	background-repeat:no-repeat;	
	height:352px;
	width:212px;
	border-top:solid #000 10px;
	border-bottom:solid #000 10px;
}
#RightSectionYellow
{
  float:left;
  background-image:url(/images/right_panel.png);
  background-repeat:no-repeat;	
  height               : 125px;
  width                : 167px;
  padding:0 20px 0 25px;
  background-position  : -0px -225px;
  border-bottom:solid #000 10px;
}
#RightSectionBlue
{
  border-top:solid #000 10px;
  float:left;
  background-image:url(/images/right_panel.png);
  background-repeat:no-repeat;
  height               : 225px;
  width                : 212px;
  background-position  : -0px -0px;
}

#Footer
{
	float:left;
	background-image:url(/images/bottom_section.png);
	background-repeat:no-repeat;	
	height:87px;
	width:995px;
	z-index:-1;
}
#FooterContent
{
	position:relative;
	float:left;
	left:20px;
	top:46px;
	font-size:0.6em;
	font-weight:bold;
	color:#000;
}
#FooterContent a
{
	color:#000;
}
#mainImage
{
	float:left;
	left:1px;
	position:relative;
	width:605px;
	z-index:2;
}

#mainImageText
{
	float:left;
	position:relative;
	top:10px;
	left:10px;
	width:575px;
	font-size:0.8em;
}

#mainImageText p
{
	margin-bottom:15px;
}

.heading19
{
	color:#fff;
}
.heading20
{
	color:#000;
}
/*
================================================
	Youth Council Profiles
================================================
*/

h2
{
font-size:1em;
color:#ff9b00;
}

#homeBlog h2
{
	font-size:1.3em;
	color:#f00;
}
#homeBlog h2 a
{
	font-size:0.9em;
	color:#f00;
}
.Profile
{
	min-height:150px;
	float:left;
	width:278px;
	margin-bottom:14px;
}
.ProfileFooter
{
	float:left;
	font-size:0.6em;
	font-weight:bold;
	width:278px;
	height:26px;
	background:#ff9b00;
	color:#000;
	padding:5px;
	margin-top:10px;
}
.ProfilePhoto
{
	float:left;
	height:120px;
	width:95px;
}
.ProfileSummary
{
	float:left;
	margin:0 6px 0 8px;
	width:169px;
	height:120px;
	}
.YouthName
{
margin:6px 0 6px 0;
}
.ProfileBody
{
	font-size:0.6em;
}
.Divider
{
	float:left;
	height:150px;
	width:2px;
	background:#6f6f6f;
	margin:0 10px;
}
#AutoForm_6_Button1
{
	position:relative;
	background:#e8d766;
	border:solid 1px #b2aca3;
	margin-top:5px;
	left:67px;
	width:80px;
}

#hpleft
{
	float:left;
	width:455px;
	border-right:solid 2px #DED9D3;
	height:225px;
	top:0px;
}
#NewsFeedTitle
{
    font-weight:bold;
    position:relative;
    top:5px;
}
div.feedpost
{
    margin-top:5px;
}
div.feedpost h2 a
{
color:red;font-size:11px;
}
div.feedentry
{
    font-size:10px;
}
.feedentry a
{
color:blue;
}

#newstitle,#newstitle img
{
	height:32px;
	width:455px;
}
#wwwwtitle,#wwwwtitle img
{
	height:32px;
	width:455px;
}
#hpright
{
	top:0px;
	float:left;
	width:540px;
	height:225px;
}
#news{
	height:78px;
	width:435px;
	padding:10px;
}
#wwwwlogos
{
	height:63px;
	width:455px;
}
.feature
{
	width:180px;
	float:left;
	height:225px;
}
.featureImage
{
	width:180px;
	height:80px;
}
#features
{
	width:540px;
	height:225px;
}
.featureText
{
	padding:12px;
	font-size:0.8em;
	color:#666;
}
.featureText h1
{
	font-size:1.2em;
}
.FeatureLink
{
	margin-top:10px;
}
.FeatureLink a,.featureLink a:hover,.featureLink a:visited,.featureLink a:active
{
	font-size:1.2em;
	color:#003c7f;
}
#email
{

	position:relative;
	top:30px;
	left:854px;
}
#email a
{
	color:#fff;
	font-size:0.9em;
}
.navtree
{
	position:relative;
	top:73px;
	left:74px;
}
.navtree ul li {
	display:inline;
	float:left;
	line-height:18px;
	position:relative;
	z-index:9;
	padding-left:8px;
	padding-right:8px;
}
.navtree ul li.current
{
	background:#ded9d2;
}
.navtree ul li a
{
	color:#003c7f;
	font-size:0.9em;
}

.navtreeLeft ul li
{
	background:#480000;
	height:24px;
	padding-left:8px;
	line-height:24px;
	border-top:solid 1px #4d1d1d;
}
.navtreeLeft ul li a
{
	color:#fff;
	font-size:0.8em;
	height:24px;
	width:180px;
	display:block;
}
.navtreeLeft ul li.current
{
	background:#8f0000;
	border-top:solid 1px #4d1d1d;
}
.navtreeLeft ul li.current a
{
	color:#fff;
	font-size:0.8em;
}

#LeftContent
{
	float:left;
	width:200px;	
}
#CentreContent
{
	margin:0 2px;
	float:left;
	width:617px;
}
#RightContent
{
	padding:10px;
	float:left;
	width:156px;
	color:#013c7e;
	font-size:0.9em;
}
#mainTextPageImage
{
	width:597px;
	height:182px;
	float:left;
	color:#fff;
	font-size:0.8em;
	padding:10px;
}
#CentreContent ul
{
	list-style-type:disc;
	margin-left:15px;
}
#bodyText
{
	margin:5px 15px;
	font-size:0.8em;
	width:597px;
	float:left;
}
#bodyText p
{
margin-bottom:10px;
}

#Heel
{
	background:#ded9d3;
	height:24px;
	line-height:24px;
	width:989px;
	float:left;
	padding-left:8px;
	font-size:0.8em;
	text-decoration:none;
}
#Heel a,#Heel a:visited,#Heel a:active,#Heel a:hover
{
	color:#64605d;
}

#news ul li a
{
color:#5a5041;
font-size:0.8em;
font-weight:normal;
}
#news ul li
{
margin-bottom:8px;
}
/*
================================================
	Getting Involved
================================================
*/

.giLeft
{
width:200px;
float:left;
min-height:140px;
}
.giRight
{
width:385px;
float:left;
min-height:100px;
}
.giPhoto
{
width:175px;
height:120px;
}
.getInvolved
{
width:585px;
min-height:140px;
}
.getInvolved h1
{
color: #a5df00;
margin-bottom: 8px;
}
.getInvolved h2
{
color: #fff;
margin-bottom: 8px;
}
.giDesc
{
font-size:0.6em;
}
.giContact,.comContactGreen,.comContactBlue,.comContactOrange,.comContactYellow
{
	color:#000;
	font-size:0.6em;
	font-weight:bold;
	padding:5px;
	margin-top:10px;
}
.comContactGreen,.giContact
{
	background:#a5df00;
}
.comContactBlue
{
	background:#00cbdf;
}
.comContactOrange
{
	background:#ff9b00;
}
.comContactYellow
{
	background:#e6d421;
}
.giContact
{
	width:375px;
}
.comContactGreen,.comContactBlue,.comContactOrange,.comContactYellow
{
	float:left;
	width:535px;
margin-bottom:10px;
}

.gidivider
{
float:left;
width:575px;
height:13px;
	background-image:url(/images/dots.gif);
	background-repeat:no-repeat;
	margin-top:10px;
	margin-bottom:10px;
}
.mapIcon
{
	width:40px;
	background-repeat:no-repeat;
	position:absolute;
	z-index:4;
	height:40px;
}
.details
{
	background-repeat:no-repeat;
	float:left;
	padding-left:40px;
	padding-top:2px;
}
.details h1
{
	color:#fff;
	margin:10px 0;
}
.details h2
{
	color:#fff;
}
.mapInfoBlock
{
float:left;
margin-bottom: 20px;
}
.AreaTitle
{
float:left;
margin:10px 0 10px 0;
font-weight:bold;
}
ul#youthofferlist li a,ul#youthofferlist li a:visited,ul#youthofferlist li a:active,ul#youthofferlist li a:hover
{
color:#000;
}
ul#youthofferlist li
{
background:#000000 none repeat scroll 0 0;
border-left:8px solid white;
border-right:8px solid white;
margin-bottom:5px;
padding:10px 10px 5px;
color:#000;
}
ul#youthofferlist li:hover
{
border-left:8px solid #bf0000;
border-right:8px solid #bf0000;
}
ul#youthofferlist li.yoselected
{
border-left:8px solid grey;
border-right:8px solid grey;
}
ul#youthofferlist
{
margin:0px 0 0px 1px;
}
img#ycotitle
{
margin-bottom:5px;
}
ul#youthofferlist li.YouthOfferGreen
{
background:#a5df00;
}
ul#youthofferlist li.YouthOfferBlue
{
background:#00cbdf;
}
ul#youthofferlist li.YouthOfferYellow
{
background:#ffff00;
}
ul#youthofferlist li.YouthOfferRed
{
background:#bf0000;
}
ul#youthofferlist li.YouthOfferOrange
{
background:#ff9b00;
}
ul#youthofferlist li.YouthOfferDarkOrange
{
background:#ff4000;
}
img#youthicon1
{
margin-right:33px;
margin-top:8px;
}
img#youthicon2
{
margin-left:33px;
margin-right:33px;
margin-top:8px;
}
img#youthicon3
{
margin-left:32px;
margin-top:8px;
}

div#blacktext
{
padding:10px 10px 5px;
border-left:8px solid white;
border-right:8px solid white;
margin-left:1px;
margin-right:2px;
}



