/*

Company:	Freedom Valley YMCA

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



*/



/* @group HTML, Body */

body {

	background-color: #f2f3e5;

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

}

/* @end */



/* @group Layout */





/* 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 */





/* 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;

}



div#main-content2 {

	width: 526px;

	font-family: Arial, sans-serif;

	float: left;

	display: inline;

}

div#main-content2 p {

	line-height: 155%;

}

main-content2 div.content {

	padding: 20px 23px;

}





/* 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;

}



/* Table */

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;

}



/* 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;

}



/* 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-photor {

	padding: 3px;

	border: 1px solid #999966;

	margin: 0 0 10px 20px;

	float: right;

	display: inline;

}



img.content-photol {

	padding: 3px;

	border: 1px solid #999966;

	margin: 0 20px 10px 0;

	float: left;

	display: inline;

}



/* @end */



/* @group Nav */



/* @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 */







/* Hide these areas */

div#hd, div#left-sidebar, div#right-sidebar, div#main-content-footer {

	display: none!important;

}



/* Fixup the styles for printing */

div#bd {

	margin: 0!important;

	padding: 20px!important;

	width: 95%;

}

div#bd-wrap {

	margin: 0!important;

	width: 100%!important;

}



div#main-content, div#main-inner, div#main {

	width: 100%!important;

	background-image: none!important;

}
