/* 
-------------------------------------------------------------------
YHA Do It 4 Real stylesheet: printer friendly styles
-------------------------------------------------------------------
*/

/* Body and general formatting
--------------------------------------------------------------------------
*/
    
/*hide textreader titles*/
    	.hide { position: absolute; top: 0; left: -9999px;}
    
/*body tag*/
    	body{ font-family:verdana,helvetica,sans-serif; font-size: 67%; margin: 0em; padding: 0em; }
/*generic container*/
    	#container{z-index: 0; margin-right: auto; margin-left: auto;}
    
/*specific style for each container*/
    	#main-navigation-container {background-image: url(../images/header-background.gif); height: 91px; background-repeat:repeat-x;}
    	#application-link-container {display: none}
    	#footer-container {margin-right: auto; margin-left: auto; width: 72em;}
    
/*for paragraphs that need bigger spacing between lines*/
    	#increased-line-height {line-height: 1.5em}
    	
/*Clear fix method*/  
 .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 */
    	
/* top navigation, secondary navigation, breadcrumb and footer
--------------------------------------------------------------------------
*/    	
    
/*top most navigation on page*/
    	#top-navigation {height: 0em; margin-right: 2%; display: none}
/*style for list of top most navigation*/
    	#top-navigation ul{ float: right; padding: 0 0 0 0; list-style-type: none; margin-top: 1%;}
    	#top-navigation li.navigation-item { float: left; border-right: 0.06em solid #fff; padding: 0em .5em 0em .5em;}
    	#top-navigation li.last-navigation-item { float: left; border-right: none; padding: 0em .5em 0em .5em;}
    	#top-navigation a {text-decoration: underline; color: #fff;}
  

/*Main site navigation*/
    	#main-navigation li { float: left; background-color: #fff; border-right: 2px solid #108CCC; border-bottom: 0px; border-left: 0px; padding: 0px 0px 0px 0px;  list-style-type: none;}
    	#main-navigation a {font-variant:small-caps; font-weight: bold; float: left;  color: #666; text-decoration: none; padding: .7em .7em .6em .7em;} 
/*site logo placement next to the main page navigation*/
    	#logo {float: left; position: relative; z-index: 7;}
    	
/*secondary navigation*/
    	#secondary-navigation {text-align: left; margin-left:0;float: left;}
    	#secondary-navigation li {border-bottom: 1px #ffffff solid; height: 2.6em; }
    	#secondary-navigation ul {list-style-type: none; margin-left: 0px; padding-left: 0px; color: #fff;background-color: #108CCC;margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 2em;width: 12em;}
    	#secondary-navigation a {color: #fff; text-decoration: none; padding: 1em .5em 1em .8em; line-height: 2.4em}
    	#on {background-color: #07517A;}
    	#available {background-color: #0972AB;}
	#secondary-navigation a img {display: none}
    	#secondary-navigation li#secondary-navigation-section-title {height: 2em; padding-left: 0.5em; padding: .7em 0em 0em .5em; background-color: #C91F26; background-image: url(images/red_nav_curve-cut.png); background-repeat: no-repeat; background-position: top;  vertical-align: bottom; font-weight: bold; }
    	#on a:active {background-color: #07517A}
    /*fix to expand the page-body div*/
    	div.clearall{clear:both;}

/*Bread crumb*/    	    
    	#bread-crumb {color: #fff; z-index: 8; position: relative; padding-top: 2em; margin-left: 20%; height: 1em; }
    	#bread-crumb a {color: #fff; text-decoration: underline; margin-left: 1em; margin-right: 1em;}
    
/*contact details styling*/ 
    	#contact-details {color: #666; text-align:left; float: left; margin-left: auto; margin-right: auto; width: 72em; margin-top: 0.5em; margin-bottom: 2em;}
	#contact-details a {margin-left: 4em;}
    	#reading-room-link {color: #666; text-decoration: none; }

/* Homepage
--------------------------------------------------------------------------
*/

/*homepage main copy*/
    	#homepage-copy {width: 60em}
/*homepage intro text*/
    	#homepage-intro-text {font-weight: bold;}
/*homepage map and quadbike images*/
    	#homepage-lower-copy {padding-bottom: 2em;}

/*homepage body section styling*/    
    	#homepage-body { width: 65em }
    	#hp-left-placeholder { display: none}
/*homepage*/
	.hp-banner-links img {display: none;}
	#main-hp-banner img {display: none;}
	homepage-banner-alt-text {display: inline}
	#application-link img {display: none;}

/*Content
---------------------------------------------------------------------------
*/    
/*page bodys*/        
	body #main-body-container .standard-page-body {z-index: 2; padding-top: 1em; margin-left: auto; margin-right: auto; width: 72em; clear: both; color: #fff;}
    	body #main-body-container .standard-page-body #with-secondary-nav-body {float: left; padding-left: 0.5em; padding-top: 1.5em; width: 40em; padding-bottom: 4.5em; margin-right: 4em;}
    	body #main-body-container #with-secondary-nav-body h2 {font-size: 1.6;}
            /* body #main-body-container .with-secondary-nav-copy {width: 42em; padding-left: 0em; padding-top: 0em; } */
	.thank-you-body-copy {width: 40em; padding-left: 0em; padding-top: 0em; padding-bottom: 10em}
	#gallery-body {float: left; padding-left: 1.5em; padding-top: 1.5em; width: 40em; margin-bottom: 2em}
	
/*About camp*/   
    	.camp-activities li {margin-left: 2em;}
    	
/*Camp info pages*/
	#camp-title {float: left; margin-left: 2em;}
	#camp-title h1 {margin-bottom: 0.25em}
	#camp-title p {float: left; width: 35em;}

	.camp-info-link-images {float: right; margin: 0.3em 0.3em}

	.camp-map-swf {margin-bottom: 1em;}
	#back-map {float: left;}
	.camp-image-links {display: none;}

/* about camp */
	body #main-body-container .standard-page-body #with-secondary-nav-body div.about-camp-quick-links a img {display: none}

/* PDF download*/
	#main-body-container .standard-page-body #secondary-navigation a img#brochure-download-small {display: none}

/* article image */
	div.article-image img { display: none; }

/* page banners */
	#banner-div img { width:65em; }

/* homepage banner */
	.hp-banner { width: 40em; }

/* footer */
	body #footer-container #footer-div div ul { display: none; }

/* flash map */
	#camp-map { float: right; margin-right: 3%}

/* availability table */
	body #main-body-container .standard-page-body #with-secondary-nav-body .camp-availability { width: 540px; }
	#main-body-container .standard-page-body #camp-information .camp-availability { width: 100%; }