/*

Company:	Freedom Valley YMCA

File:		main.css - This contains all the main styles for the website.



All the styles are separted into the following groups:

Global Browser Reset - this is handled by the reset-fonts.css file from YUI

HTML, Body - for the html and body tags

Layout - styles that define the layout of the site

Modules - styles for content modules

Nav - navigation bar

Default Headings - headings like h1, h2, etc

Common Text Styles - Styles for text

Default Lists - unordered and ordered lists

Forms - html forms

Default Links - links

Misc - anything that doesn't fit elsewhere

*/



/* @group HTML, Body */

body {

	background-color: #f2f3e5;

	font-family: "Trebuchet MS", sans-serif;

}

/* @end */



/* @group Layout */

/* Head */

div#hd {

	height: 251px;

	overflow: hidden;

}

body.green div#hd {

	background: url(../images/green-hd-bkg.gif) repeat-x 0 10px;

}

body.orange div#hd {

	background: url(../images/orange-hd-bkg.gif) repeat-x 0 10px;

}

body.gray div#hd {

	background: url(../images/gray-hd-bkg.gif) repeat-x 0 10px;

}

body.ccare div#hd {

	background: url(../images/ccare-hd-bkg.gif) repeat-x 0 10px;

}

body.adults div#hd {

	background: url(../images/adults-hd-bkg.gif) repeat-x 0 10px;

}

body.youth div#hd {

	background: url(../images/youth-hd-bkg.gif) repeat-x 0 10px;

}

body.about div#hd {

	background: url(../images/about-hd-bkg.gif) repeat-x 0 10px;

}

body.wh div#hd {

	background: url(../images/wh-hd-bkg.gif) repeat-x 0 10px;

}





/* Body */

div#bd {

	width: 938px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 30px;

}

div#bd-wrap {

	width: 988px;

	margin-left: auto;

	margin-right: auto;

}



/* Footer */

/* @end */



/* @group Modules */

/* Head */

div#hd1 {

	height: 251px;

	overflow: hidden;

	background: url(../images/hd-checked-bar.gif) no-repeat -1390px 0;

	width: 988px;

	margin-left: auto;

	margin-right: auto;

}

div#hd-topbar {

	background: url(../images/hd-checked-bar.gif) no-repeat top center;

}

div#hd2 {

	width: 988px;

	margin-top: 10px;

	height: 211px;

	overflow: hidden;

}

div#hd2 img {

	margin: 0;

	padding: 0;

	float: left;

	display: inline;

}



div#hd-quote {

	width: 200px;

	margin-left: 10px;

	float: left;

	display: inline;

}

div#hd-quote img {

	float: none!important;

	vertical-align: text-top;

	margin-top: 33px;

}



div#hd-quote blockquote {

	font-size: 123.1%;

	color: #fff;

	padding: 26px 0 0 15px;

	margin: 33px 10px 10px 0;

	line-height: 155%;

}

body.green div#hd-quote blockquote {

	background: url(../images/green-ldquo.gif) no-repeat 0 0;

}

body.orange div#hd-quote blockquote {

	background: url(../images/orange-ldquo.gif) no-repeat 0 0;

}

body.gray div#hd-quote blockquote {

	background: url(../images/gray-ldquo.gif) no-repeat 0 0;

}

body.about div#hd-quote blockquote {

	background: url(../images/green-ldquo.gif) no-repeat 0 0;

}

body.ccare div#hd-quote blockquote {

	background: url(../images/orange-ldquo.gif) no-repeat 0 0;

}

body.adults div#hd-quote blockquote {

	background: url(../images/gray-ldquo.gif) no-repeat 0 0;

}

body.youth div#hd-quote blockquote {

	background: url(../images/green-ldquo.gif) no-repeat 0 0;

}

body.wh div#hd-quote blockquote {

	background: url(../images/orange-ldquo.gif) no-repeat 0 0;

}



div#hd-quote p.quote-sig {

	font-size: 108%;

	text-align: right;

	color: #fff;

}



/* Main */

div#main {

	width: 742px;

	background: url(../images/content-bkg.gif) repeat-y top right;

	float: left;

	display: inline;

}



/* Main Content */

div#main-content {

	width: 526px;

	font-family: Arial, sans-serif;

	float: left;

	display: inline;

}

div#main-content p {

	line-height: 155%;

}

/* div#main-content p:first-letter {

	font-size: 153.9%;

	font-family: Georgia, Times, serif;

	line-height: 80%;

}*/

div#main-content div.content {

	padding: 20px 23px;

}

/* Content Lists */
div#main-content div.content ul, div#main-content div.content ol {
	margin-bottom: 10px;
	margin-left: 20px;
}
div#main-content div.content ul li, div#main-content div.content ol li {
	line-height: 155%;
	margin-left: 10px;
	list-style-type: disc;
}

/* Detail Pages */

div#main-content2 {

	width: 526px;

	font-family: Arial, sans-serif;

	float: left;

	display: inline;

}

div#main-content2 p {

	line-height: 155%;

}

div#main-content2 div.content {

	padding: 20px 23px;

}



/* Footer */

div#main-content-footer {

	background: url(../images/content-btm.gif) no-repeat bottom right;

	width: 490px;

	padding: 15px 20px;

	margin-left: 212px;

	font-family: Arial, sans-serif;

	float: left;

	display: inline;

}

div#main-content-footer img#y-btm-logo {

	margin: 0 5px 0 0;

	float: left;

	display: inline;

}

div#main-content-footer p {

	margin: 0;

	font-size: 77%;

	color: #fff;

}

div#main-content-footer p.copyright {

	padding-top: 8px;

}

div#main-content-footer a:link, div#main-content-footer a:visited {

	color: #fff;

	text-decoration: underline;

}

div#main-content-footer a:hover {

	text-decoration: none;

}



/* Left Sidebar */

div#left-sidebar {

	width: 216px;

	/*background: url(../images/left-side-bkg.jpg) repeat-y 0 0;*/

	color: #857e66;

	margin-top: 10px;

	float: left;

	display: inline;

}

div#left-sidebar p {

	line-height: 137%;

}

div.left-sidebar-border {

	height: 1px;

	overflow: hidden;

	background: url(../images/left-side-border.gif) no-repeat 0 0;

}

div#left-sidebar div.content {

	padding: 15px 15px 15px 25px;

	background: url(../images/left-side-bkg.jpg) repeat-y 0 0;

}

div.left-col-hr {

	background: url(../images/left-col-div.gif) no-repeat 0 0;

	height: 1px;

	overflow: hidden;

	margin: 5px 0 10px 0;

}



/* Right Sidebar */

div#right-sidebar {

	width: 186px;

	padding-top: 10px;

	float: right;

	display: inline;

}



/* Right Info Box */

div.right-info-box {

	padding-bottom: 5px;

	margin-bottom: 15px;

}

div.right-info-box div.content {

	padding: 3px 15px 10px 15px;

}

div.right-info-box ul li {

	padding: 0;

	list-style-type: none;

	margin: 0;

}

div.right-info-box ul li.last {

	border-bottom: none;

}

div.right-info-box ul li a:link, div.right-info-box ul li a:visited {

	color: #463b29;

	text-decoration: none;

}

div.right-info-box ul li a:hover, div.right-info-box ul li.active a:link, div.right-info-box ul li.active a:visited {

	color: #691b11;

	text-decoration: none;

}

div.right-info-box-big {

	background: url(../images/big-right-info-box.jpg) no-repeat bottom left;

}

div.right-info-box-small {

	background: url(../images/small-right-info-box.jpg) no-repeat bottom left;

}



/* Cols */

div.cols {

	margin-bottom: 15px;

}

div.left-col-50 {

	width: 49%;

	float: left;

	display: inline;

}

div.right-col-50 {

	width: 49%;

	float: right;

	display: inline;

}



/* Search Table */

table.search {

	width: 100%;

}

table.search th {

	padding: 4px 12px 4px 0;

	color: #663300;

	font-weight: bold;

	border-bottom: 1px solid #999966;

	border-top: 1px solid #999966;

	white-space: nowrap;

}

table.search th span {

	font-weight: normal;

}

table.search td {

	padding: 7px 12px 7px 0;

	border-bottom: 1px dashed #ccccb2;

}



table.default {

	width: 100%;

}

table.default th {

	padding: 4px 12px 4px 0;

	color: #663300;

	font-weight: bold;

	border-bottom: 1px solid #999966;

	border-top: 1px solid #999966;

	white-space: nowrap;

}

table.default th span {

	font-weight: normal;

}

table.default td {

	padding: 7px 12px 7px 0;

	border-bottom: 1px dashed #ccccb2;

}



/* Photo Gallery */

div.photo-gallery-row {

	margin-bottom: 20px;

}

div.photo-gallery-row img {

	margin-right: 18px;

	float: left;

	display: inline;

}



/* Content Photo */

img.content-photol {

	padding: 3px;

	border: 1px solid #999966;

	margin: 0 20px 10px 0;

	float: left;

	display: inline;

}



img.content-photor {

	padding: 3px;

	border: 1px solid #999966;

	margin: 0 0 10px 20px;

	float: right;

	display: inline;

}



/* @end */



/* @group Nav */

div#nav {

	background: url(../images/nav-bkg.gif) no-repeat 0 0;

	height: 30px;

	width: 522px;

	margin-left: 233px;

	float: left;

	display: inline;

}

div#nav ul {

	margin-left: 14px;

}

div#nav ul li {

	background: url(../images/nav-div.gif) no-repeat 100% 60%;

	float: left;

	display: inline;

}

div#nav ul li a {

	display: block;

	width: 84px;

	line-height: 28px;

	margin-top: 2px;

	text-align: center;

	text-indent: -9000px;

	float: left;

	display: inline;

}

div#nav ul li#n-home a {

	background: url(../images/nav-tabs.gif) no-repeat 0 0;

}

div#nav ul li#n-families a {

	background: url(../images/nav-tabs.gif) no-repeat -84px 0;

}

div#nav ul li#n-child a {

	background: url(../images/nav-tabs.gif) no-repeat -168px 0;

}

div#nav ul li#n-adults a {

	background: url(../images/nav-tabs.gif) no-repeat -252px 0;

}

div#nav ul li#n-youth a {

	background: url(../images/nav-tabs.gif) no-repeat -336px 0;

}

div#nav ul li#n-about a {

	background: url(../images/nav-tabs.gif) no-repeat -420px 0;

}

div#nav ul li#n-about, div#nav ul li.no-div-line {

	background-image: none!important;

}





div#nav ul li a:link, div#nav ul li a:visited {

	color: #fff;

	text-decoration: none;

}

div#nav ul li a:hover, div#nav ul li a.active:link, div#nav ul li a.active:visited {

	color: #463b29;

}

div#nav ul li#n-home a:hover, div#nav ul li#n-home a.active {

	/*background: url(../images/nav-tabs.gif) no-repeat 0 0;*/

	background-position: 0 -28px;

}

div#nav ul li#n-families a:hover, div#nav ul li#n-families a.active {

	/*background: url(../images/nav-tabs.gif) no-repeat -84px 0;*/

	background-position: -84px -28px;

}

div#nav ul li#n-child a:hover, div#nav ul li#n-child a.active {

	/*background: url(../images/nav-tabs.gif) no-repeat -168px 0;*/

	background-position: -168px -28px;

}

div#nav ul li#n-adults a:hover, div#nav ul li#n-adults a.active {

	/*background: url(../images/nav-tabs.gif) no-repeat -252px 0;*/

	background-position: -252px -28px;

}

div#nav ul li#n-youth a:hover, div#nav ul li#n-youth a.active {

	/*background: url(../images/nav-tabs.gif) no-repeat -336px 0;*/

	background-position: -336px -28px;

}

div#nav ul li#n-about a:hover, div#nav ul li#n-about a.active {

	/*background: url(../images/nav-tabs.gif) no-repeat -420px 0;*/

	background-position: -420px -28px;

}



/* Side nav */

ul.side-nav {

	font-size: 100%;

	font-family: Arial, sans-serif;

}

ul.side-nav li {

	background: url(../images/left-col-div.gif) no-repeat bottom left;

	padding: 8px 0;

}

ul.side-nav li.last {

	background-image: none;

}

ul.side-nav ul {

	font-size: 93%;

	margin-top: 2px;

}

ul.side-nav ul li {

	background-image: none;

	padding-left: 8px;

	padding-top: 2px;

	padding-bottom: 2px;

}



div#left-sidebar ul.side-nav a:link, div#left-sidebar ul.side-nav a:visited {

	color: #663300;

	text-decoration: none;

	padding: 1px;

}



div#left-sidebar ul.side-nav li.active a:link, div#left-sidebar ul.side-nav li.active a:visited {

	background-color: #cf950d;

	color: #fff;

	font-weight: bold;

}



/* Child Care Side nav */

body.ccare div#left-sidebar ul.side-nav li.active a:link, body.ccare div#left-sidebar ul.side-nav li.active a:visited {

	background-color: #663300;

	color: #fff;

	font-weight: bold;

}

body.ccare div#left-sidebar ul.side-nav li.active ul li a:link, body.ccare div#left-sidebar ul.side-nav li.active ul li a:visited {

	background-color: transparent;

	color: #663300;

	font-weight: normal;

}

body.ccare div#left-sidebar ul.side-nav ul li.active {

	background: url(../images/brown-bullet.gif) no-repeat 0 50%;

}

body.ccare div#left-sidebar ul.side-nav ul li.active a {

	font-weight: bold!important;

}

body.ccare div#left-sidebar ul.side-nav a:hover {

	text-decoration: underline;

}



/* Adults Side nav */

body.adults div#left-sidebar ul.side-nav li.active a:link, body.adults div#left-sidebar ul.side-nav li.active a:visited {

	background-color: #474714;

	color: #fff;

	font-weight: bold;

}

body.adults div#left-sidebar ul.side-nav li.active ul li a:link, body.adults div#left-sidebar ul.side-nav li.active ul li a:visited {

	background-color: transparent;

	color: #663300;

	font-weight: normal;

}

body.adults div#left-sidebar ul.side-nav ul li.active {

	background: url(../images/brown-bullet.gif) no-repeat 0 50%;

}

body.adults div#left-sidebar ul.side-nav ul li.active a {

	font-weight: bold!important;

}

body.adults div#left-sidebar ul.side-nav a:hover {

	text-decoration: underline;

}



/* Youth Side nav */

body.youth div#left-sidebar ul.side-nav li.active a:link, body.youth div#left-sidebar ul.side-nav li.active a:visited {

	background-color: #999933;

	color: #fff;

	font-weight: bold;

}

body.youth div#left-sidebar ul.side-nav li.active ul li a:link, body.youth div#left-sidebar ul.side-nav li.active ul li a:visited {

	background-color: transparent;

	color: #663300;

	font-weight: normal;

}

body.youth div#left-sidebar ul.side-nav ul li.active {

	background: url(../images/brown-bullet.gif) no-repeat 0 50%;

}

body.youth div#left-sidebar ul.side-nav ul li.active a {

	font-weight: bold!important;

}

body.youth div#left-sidebar ul.side-nav a:hover {

	text-decoration: underline;

}



/* About Us Side nav */

body.about div#left-sidebar ul.side-nav li.active a:link, body.about div#left-sidebar ul.side-nav li.active a:visited {

	background-color: #691B11;

	color: #fff;

	font-weight: bold;

}

body.about div#left-sidebar ul.side-nav li.active ul li a:link, body.about div#left-sidebar ul.side-nav li.active ul li a:visited {

	background-color: transparent;

	color: #663300;

	font-weight: normal;

}

body.about div#left-sidebar ul.side-nav ul li.active {

	background: url(../images/brown-bullet.gif) no-repeat 0 50%;

}

body.about div#left-sidebar ul.side-nav ul li.active a {

	font-weight: bold!important;

}

body.about div#left-sidebar ul.side-nav a:hover {

	text-decoration: underline;

}



/* How To Side nav */

body.gray div#left-sidebar ul.side-nav li.active a:link, body.gray div#left-sidebar ul.side-nav li.active a:visited {

	background-color: #333;

	color: #fff;

	font-weight: bold;

}

body.gray div#left-sidebar ul.side-nav li.active ul li a:link, body.gray div#left-sidebar ul.side-nav li.active ul li a:visited {

	background-color: transparent;

	color: #663300;

	font-weight: normal;

}

body.gray div#left-sidebar ul.side-nav ul li.active {

	background: url(../images/brown-bullet.gif) no-repeat 0 50%;

}

body.gray div#left-sidebar ul.side-nav ul li.active a {

	font-weight: bold!important;

}

body.gray div#left-sidebar ul.side-nav a:hover {

	text-decoration: underline;

}



/* Whats Happening Side nav */

body.wh div#left-sidebar ul.side-nav li.active a:link, body.wh div#left-sidebar ul.side-nav li.active a:visited {

	background-color: #996600;

	color: #fff;

	font-weight: bold;

}

body.wh div#left-sidebar ul.side-nav li.active ul li a:link, body.wh div#left-sidebar ul.side-nav li.active ul li a:visited {

	background-color: transparent;

	color: #663300;

	font-weight: normal;

}

body.wh div#left-sidebar ul.side-nav ul li.active {

	background: url(../images/brown-bullet.gif) no-repeat 0 50%;

}

body.wh div#left-sidebar ul.side-nav ul li.active a {

	font-weight: bold!important;

}

body.wh div#left-sidebar ul.side-nav a:hover {

	text-decoration: underline;

}



div#left-sidebar ul.side-nav li.active ul li a:link, div#left-sidebar ul.side-nav li.active ul li a:visited {

	background-color: transparent;

	color: #663300;

	font-weight: normal;

}

div#left-sidebar ul.side-nav ul li.active {

	background: url(../images/brown-bullet.gif) no-repeat 0 50%;

}

div#left-sidebar ul.side-nav ul li.active a {

	font-weight: bold!important;

}

div#left-sidebar ul.side-nav a:hover {

	text-decoration: underline;

}



/* Right Side Nav */

ul.howto-nav {

	padding-top: 10px;

}

ul.howto-nav li a {

	display: block;

	width: 159px;

	text-indent: -9000px;

	background: url(../images/howto-nav.gif) no-repeat 0 0;

}

ul.howto-nav li#sn-branch a {

	background-position: 0 0;

	height: 20px;

}

ul.howto-nav li#sn-become a {

	background-position: 0 -20px;

	height: 22px;

}

ul.howto-nav li#sn-classes a {

	background-position: 0 -42px;

	height: 22px;

}

ul.howto-nav li#sn-register a {

	background-position: 0 -64px;

	height: 39px;

}

ul.howto-nav li#sn-work a {

	background-position: 0 -103px;

	height: 22px;

}

ul.howto-nav li#sn-volunteer a {

	background-position: 0 -125px;

	height: 22px;

}

ul.howto-nav li#sn-donate a {

	background-position: 0 -147px;

	height: 22px;

}

ul.howto-nav li#sn-contact a {

	background-position: 0 -169px;

	height: 22px;

}



ul.howto-nav li#sn-branch a:hover, ul.howto-nav li#sn-branch.active a {

	background-position: -159px 0;

}

ul.howto-nav li#sn-become a:hover, ul.howto-nav li#sn-become.active a {

	background-position: -159px -20px;

}

ul.howto-nav li#sn-classes a:hover, ul.howto-nav li#sn-classes.active a {

	background-position: -159px -42px;

}

ul.howto-nav li#sn-register a:hover, ul.howto-nav li#sn-register.active a {

	background-position: -159px -64px;

}

ul.howto-nav li#sn-work a:hover, ul.howto-nav li#sn-work.active a {

	background-position: -159px -103px;

}

ul.howto-nav li#sn-volunteer a:hover, ul.howto-nav li#sn-volunteer.active a {

	background-position: -159px -125px;

}

ul.howto-nav li#sn-donate a:hover, ul.howto-nav li#sn-donate.active a {

	background-position: -159px -147px;

}

ul.howto-nav li#sn-contact a:hover, ul.howto-nav li#sn-contact.active a {

	background-position: -159px -169px;

}



/* What's Happening Nav */

ul.whatshappening-nav li a {

	display: block;

	width: 159px;

	text-indent: -9000px;

	background: url(../images/whatshappening-nav.gif) no-repeat 0 0;

}

ul.whatshappening-nav li#sn-branches a {

	background-position: 0 0;

	height: 20px;

}

ul.whatshappening-nav li#sn-news a {

	background-position: 0 -22px;

	height: 22px;

}



ul.whatshappening-nav li#sn-branches a:hover, ul.whatshappening-nav li#sn-branches.active a {

	background-position: -159px 0;

}

ul.whatshappening-nav li#sn-news a:hover, ul.whatshappening-nav li#sn-news.active a {

	background-position: -159px -22px;

}





/* @end */



/* @group Default Headings */

h1 {

	font-size: 182%;

	margin-bottom: 8px;

	font-family: Georgia, Times, serif;

}

body.green h1 {

	color: #336666;

}

body.orange h1 {

	color: #cf950d;

}

body.gray h1 {

	color: #333;

}

body.ccare h1 {

	color: #663300;

}

body.adults h1 {

	color: #474714;

}

body.youth h1 {

	color: #999933;

}

body.about h1 {

	color: #691B11;

}

body.wh h1 {

	color: #996600;

}



h2 {

	font-size: 138.5%;

	margin-bottom: 10px;

	font-family: Georgia, Times, serif;

}

h3 { }

h4 { }

h5 { }

h6 { }

/* @end */



/* @group Common Text Styles */

p {

	margin-bottom: 10px;

}

/* @end */



/* @group Default Lists */

	

/* @end */



/* @group Forms */

	

/* @end */



/* @group Default Links - link visited hover active */

div#left-sidebar a:link, div#left-sidebar a:visited {

	color: #857e66;

	text-decoration: underline;

}

div#left-sidebar a:hover {

	text-decoration: none;

}



div#main-content a:link, div#main-content a:visited {

	color: #336666;

	text-decoration: underline;

}

div#main-content a:hover {

	text-decoration: none;

}



div#main-content2 a:link, div#main-content2 a:visited {

	color: #336666;

	text-decoration: underline;

}

div#main-content2 a:hover {

	text-decoration: none;

}

/* @end */



/* @group Misc */

.clear {

	clear: both;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* @end */