/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */

/* STYLES FOR ALL PAGES */

/*
Generic classes
*/
.floatRightPadLeft30{
	float: right;
	padding-left: 30px;

}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}


/* specific Styles */


#body {
	margin:0px auto;padding:0px;text-align:center;
}

/* Main Wrapper */
#Uber {
	height: 100%;width: 982px; padding:0px;margin:0px auto;text-align: center;background-color: #FFFFFF;
	border-right-width: 1px;border-right-style: solid;border-right-color: #CCCCCC;
	border-left-width: 1px;border-left-style: solid;border-left-color: #CCCCCC;
	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCCCCC;
}


/* Top nav (forms, FAQs, contact us, site map */
#TopNav {
	float: right;width: 250px;margin: 0px;background-color: #FFFFFF;padding-top: 15px;
}

#TopNav img {
	float: left;padding-right: 4px;
}

#TopNav a {
	text-transform: uppercase;padding-left: 8px;font-size: 11px;
}
#TopNav a:Hover, #TopNav a:Visited, #TopNav a:Active {
text-decoration:none;
}

/* Main Navigation: Home, About us, etc */
#MainNav {
	height: 42px;width: 952px;background-color: #83559D;margin-left: 0px;padding-left: 30px;
}



/* Footer Styles */
#Footer{
	width: 100%;float: left;padding-bottom: 30px;
	margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;
}

#Footer h6 {
	float: left;width: 400px;text-align: left;display: block;
	padding-left: 15px;padding-bottom: 5px;
}


#searchBox {
	float:right;width: 180px;text-align: right;
	margin:0px;padding-bottom: 0px;padding-right: 15px;
}
#searchBox input {
	margin-right: 5px;margin-top: 0px;color: #333333;
	font-size: 11px;width: 125px;padding: 3px;vertical-align: bottom;
}

#searchButton{
	margin-bottom:2px;vertical-align: bottom;
}


#FooterLinks {
	float:right;width: 250px;text-align: right;padding-top:6px;
}
#FooterLinks p{
	vertical-align: text-bottom
}

#FooterAddress {
	float: left;width: 145px;text-align: left;padding-left: 15px;clear: left;
}

#FooterPhone {
	width: 240px;text-align: left;padding-left: 15px;float: left;display: block;
}

a img{
	border: 45px;border: #7098cc 1px solid;
}

#esolutionsLogo {
	float: right;clear: right;display: block;padding-right: 15px; border:0px;
}

/* W3C logo and text */
#W3C {
	padding-left:100px;	margin-left:15px;font-size: 10px;color: #666666;
	width: 160px;height: 40px;clear: both;float:left;text-align: left;
	background: url(../images/interface/w3c.gif) no-repeat left top;
}



/* STYLES HOME PAGE ONLY */

#Header {
	height: 261px;background: url(../images/interface/children.jpg) no-repeat center bottom;
}

/*Header for the foundation homepage*/
#HeaderFoundation {
	height: 261px;background: url(../images/interface/foundationHeaderImage.jpg) no-repeat center bottom;
}

/* CAS Logo */
#CASLogoHome {
	padding-top: 35px;padding-left: 35px;float: left;
}
/* Help now button */
#HelpNowHome {
	float: right;padding-right: 75px;clear: right;padding-top: 50px;
}

/* Main content area of homepage */
#HomeContent {
	float: left;clear: both;width:968px;text-align: left;
	border-top-width: 8px;border-top-style: solid;border-top-color: #ABA66F;
	border-bottom-width: 8px;border-bottom-style: solid;border-bottom-color: #ABA66F;
	margin-top: 8px;margin-bottom:20px;padding-top: 15px;padding-bottom: 15px;padding-left: 14px;
}

/* top rounded image used for rounded content boxes */
.topRounded {
	height: 9px;width: 309px;
	background: url(../images/interface/homepageRounded_Top.gif) no-repeat top left ;
}

/* left content box */
#HomeLeftBox {
	float:left;text-align: left;width: 309px;height:223px;
	background: url(../images/interface/homepageRounded_Bottom.gif) #DDDDBB no-repeat left bottom;
}

/* the actual content in the content box */
#HomeLeftContent {
	padding-top: 5px;padding-right: 20px;padding-bottom: 5px;padding-left: 20px;
}

#HomeLeftBox h1{
	font-size:20px; font-weight:500; font-style:italic; line-height:20px; padding-bottom: 10px;
}


/* right content box */
#HomeRightBox {
	float:left; text-align: left;width: 309px;height:223px;
	background: url(../images/interface/homepageRounded_Bottom.gif) #DDDDBB no-repeat left bottom;
}
/* the actual content in the content box */
#HomeRightContent {
	padding-top: 5px;padding-right: 20px;padding-bottom: 5px;padding-left: 20px;
}

#HomeRightBox h1{
font-size:20px;font-weight:500;font-style:italic;line-height:20px;padding-bottom: 10px;
}




/* STYLES FOR CONTENT PAGES */

/*Content Page Header */
#HeaderContent {
	height: 178px;background: url(../images/interface/Children_content.jpg) no-repeat center bottom;
}
/*Header for the foundation content*/
#FoundationHeaderContent {
	height: 178px;background: url(../images/interface/foundationContentHeader.jpg) no-repeat center bottom;
}


/*CAS Logo*/
#CASLogoContent {
	margin-top: 20px;margin-left: 25px;float: left;
}

/* Help Now Button */
#HelpNowContent {
	float: right;padding-right: 50px;clear: right;padding-top: 20px;
}

/* Content Wrapper */
#Content {
	width:922px;text-align: left;float: left;clear: both;
	border-top-width: 8px;border-top-style: solid;border-top-color: #ABA66F;
	border-bottom-width: 8px;border-bottom-style: solid;border-bottom-color: #ABA66F;
	margin-top: 8px; margin-bottom:20px;padding-top: 25px;padding-bottom: 15px;padding-left: 30px;padding-right: 30px;
}

/* Main Content for Text */
#mainContent {
	float:left;width: 660px;
}

/* pads the heading and displays a border on the bottom */
#sectionHeading {
	border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ABA66F;
	padding-bottom: 10px;margin-bottom: 15px;
}

#sectionHeading h1{
width:660px;font-size:20px;font-weight:400;
}

/* Print and Email Buttons container*/
#printAndEmail {
	width: 126px;
}




/* Sub Nav */
#subNav{
	float:right;width: 224px;
	background: #DDDDBB url(../images/interface/contentBottomRounded.gif) bottom left no-repeat;

}

/* rounded corner on top of sub Nav */
#topRoundedContent{
	height:11px;padding-bottom:5px;
	background: #DDDDBB url(../images/interface/contentTopRounded.gif) top left no-repeat;
}

#subNav h1{
font-style:italic;font-size:16px;font-weight:bold;
}

/*the content in the subNav*/
#subNavContent {
	padding-right: 20px;padding-left: 20px;padding-bottom:15px;
}

#subNavContent ul {
margin:0px;padding-top:10px; padding-left:0px;list-style:none;
}

#subNavContent ul a{
	display:block;padding-left: 15px;padding-bottom: 5px;padding-top:5px;
	background:url(../images/interface/subNav_bullet_up.gif) 0px 9px no-repeat;
	font-size: 12px;font-style: italic;
}

#subNavContent li {
	display:inline; /* IE list padding/tab fix */
}

#subNavContent a:Hover {
	background:url(../images/interface/subNav_bullet_over.gif) 0px 9px no-repeat;text-decoration:none;
}

#subNav a.subnavon {
	background:url(../images/interface/subNav_bullet_over.gif) 0px 9px no-repeat;text-decoration:none;
	color:#333333;
}

/* TYPOGRAPHY AND LINKS in specific divs that differ from the base.css styles */




/* CSS NAVIGATION STYLES using DaveyJJ's method of moving background images */


/* Home Button */
#Navtab1 a {
	display: block; width: 51px; height: 42px; margin-left: 0px; padding: 0; float: left;
	background: url(../images/interface/Nav_Home.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab1 a:hover {
	background-position: 0px -42px;
}
#Navtab1on a, #Navtab1on a:hover {
	display: block; width: 51px; height: 42px; margin-left: 0px; padding: 0; float: left;
	background: url(../images/interface/Nav_Home.gif) 0px -42px no-repeat; text-decoration: none;
}



/* About Us Button */
#Navtab2 a {
	display: block; width: 75px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_About.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab2 a:hover {
	background-position: 0px -42px;
}
#Navtab2on a, #Navtab2on a:hover {
	display: block; width: 75px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_About.gif) 0px -42px no-repeat; text-decoration: none;
}





/* Protecting Button */
#Navtab3 a {
	display: block; width: 143px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Protecting.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab3 a:hover {
	background-position: 0px -42px;
}
#Navtab3on a, #Navtab3on a:hover {
	display: block; width: 143px; height: 42px; margin-left: 5px; padding: 0;  float: left;
	background: url(../images/interface/Nav_Protecting.gif) 0px -42px no-repeat; text-decoration: none;
}


/* Fostering Button */
#Navtab4 a {
	display: block; width: 80px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Fostering.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab4 a:hover {
	background-position: 0px -42px;
}
#Navtab4on a, #Navtab4on a:hover {
	display: block; width: 80px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Fostering.gif) 0px -42px no-repeat; text-decoration: none;
}




/* Adoption Button */
#Navtab5 a {
	display: block; width: 80px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Adoption.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab5 a:hover {
	background-position: 0px -42px;
}
#Navtab5on a, #Navtab5on a:hover {
	display: block; width: 80px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Adoption.gif) 0px -42px no-repeat; text-decoration: none;
}




/* Volunteering Button */
#Navtab6 a {
	display: block; width: 102px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Volunteering.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab6 a:hover {
	background-position: 0px -42px;
}
#Navtab6on a, #Navtab6on a:hover {
	display: block; width: 102px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Volunteering.gif) 0px -42px no-repeat; text-decoration: none;
}



/* Employment Button */
#Navtab7 a {
	display: block; width: 91px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Employment.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab7 a:hover {
	background-position: 0px -42px;
}
#Navtab7on a, #Navtab7on a:hover {
	display: block; width: 91px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Employment.gif) 0px -42px no-repeat; text-decoration: none;
}


/* Community Button */
#Navtab8 a {
	display: block; width: 153px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Community.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab8 a:hover {
	background-position: 0px -42px;
}
#Navtab8on a, #Navtab8on a:hover {
	display: block; width: 153px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Community.gif) 0px -42px no-repeat; text-decoration: none;
}


/* Foundation Button */
#Navtab9 a {
	display: block; width: 92px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Foundation.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab9 a:hover {
	background-position: 0px -42px;
}
#Navtab9on a, #Navtab9on a:hover {
	display: block; width: 92px; height: 42px; margin-left: 5px; padding: 0; float: left;
	background: url(../images/interface/Nav_Foundation.gif) 0px -42px no-repeat; text-decoration: none;
}


/*
--------------------------
Foundation Page Navigation
--------------------------
*/

/* Home Button */
#Navtab10 a {
	display: block; width: 59px; height: 42px; margin-right: 50px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_home.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab10 a:hover {
	background-position: 0px -42px;
}
#Navtab10on a, #Navtab10on a:hover {
	display: block; width: 59px; height: 42px; margin-right: 50px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_home.gif) 0px -42px no-repeat; text-decoration: none;
}


/* About Us */
#Navtab11 a {
	display: block; width: 78px; height: 42px; margin-right: 50px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_about.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab11 a:hover {
	background-position: 0px -42px;
}
#Navtab11on a, #Navtab11on a:hover {
	display: block; width: 78px; height: 42px; margin-right: 50px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_about.gif) 0px -42px no-repeat; text-decoration: none;
}


/* How to Help */
#Navtab12 a {
	display: block; width: 97px; height: 42px; margin-right: 50px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_how.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab12 a:hover {
	background-position: 0px -42px;
}
#Navtab12on a, #Navtab12on a:hover {
	display: block; width: 97px; height: 42px; margin-right: 50px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_how.gif) 0px -42px no-repeat; text-decoration: none;
}


/* What We Do */
#Navtab13 a {
	display: block; width: 93px; height: 42px; margin-right: 50px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_what.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab13 a:hover {
	background-position: 0px -42px;
}
#Navtab13on a, #Navtab13on a:hover {
	display: block; width: 93px; height: 42px; margin-right: 50px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_what.gif) 0px -42px no-repeat; text-decoration: none;
}


/* Events */
#Navtab14 a {
	display: block; width: 63px; height: 42px; margin-right: 50px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_events.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab14 a:hover {
	background-position: 0px -42px;
}
#Navtab14on a, #Navtab14on a:hover {
	display: block; width: 63px; height: 42px; margin-right: 50px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_events.gif) 0px -42px no-repeat; text-decoration: none;
}


/* Children's Aid homepage */
#Navtab15 a {
	display: block; width: 275px; height: 42px; margin-right: 0px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_CAS.gif) 0 0 no-repeat; text-decoration: none;
}
#Navtab15 a:hover {
	background-position: 0px -42px;
}
#Navtab15on a, #Navtab15on a:hover {
	display: block; width: 275px; height: 42px; margin-left: 0px; padding: 0; float: left;
	background: url(../images/interface/NavFoundation_CAS.gif) 0px -42px no-repeat; text-decoration: none;
}


/* ----- end template ----- */