* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px; /* sets 1em to 10px */
	font-family: Helvetica, Arial, sans-serif;
	background-color: #f7f2df;
	padding: 0 0; /* use padding instead of margin on wrapper div to avoid IE ad rendering issues */
}

#mainBack {
	background-image: url(../images/grunge_background.gif);
	background-repeat: repeat-x;
	margin-bottom: 15px;
}

a img {
	border: none;
}

a:link, a:visited {
	color: #064599;
	text-decoration: none;
}
a:hover, a:active {
	color: #064599;
	text-decoration: underline;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

hr.clearFloat {
	clear: both;
	display: block;
	visibility: hidden;
	margin: 0;
}

.clearFloat {
	clear: both;
	line-height: 0;
	height: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#header {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#headerLogo {
	height: 100px;
	width: 770px;
	margin: 0 auto 0 auto;
}

.navBack {
	margin: 0;
	padding: 0;
	background-image: url(../images/Navigation_bk.gif);
	background-repeat: repeat-x;
}

#footer {
	width: 790px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image:url(../images/content_area_bot.gif);
	background-repeat: no-repeat;
	height: 22px;
	clear: both;
	margin-bottom: 50px;
}

#footer .footerlinks {
	font-size: 1.1em;
	margin-bottom: 1em;
	padding-top: 2.5em;
	width: 645px;
	padding-left: 30px;
	word-spacing: .15em;
	color: #666666;
}

#footer .footerlinks a {
	color: #999472;

}

.footerlinks a:hover {
	text-decoration: underline;	

}

/*- Main Navigation ----------------------------------------------------------*/

#navigation {
	position: relative;
	width: 785px; /* force hasLayout in IE */
	height: 58px;
	color: #333333;
}

#navWrap {
	position: relative;
	margin: 0 auto 0 auto;
	width: 785px;
}

#navigation li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

#navWhoWeAre a,
#navPrograms a, 
#navOurCampus a,
#navHelp a,
#navPlace a,
#navFAQ a,
#navEmployment a,
#navContact a {
	display: block;
	height: 100%;
	text-indent: -5000px;
}


#navWhoWeAre {
	height: 31px;
	background-image: url(http://www.westviewboyshome.net/images/btn_Who_We_Are.gif);
	background-repeat: no-repeat;
}

#navPrograms {
	height: 31px;
	background-image: url(http://www.westviewboyshome.net/images/btn_Programs.gif);
	background-repeat: no-repeat;
	
}

#navOurCampus {
	height: 31px;
	background-image: url(http://www.westviewboyshome.net/images/btn_Our_Campus.gif);
	background-repeat: no-repeat;
}

#navHelp {
	height: 31px;
	background-image: url(http://www.westviewboyshome.net/images/btn_How_You_Can_Help.gif);
	background-repeat: no-repeat;
	
}

#navPlace {
	height: 31px;
	background-image: url(http://www.westviewboyshome.net/images/btn_How_Do_You_Place_a_Boy.gif);
	background-repeat: no-repeat;

}

#navFAQ {
	height: 31px;
	background-image: url(http://www.westviewboyshome.net/images/btn_FAQ.gif);
	background-repeat: no-repeat;
}

#navEmployment {
	height: 30px;
	background-image: url(http://www.westviewboyshome.net/images/btn_Employment.gif);
	background-repeat: no-repeat;
}

#navContact {
	height: 31px;
	background-image: url(http://www.westviewboyshome.net/images/btn_Contact.gif);
	background-repeat: no-repeat;

}


/* tier 1 defaults */
#navWhoWeAre {width: 93px;	background-position: 0 -1px;}
#navPrograms {width: 79px;	background-position: 0 -1px;}
#navOurCampus {width: 95px; background-position: 0 -1px;}
#navHelp {width: 131px; background-position: 0 -1px;}
#navPlace {width: 164px; background-position: 0 -1px;}
#navFAQ {width: 50px; background-position: 0 -1px;}
#navEmployment {width: 97px; background-position: 0 -1px;}
#navContact {width: 65px; background-position: 0 -1px;}


/* tier 1 highlighting (disable hover states) */
.WhoWeAre #navWhoWeAre, .WhoWeAre #navWhoWeAre:hover, .WhoWeAre #navWhoWeAre.hover {background-position: 0 -65px;}
.Programs #navPrograms, .Programs #navPrograms:hover, .Programs #navPrograms.hover {background-position: 0 -65px;}
.OurCampus #navOurCampus, .OurCampus #navOurCampus:hover, .OurCampus #navOurCampus.hover {background-position: 0 -65px;}
.Help #navHelp, .Help #navHelp:hover, .Help #navHelp.hover {background-position: 0 -65px;}
.Place #navPlace, .Place #navPlace:hover, .Place #navPlace.hover {background-position: 0 -65px;}
.FAQ #navFAQ, .FAQ #navFAQ:hover, .FAQ #navFAQ.hover {background-position: 0 -65px;}
.Employment #navEmployment, .Employment #navEmployment:hover, .Employment #navEmployment.hover {background-position: 0 -65px;}
.Contact #navContact, .Contact #navContact:hover, .Contact #navContact.hover {background-position: 0 -65px;}

/* hover states */
#navWhoWeAre:hover, #navWhoWeAre.hover {background-position: 0 -33px;}
#navPrograms:hover, #navPrograms.hover {background-position: 0 -33px;}
#navOurCampus:hover, #navOurCampus.hover {background-position: 0 -33px;}
#navHelp:hover, #navHelp.hover {background-position: 0 -33px;}
#navPlace:hover, #navPlace.hover {background-position: 0 -33px;}
#navFAQ:hover, #navFAQ.hover {background-position: 0 -33px;}
#navEmployment:hover, #navEmployment.hover {background-position: 0 -33px;}
#navContact:hover, #navContact.hover {background-position: 0 -33px;}

/* turn off subesection by default */
#navigation li ul {
	display: none;
	position: absolute;
	top: 31px;
	left: 0;
	width: 785px;
	background-image: url(../images/secondary_Nav_bk.gif);
	background-repeat: repeat;
}

/* for all links in the list */
#navigation li ul li a {
	display: block;
	height: auto; /* override height from tier 1 anchors */
	line-height: 20px;
	padding: 2px 12px 0 5px;
	font-size: 11px;
	text-indent: 0; /* override text-indent from tier 1 anchors */
	color: #333333;
}

.WhoWeAre #navWhoWeAre ul,
.Programs #navPrograms ul, 
.OurCampus #navOurCampus ul,
.Help #navHelp ul,
.Place #navPlace ul,
.FAQ #navFAQ ul,
.Employment #navEmployment ul,
.Contact #navContact ul {
	display: block;
}

/* subsection rollovers */
#navigation li:hover ul, #navigation li.hover ul {
	display: block;
	z-index: 1000;
}

/* tier 2 highlighting */
.WhoWeAreHome #wwaHome a,
.WhoWeAreMission #wwaMission a,
.WhoWeAreAbout #wwaAbout a,
.WhoWeAreHistory #wwaHistory a,
.WhoWeAreLicenses #wwaLicenses a,
.WhoWeArePersonnel #wwaPersonnel a,

.ProgramsHome #pHome a,
.ProgramsBehavior #pBehavior a,
.ProgramsCounseling #pCounseling a,
.ProgramsEducational #pEducational a,
.ProgramsHealth #pHealth a,
.ProgramsLivestock #pLivestock a,
.ProgramsSocial #pSocial a,
.ProgramsSpiritual #pSpiritual a,
.ProgramsWork #pWork a,
.ProgramsTransitional #pTransitional a,

.OurCampusHome #ocHome a,
.OurCampusCottages #ocCottages a,
.OurCampusAdministration #ocAdministration a,
.OurCampusOldCampus #ocOldCampus a,
.OurCampusRanch #ocRanch a,
.OurCampusFarm #ocFarm a,

.HelpHome #hhHome a,
.HelpIndividuals #hhIndividuals a,
.HelpChurches #hhChurches a,
.HelpCorporations #hhCorporations a,
.HelpFoundations #hhFoundations a,
.HelpCurrentProjects #hhCurrentProjects a,

.PlaceHome #hpHome a,

.FAQHome #fHome a,
.FAQBoys #fBoys a,
.FAQProgram #fProgram a,
.FAQFunding #fFunding a,

.EmploymentHome #eHome a,
.EmploymentParents #eParents a,
.EmploymentInterns #eInterns a,

.ContactHome #cHome a {
	cursor: default;
	text-decoration: none;
	font-weight: bold;
}

/*- Main Content -------------------------------------------------------------------*/

#donateBoy_Top {
	width: 790px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/donate_boy_head.gif);
	background-repeat: no-repeat;
	background-position: 668px;
	height: 25px;
}

#RoundedTop {
	width: 790px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/content_area_top.gif);
	background-repeat: no-repeat;
	height: 22px;
}

.HD_logo {
	float: right;
	padding-right: 20px;	
}



/*- Main -------------------------------------------------------------------*/

#mainContent {
	width: 790px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/content_area_back.gif);
	background-repeat: repeat-y;
}

#Content {
	width: 790px;
	overflow: auto;
}


#main {
	width: 484px;
	position:relative;
	margin-top: 10px;
	padding-left: 30px;
	padding-right: 15px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #EEEFEE;
	line-height: 1.4em;
}

#sidebar {
	float: right;
	width: 203px;
	padding-right: 30px;
}

/*- Newsletter sign up -------------------------------------------------------------------*/

#newsletter {
	margin-top: 23px;	
	
}

#sign_up {
	width: 203px;
	margin-top: 23px;
	background-image: url(../images/sign_up_back.jpg);
	background-repeat: repeat-y;
	text-align: center;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

#sign_up_safe {
	width: 203px;
	margin-top: 8px;
	text-align: center;
}

.sign_up_fields {
	margin-top: 15px;

}

.sign_up_btn {
	margin-top: 15px;

}

/*- text styles -------------------------------------------------------------------*/

#main {
	font-size: 1.17em;

}

#main .Headline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.85em;
	color: #a1af31;
	margin-top: 0px;
	margin-bottom: 0px;
}

#main .Subhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #B0AE97;
	margin-top: 0px;
	margin-bottom: 0px;
}

#main img {
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 4px;
}
	
#main p {
	color: #444444;
	line-height: 2em;
	margin-top: 1em;
}

#main ul {
	margin-top: 1em;
}

#main li {
	color: #444444;
	text-indent: -16px;
	margin-left: 37px;
	list-style-position: inside;
	list-style-image: url(../images/round_bullet.gif);
	margin-bottom: 10px;
}