@import url("reset.css");

body
{
	background: #ffffff url(../images/bggray.jpg) top repeat-x;
	color: #1c1c1c;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	
}

.important 
{
	padding: 10px;
	background-color: #7d1110;
	margin: 10px 0 10px 0;
	color: #ffffff;
}


#Main 
{
	width: 770px;
	margin: 0 auto;
	
}

#Header {
	width: 770px;
	height: 100px;
	text-align: left;
	z-index: 200;
	/*background-color: orange;*/
	}
	
	#Header #HeaderLeft {
		width: 150px;
		float: left;
		height: 100px;
		}
		
	#Header #HeaderRight {
		width: 520px;
		float: right;
		height: 100px;
		text-align: left;
		padding: 0 0 0 50px;
		/*border: 1px solid orange;*/
		}

.home {
	background-image: none;
	}

#PageHeaderKids {
	width: 770px;
	height: 105px;
	}
	
	
#PageHeader {
	width: 770px;
	height: 205px;
	}
	
	#PageHeader #PageHeaderLeft {
		width: 250px;
		height: 205px;
		float: left;
		/*background-color: red;*/
		}
		
	#PageHeader #PageHeaderRight {
		width: 520px;
		height: 205px;
		float: right;
		/*background-color: purple;*/
		}
		
#FMA {
	width: 770px;
	height: 380px;
	z-index: -50;
	}

#HorizMenu {
	/**/background-color: #313131;
	height: 30px;
	width: 518px;
	margin: 40px 0 0 0;
	text-align: left;
	/*border:1px solid red;
	border-top: 1px solid #8db059;
	border-bottom: 1px solid #8db059;*/
	}
	

#Content {
	width: 770px;
	margin: 0 0 40px 0;
	/*border-bottom: 1px solid orange;
	background-color: green;*/


	}

#MainNav {
	width: 145px;
	/*background-color: #33CC99;*/
	float: left;
	text-align: left;
	padding: 50px 0 0 0;
	/*border: 1px solid red;*/
	}

#MainContent {
	width: 540px;
	height: auto;
	text-align: left;
	/*background-color: #FFFF00;*/
	float: right;
	/*border: 1px solid green;*/
	}
#ContentTextContainer {
	width: 500px;
	padding: 50px 0 0 20px;
	}
	

#Footer {
	width: 770px;
	height: 125px;
	clear: both;
	text-align: left;
	margin: 40px 0 0 0;
	border-top: 1px solid #d0d0d0;
	padding: 10px 0 0 0;
	/*background-color: #330099;*/
}

	#Footer #FooterLeft 
	{
		width: 240px;
		height: 125px;
		float: left;
		margin: 0 5px 0 0;
		border-right: 1px solid #d0d0d0;
		/*background-color: Green;*/
	}
	
	#Footer #FooterRight 
	{
		width: 520px;
		height: 125px;
		float: right;
	}
	
	#Footer #FooterRight #FooterTop 
	{
		width: inherit;
		height: 25px;
		line-height: 25px;
		border-bottom: 1px solid #d0d0d0;
		/*background-color: Lime;*/
	}
	
	#Footer #FooterRight #FooterBottom 
	{
		width: inherit;
		height: 60px;
		padding: 10px 0 0 0;
		/*background-color: Fuchsia;*/
	}
	
	#Footer #FooterRight #FooterBottom ul#NavList {
		list-style-image: none;
		list-style: none;
		list-style-type: none;
		margin:0;
		position:relative;
	}
	
	#Footer #FooterRight #FooterBottom ul#NavList li.listSection {
		float:left;
		margin:0pt 15px 0pt 0pt;
		width:120px;
	}
	

	#Footer #FooterRight #FooterBottom ul#NavList li ul li.sectionHeader {
		color:#4B4B4B;
		font-size:11px;
		font-weight:bold;
	}
	
	#Footer #FooterRight #FooterBottom ul#NavList li ul li {
		line-height: 17px;
		}
	
	
	#Footer #FooterRight #FooterBottom ul#NavList li a.bottomNav:link {
		color:#AAAAAA;
		font-size:11px;
		text-decoration:underline;
	}
	
	#Footer #FooterRight #FooterBottom ul#NavList li a.bottomNav:hover {
		color:#845401;
		text-decoration:underline;
	}
	
	#Footer #FooterRight #FooterBottom ul#NavList li a.bottomNav:visited {
		color:#AAAAAA;
		font-size:11px;
		text-decoration:none;
	}

/*************************************

		Content Styling
		
/*************************************/

a.broswerUpgrade 
{
	color: #990000;
	font-weight: bold;
	text-decoration: underline;
}



h1 {
	color: #301800;
	font-size: 24px;
	font-weight: lighter;
	margin: 0 0 15px 0;
	}

h2 {
	color: #8db059;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
	}
	
h3 {
	color: #301800;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0 10px 0;
	}
	
p.normalText {
	line-height: 16px;
	font-size: 11px;
	margin: 0 0 10px 0;
	}

.systemmessage 
{
	background-color: #8d0d13;
	padding: 10px;
	margin: 10px 0 10px 0;
	width: auto;
	height: auto;
	color: #ffffff;
	font-weight: bold;
}

.opportunitiesHeader 
{
	font-size: 16px;
	color: #ffffff;
	margin:0;
	font-weight: lighter;
}

.faqQuestion 
{
	font-weight: bold;
}

a, a:link 
{
	color: #8db059;
	text-decoration: underline;
}

a:hover 
{
	color: #8db059;
	text-decoration: none;
}

a:visited
{
	color: #964b1e;
	text-decoration: underline;
}

a.faqQuestion, a:link.faqQuestion 
{
	color: #8db059;
	text-decoration: underline;
}

a:hover.faqQuestion 
{
	color: #8db059;
	text-decoration: none;
}

a:visited.faqQuestion
{
	color: #964b1e;
	text-decoration: underline;
}

a.footerLink:link {
	color: #964b1e;
	text-decoration: underline;
	}

a.footerLink {
	color: #964b1e;
	text-decoration: underline;
	}
	
a.footerLink:hover {
	color: #6e2713;
	text-decoration: underline;
	}
	
a.footerLink:visited {
	color: #6e2713;
	text-decoration: underline;
	}

	
	
#QuestionSection 
{
	line-height: 22px;
}

ul#General {
	list-style-type: square;
	margin: 10px 0 0 20px;
	}
	
ul#General li
{
	line-height: 18px;
}

ul.General {
	list-style-type: square;
	margin: 10px 0 0 20px;
	}
	
ul.General li
{
	line-height: 18px;
}
/*************************************

		Temporary Home Menu
		
/*************************************/

#HomeMenu {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	}
	
#HomeMenu li {
	float: left;
	width: auto;
	padding: 0 10px 0 10px;
	height: 20px;
	text-align: left;
	line-height: 30px;
	}
	
#HomeMenu li a {
	color: #ffffff;
	text-decoration: none;
	}
	
#HomeMenu li a:hover {
	color: #8db059;
	text-decoration: underline;
	}
	
#HomeMenu li a:visited {
	color: #8db059;
	}

/*************************************

		SLIDING PANELS
		
/*************************************/	

#ThumbContainer 
{
	width: 640px;
	height: 130px;
	clear: both;
	margin: 10px 0 0 0;
	text-align: left;
	
}

.thumbImage 
{
	float: left;
	width: 150px;
	height: 130px;
	margin: 0 10px 0 0;
}

.SlidingPanels {
   position: relative;
   width: 100%;
   height: 380px;
   padding: 0px;
   
   }
   
.SlidingPanelsContentGroup {
   position: relative;
   height:100%;
   margin: 0px;
   padding: 0px;
   }
   
.SlidingPanelsContent {
   width: 100%;
   height: 380px;
   overflow: hidden;
   margin: 0px;
   padding: 0px;
   }
   
   
ul#HorizList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

	
ul#HorizList li#col1 {
	float: left;
	width: 100px;
	height: 120px;
	margin: 0;
	padding: 0;
	}
	
ul#HorizList li#col2 
{
	width: 200px;
	height: 120px;
	float: left;
	margin: 0;
	padding: 0;
	
}

ul#HorizList li ul 
{
	width: 200px;
}


ul#HorizList li ul li {
	color: #ffffff;
	display: block;
	margin: 0 0 10px 0;
	}
	
#Oppportunities {
	width: 345px;
	height: 115px;
	padding: 15px 0 20px 40px;
	background: url(../images/opportunities_bg.gif) no-repeat top center;
	}
	
/*************************************

		Logo Explanation Page
		
/*************************************/	


#LogoContainer 
{
	width: 540px;
	height: 150px;
	background-color: #ffffff;
	border: 1px solid #bbb9ba;
}

#LogoImage 
{
	margin: 0 auto;
}

/*************************************

		FORM STYLES
		
/*************************************/	

.highLightPanel {
	width: 500px;
	padding: 10px;
	}
	
.highLightPanel.focused {
	color: #c4c4c4;
	}
	
.formLabel {
	display: block;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	margin: 0 0 3px 0;
	}
	
.formTextBox {
	width: 400px;
	height: 15px;
	padding: 5px;
	color: #333333;
	}
	
.formMultiLine {
	width: 400px;
	height: 150px;
	padding: 5px;
	color: #333333;
	}

.conwaypic 
{
	float: left;
	margin: 0 10px 10px 0;
}


.speakerpic 
{
	float: left;
	margin: 0 10px 10px 0;
}

/*************************************

		SITE MANAGER PAGES
		
/*************************************/	

.SiteSection 
{
	width: 500px;
	border-bottom: 1px solid #bbbbbb;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
	
	.SiteSection p.header 
	{
		color: #3d79b4;
		font-size: 18px;
		font-weight: lighter;
		margin: 0 0 5px 0;
	}

/* Focus on the Family */

#OuterContainter
{
    
}

#CenterImage
{
    width: 440px;
    height: 460px;
    margin: 0 auto;
}

#CenterImageTop
{
    width: 440px;
    height: 230px;
}

#CenterImageBottom
{
    width: 440px;
    background: transparent url("../images/fotf_imagebottom.jpg") top center no-repeat;
    height: 120px;
    padding: 110px 0 0 0;
}

#CenterContent
{
    width: 440px;
    margin: 0 auto;
}

#IntroText
{
    width: 250px;
    height: 110px;
    
}

.center
{ 
    margin: 0 auto;
}

#AudioContainerBoundless
{
    width: 260px;
    height: 120px;
    background-color: #bfe2aa;
    padding: 10px;
}

.audioContainerText 
{
    margin: 5px 0 10px 10px;
}

.audioPlayer
{
    margin: 0 0 0 10px;
}

#FotfContent
{
    
}

#FotfLeft h4 
{
    color: #5283b5;
}

#FotfLeft
{
    
    color: #444444;
    font-size: 11px;
    padding: 0;
    
}

#FotfRight
{
    padding: 0;
    
}

#FotfFooter
{
    
}

#FotfListen
{
    background: transparent url("../images/fotf_listen.png") top left no-repeat;
    color: #40ba27;
    height: 130px;
    position: relative;
}

.player
{
    width: 250px; height: 20px; position: absolute; top: 65px; left: 90px;
}