/* 
-----------------------------------------------
	Global CSS
	Project: Caring For Our Youth
	Author: Netgenetix
	Version: September 2008
----------------------------------------------- */
/* 	Sections:
 	- Base
		- Headings
		- Structure
		- Navigation
		- Lists
 	- Links
		- Forms
		- Standard + Misc
----------------------------------------------- */


/* =Base
----------------------------------------------- */
html, body {margin:0; padding:0; height:100%; background-color:#790000;}
p{color:#000000;}


h1{ font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#990000; margin-left:19px; margin-top:20px;}
h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#990000;margin-top:-8px;}
h3{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#990000;}


#container{
margin-left:auto;
margin-right:auto;
width:949px;
min-height:600px;
height:auto;
background:url(../_img/index_15.jpg) repeat-y;
}



/* =Headings
----------------------------------------------- */	
#header{
position:relative;
width:949px;
height:242px;
}

#logo a {
background-image:url(../_img/index_02.jpg);
float:left;
width:254px;
height:242px;
border:0;
}

#logo span {
display:block;
height:32px;
text-indent: -100.0em;
overflow: hidden;
}

#logo h1 { display: none }

#totempole{
background-image:url(../_img/index_03.jpg);
float:left;
width:695px;
height:242px;
}


/* =Structure
----------------------------------------------- */

#content {
position:relative;
min-height:400px;
height:auto;
height:100%;
/*height:expression(this.offsetHeight < 400?"400":"auto");*/
margin: 35px 0 0 0;
padding:1px 20px 1px 30px;
overflow:hidden;
}

* html #content { margin: 0 }

#contentText {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 20px 0 20px;}

#cfoyLogo {
display:inline;
position:absolute;
background:url(../_img/cfoy.png) no-repeat;
width:426px;
height:343px;
bottom:0;
right:0;
z-index:1;
margin:0;
}
img, #cfoyLogo  { behavior: url(_css/iepngfix/iepngfix.htc); }



#footer {
position:relative;
background:url(../_img/index_17.jpg) no-repeat;
width:949px;
height:141px;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:9px; 
color:#ffffff;
}


#footer a:link, #footer a:visited  {text-decoration:none;  color:#FFFFFF;}
#footer a:hover {text-decoration:none; color:#FFCC00;}

#footerLinks{ position:relative; text-align:center; padding-top:70px; z-index:10; clear:both;}
#copyright{float:left; margin-left:40px;}
#webdesign{position:relative; float:right; margin-right:40px; z-index:3;}


p.expandable,p.collapsedable
{
    margin-top:10px;
    margin-bottom:0px;
}

a.expandable, a.collapsedable
{
    text-decoration:none;
}

a.expandable:link, a.collapsedable:link
{
    color:#27241A;
} 

a.expandable:visited, a.collapsedable:visited 
{
    color:#27241A;
} 

a.expandable:hover, a.collapsedable:hover
{
    color:#000; 
    background:#f7f5ec;
} 

a.expandable:active, a.collapsedable:active
{
    color:#27241A;
} 

.newsTitle { margin-top:25px; }

/* =Page Content
----------------------------------------------- */




#leftColumn{
float:left;  
height:100%;
margin-top:10px;
}
#rightColumn{
float:left; 
height:100%;
margin-top:10px;
}


#statement {background:url(../_img/statement.jpg) no-repeat; width:485px; height:198px;}
#missionStatement{padding:30px 30px 0 30px;}
#statement p{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; font-weight:bold; clear:both;}

#news {background:url(../_img/news.jpg) no-repeat; width:485px; min-height:346px;}
#latestNews{padding:30px 30px 0 30px;}
#news p{font-family:Arial, Helvetica, sans-serif; font-size:12px; clear:both}





#learnMore {background:url(../_img/learn.jpg) no-repeat; width:409px; height:177px; clear:both; }
#learnMoreCFOY{padding:30px 30px 0 30px;}
#learnMore p{font-family:Arial, Helvetica, sans-serif; font-size:12px; clear:both; }

#events {background:url(../_img/event.jpg) no-repeat; width:409px; height:187px;}
#nextEvent{padding:30px 30px 0 30px;}
#events p{font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; z-index:50;}



.shiftElement { margin-left:126px;}
#content .shiftTitle{ margin-left:30px;}



#aboutUsPic { float:left; background-image:url(../_img/aboutus_pic.jpg); width:311px; height:379px;}
#aboutUsText{ float:left; margin:1px 0 1px 0;}

#aboutUsTop{ background-image:url(../_img/aboutus_top.jpg); width:542px; height:20px;}
#aboutUsMiddle{
display:block;
background:url(../_img/aboutus_middle.jpg) repeat-y; 
width:542px; 
padding:15px 0 5px 0;

overflow: hidden; 
}
#aboutUsMiddle p {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 30px 0 30px; }
#aboutUsMiddle ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; list-style-image:url(../_img/checkmark.gif); margin-left:60px; margin-right:60px;}
#aboutUsBottom{ background-image:url(../_img/aboutus_bottom.jpg); width:542px; height:91px;}



.members{ background-image:url(../_img/leaderBox.jpg); width:775px; height:196px; margin-left:50px;}
.memberPics{float:left; width:107px; height:115px; margin:30px 0 0 30px;  display:inline; text-align:center; }
.memberText {float:right; width:590px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:30px 30px 0 0;display:inline;}


#committeeMembers{font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0 30px 0 30px; clear:both;}
#committeeNames{float:left;margin:1px 0 1px 200px; display:inline;}
#committeeTitles{float:left; margin:1px 0 1px 50px; display:inline;}


.resources{ background-image:url(../_img/leaderBox.jpg); width:775px; height:196px; margin-left:50px;}
.resourcesPic { width:221px; height:auto; margin:20px 0 0 20px; float:right; position:relative; z-index:300;}
.resourcesText { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:1px 30px 1px 30px; padding-top:15px; }


#newsArticles{width:500px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:20px 0 0 20px; margin-bottom:50px;}
.readMore{ color:#990000; font-weight:600;}


#contactLeftColumn{
display:inline;
float:left; 
height:100%;
padding-left:10px;
}

.contactPhoto {
 position: relative;
	z-index: 50;	
	padding: 0 0 0 30px;
}

#contactRightColumn{
display:inline;
float:left; 
height:100%;
margin-left:5px;
}


#alignTitle{ vertical-align:top;}
.contactPic{ background-image:url(../_img/sunlight.jpg); width:429px; height:243px;}


#releaseYear { margin-left:20px; }

/* =Navigation
----------------------------------------------- */

#navbarRow {float:left; width:949px; height:35px; margin:0; padding:0; }

#leftNavEdge {
position:relative;
float:left;
background-image:url(../_img/index_05.jpg);
width:102px;
height:35px;
margin:0;
padding:0;
}

#rightNavEdge {
position:relative;
float:left;
background-image:url(../_img/index_07.jpg);
width:101px;
height:35px;
margin:0;
padding:0;
}

/* Main Nav */
#nav {
	position: relative;
	z-index: 100;
	font: 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

ul#nav { padding: 0; margin: 0; list-style: none; }
	ul#nav li { float: left; position: relative; overflow: visible; }
	li.mnu { height: 35px; overflow: visible; } /* different height allows dropdown to be activated properly */
	li.mnu span { position: absolute; left: -9999px }
	li.mnu a { display: block; height: 35px; background: url(../_img/navigation.jpg) no-repeat; color: #fff }
	li.mnu a:link		{ color: #303435; }
	li.mnu a:visited	{ color: #303435; }
	li.mnu a:hover		{ color: #cc0000; }
	li.mnu a:active		{ color: #cc0000; } 

li.mnu ul	{  /* second-level lists */
	display: none; 
	position: absolute;
	top: 0;
	border-right: 1px solid #990000; border-bottom: 1px solid #990000; border-left: 1px solid #990000; 
	margin: 6px 0; 
	padding: 0 2px 2px 2px; 
	width: 140px; 
	height: auto; 
	top: 28px; 
	left: 1px;
	background-color: #fff; 
	list-style: none; 
	z-index:1000;
} 
	
li.mnu>ul	{ top: 28px; left: 1px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */

li.mnu ul li { 
 display: block; 
	float: none; 
	position: relative;
	padding: 0; width: 100%; 
}

li.mnu ul li a { 
	background-image: none; 
	background-color: transparent; 
	display: block; 
	float: none; 
	padding: 4px 9px; 
	margin: 0; 
	height: auto;
	text-decoration: none; 
	text-align: left; 
	line-height: 1.3em;
	border-top: 1px solid #dcadaf;
	}
	

/*
#navbar {position:relative; float:left; padding: 0; margin:0; }

ul#nav { padding: 0; margin: 0; list-style: none; }
ul#nav li { float: left; position: relative; overflow: visible; }
li.mnu { height: 35px; font-family: Arial, Helvetica, San-serif; font-size:11px; overflow: visible; }
li.mnu span { position: absolute; left: -9999px; font-size: small; }
li.mnu a { 
display: block; 
height: 35px; 
border: 0; 
background-image:url(../_img/navigation.jpg);
background-repeat: no-repeat;
background-color: transparent; 
}
li.mnu ul	{ 
display: none; 
position: absolute; 
border: solid 1px #bcbcbc; 
margin: -20px; 
padding: 0px; 
width: 130px; 
height: auto; 
top: 50px; 
left: 1px; 
background: #b5c2cd; 
list-style: none; 
} /* second-level lists */
/*
li.mnu>ul	{ top: 55px; left: 20px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/*
li.mnu ul li { 
display: block; 
float: none; 
position: relative;	
border-bottom: solid 1px #728899; 
padding: 0; 
width: 100%; 
}
li.mnu ul li a { 
background-image: none; 
background-color: transparent; 
display: block; 
float: none; 
padding: 4px 7px; 
margin: 0; 
height: auto;	
text-decoration: none; 
text-align: left; 
}*/


li.mnu ul li a:link		{  }
li.mnu ul li a:visited	{  }
li.mnu ul li a:hover	{ background-color: #990000; color: #fff;}
li.mnu ul li a:active	{  }
li:hover ul, li.over ul { display: block; }

li#li1	 { width: 117px; }
li#li2	 { width: 85px; }
li#li3	 { width: 85px; }
li#li4	 { width: 85px; }
li#li5	 { width: 85px; }
li#li6	 { width: 85px; }
li#li7	 { width: 85px; }
li#li8	 { width: 119px; }

li#li1 a:link, li#li1 a:visited	{ background-position: 0px 0px; }
li#li2 a:link, li#li2 a:visited	{ background-position: -118px 0px; }
li#li3 a:link, li#li3 a:visited	{ background-position: -202px 0px; }
li#li4 a:link, li#li4 a:visited	{ background-position: -287px 0px; }
li#li5 a:link, li#li5 a:visited	{ background-position: -370px 0px; }
li#li6 a:link, li#li6 a:visited	{ background-position: -457px 0px; }
li#li7 a:link, li#li7 a:visited	{ background-position: -542px 0px; }
li#li8 a:link, li#li8 a:visited	{ background-position: -627px 0px; }


li#li1 a:hover, li#li1 a:active	{ background-position: -0px -35px }
li#li2 a:hover, li#li2 a:active	{ background-position: -118px -35px; }
li#li3 a:hover, li#li3 a:active	{ background-position: -202px -35px; }
li#li4 a:hover, li#li4 a:active	{ background-position: -287px -35px; }
li#li5 a:hover, li#li5 a:active	{ background-position: -370px -35px; }
li#li6 a:hover, li#li6 a:active	{ background-position: -457px -35px; }
li#li7 a:hover, li#li7 a:active	{ background-position: -542px -35px; }
/*li#li8 a:hover, li#li8 a:active	{ background-position: -627px -35px; }*/
li#li8 a:hover, li#li8 a:active	{ background-position: -627px 0px; }




li#li1 a.mnu-set:link, li#li1 a.mnu-set:visited	{ background-position: -0px -35px }
li#li2 a.mnu-set:link, li#li2 a.mnu-set:visited	{ background-position: -118px -35px; }
li#li3 a.mnu-set:link, li#li3 a.mnu-set:visited	{ background-position: -202px -35px; }
li#li4 a.mnu-set:link, li#li4 a.mnu-set:visited { background-position: -287px -35px; }
li#li5 a.mnu-set:link, li#li5 a.mnu-set:visited	{ background-position: -370px -35px; }
li#li6 a.mnu-set:link, li#li6 a.mnu-set:visited	{ background-position: -457px -35px; }
li#li7 a.mnu-set:link, li#li7 a.mnu-set:visited	{ background-position: -542px -35px; }
li#li8 a.mnu-set:link, li#li8 a.mnu-set:visited	{ background-position: -627px 0px; }



/* =Lists
----------------------------------------------- */


/* =Links
----------------------------------------------- */
#content a   { text-decoration: underline; color: #900 }

#content a:hover  { text-decoration: underline; color: #333; }


/* =Forms
----------------------------------------------- */

.signUpForm{position:relative; z-index:200;}
#signup {background:url(../_img/event.jpg) no-repeat; width:409px; height:187px;}
#signUpNewsletter{padding:30px 30px 0 30px;}
#signup p{font-family:Arial, Helvetica, sans-serif; font-size:12px; clear:both; margin-bottom:1px;}


.contactUsForm{display:inline; float:left; margin-right:50px; position:relative; z-index:900;}
.contactTop{ background:url(../_img/contact_top.jpg) no-repeat; width:428px; height:20px;}
.contactMiddle{ background:url(../_img/contact_middle.jpg) repeat-y; width:428px;  padding:10px 0px 1px 0px;}
.contactMiddle p { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:1px 30px 1px 30px;}
.contactBottom{ background:url(../_img/contact_bottom.jpg) no-repeat; width:428px; height:170px;}

textarea { font-family:Arial, Helvetica, Sans-Serif; font-size:12px; width:202px; }

/* =Standard + Misc
----------------------------------------------- */
.hide {display: none}

.linkedImage { margin: 0; padding: 0; border: 0px }
.linkedImage a:hover { background: none }
	
* {outline:none;} /* no outline on linked images when clicked in Firefox */

/* =Calendar
----------------------------------------------- */
.NextPrevStyle { color:#FFFFFF; font-family:Arial, Helvetica, Sans-Serif; font-size:14px; font-weight:bold; }
.NextPrevStyle a:link, a:visited { color:#ffffff; text-decoration:none; }
.NextPrevStyle a:hover { color:#ffffff; text-decoration:none; }
#content .NextPrevStyle a:link, a:visited { color:#ffffff; text-decoration:none; }
#content .NextPrevStyle a:hover { color:#ffffff; text-decoration:none; }

.TitleStyle { color:White; font-family:Arial, Helvetica, Sans-Serif; font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:10px; }
.DayHeaderStyle { color:White; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; background-color:#333333; }
.calendar_date { color:#900000; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-weight:bold; }
.WeekendStyle { color:#900000; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-weight:bold; height:100px; }
.EventLink:link, .EventLink:visited { text-decoration:none; color:#900000; font-family:Arial, Helvetica, Sans-Serif; font-size:12px; font-weight:bold; }
.EventLink:hover { text-decoration:underline; }
.printFriendly { display:block; outline:none; margin-bottom:12px; width:139px; height:22px; }