/* CSS Document */

/* CSS created by Blueshift Design & Communications
   http://www.blueshiftdc.com
   Copyright © 2007 Blueshift Design
*/



/*
colours

red/burgundy				5D2224
aqua blue					314C61
light blue					77AFBF
light beige					F0E6CD
yellow						FFFC93

*/


/* Resets & Universals. */

html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, table,
form, fieldset, a { margin: 0; padding: 0; border: 0; }

.left {	text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

ul, ol {list-style:none;}

html, body {height: 100%}
html>body #pagecontainer {height: auto;	}



.clear {clear:both;}
a, a:link, a:visited  {text-decoration: none; color:#314C61; }
a:hover {text-decoration: underline; color: #77AFBF;}

	html, body {
				height: 100%;
			}
			
			#container {
				position: relative;
				min-height: 100%;
				height: 100%;
				height: auto;
				width: 900px; 
				margin: 0 auto;
				display: block;
                overflow:hidden; /* ensures 100% vertical column. see 9000px margin below in home-main */
				 
			}
			html>body #container {
				height: auto;
			}
			#content {
			position: relative;
			/*top:10px;*/
	padding-bottom: 100px;
	width: 100%;
	margin: 0 auto;
	overflow:hidden; /* IMPORTANT! I've forced the heights of the sidebars to extend 4000pixels to get the full height of hte page. "hidden" ensures the sidebars do not run over the footer and keep on going... it hides the overflow at the bottom of the container */
			}
			#footer {
	padding: 1.6em 0 0 0;
	width: 100%;
	height:200px;
	font-size: 1em;
	color:#F0E6CD;
	background-attachment: scroll;
	background-color: #5D2224;
	background-image: url(../images/bg_footertop.gif);
	background-repeat: repeat-x;
	background-position: top;				
			}
	#footer a, #footer a:link, #footer a:visited {color:#FFFC93;}		
	#footer #container {
		background-attachment: scroll;
	background-image: url(../images/logo-greyed.gif);
	background-repeat:no-repeat;
	background-position: right 1em;	
	
	}


body {font-size: 62.5%; font-family: Arial, 'Helvetica Neue', 'Lucida Grande', Sans-Serif;}

h1, h2, h3, h4, h5 {font-family:Georgia, "Times New Roman", Times, serif;font-weight: normal; color: #660506;}
h2 {font-size: 2.6em;}
h3 {font-size: 2.2em; border-bottom: 1px #999999 dotted;}
#main h3 {font-size: 2em !important; text-transform:uppercase !important;}
h4 {font-size: 1.6em; text-transform:uppercase; color: #660506;}
#sidenav h4 {font-size: 1.6em; text-transform:none !important;}
#callouts h4 {text-transform:none !important;}
h2, h3 {margin-bottom: 0.5em;}



p {font-size: 1.2em; line-height: 1.6em; padding-bottom: 1em;}
p.newstitle {font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom: 0 !important;}
p.newsdate {font-family: Arial, Helvetica, sans-serif; font-style: italic; padding-bottom: 0 !important; color: #999;}

#masthead {width:100%; height:105px; background-attachment: scroll;background-image: url(../images/bg_header.jpg);background-repeat: repeat-x;background-position: center top; border-bottom: 0px solid #182431;}

#header {position: relative; height:100px; width: 900px; margin: 0 auto;}
#logo {}


/*background image classes */
.page_home {background-attachment: scroll;background-image: url(../images/bg_home.jpg);background-repeat: repeat-x;background-position: center 100px;}
.page_program {background-attachment: scroll;background-image: url(../images/bg_program.jpg);background-repeat: repeat-x;background-position: center 100px;}
.page_news {background-attachment: scroll;background-image: url(../images/bg_news.jpg);background-repeat: repeat-x;background-position: center 100px;}
.page_aboutus {background-attachment: scroll;background-image: url(../images/bg_aboutus.jpg);background-repeat: repeat-x;background-position: center 100px;}
.page_contactus {background-attachment: scroll;background-image: url(../images/bg_contactus.jpg);background-repeat: repeat-x;background-position: center 100px;}
.page_legal {background-attachment: scroll;background-image: url(../images/bg_legal.jpg);background-repeat: repeat-x;background-position: center 100px;}


/* Home page stuff */
#home-content {background-image: none!important; /*overflow:hidden;*/}
#topcontent_home {height:335px;	background-attachment: scroll;background-image: url(../images/bg_topcontent_home.gif);	background-repeat: no-repeat;background-position: right 53px;}
#paperclip {position: absolute; left:160px; top: 39px;  z-index:8; width: 59px; height: 82px;}
#home-girl {position: relative; left:-20px; bottom: 0; width: 240px; height: 310px; z-index: 2;}
#home-photos {position: absolute; left: 153.3px; top: 65px; width:280px; height: 180px; }
#home-intro {position: absolute;height: 200px;width: 400px;left: 470px;	 top: 85px;}
#home-intro p {color:#fff;}
#home-intro a {color:#FFFC93;}
#home-main{position: relative; float:left;	top: -20px;	width: 400px; padding: 30px 15px 9000px 20px;
		background-color:#efe6dc;background-attachment: scroll;	background-image: url(../images/bg_homemain.jpg);	background-repeat: no-repeat;	background-position: left top; 
		z-index:5;
		/*min-height:900px;*/
		margin-bottom: -9000px; padding-bottom: 9000px; /*creates 100% column*/ 
		 }
	#home-main img {float:left; border:#fff 3px solid; margin: 1em 10px 5px 0;}
#home-side{position: relative; float:left; width: 210px; padding: 15px 0px 0 20px;}
.border {border: 1px solid #999;}

ul.testimonials {font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; /*line-height:1.8em;*/ }
li.testi {font-size: 1.1em; color:#660506; padding-bottom: 0 !important;}
li.byline {font-size: 1em; margin-left: 10px; }
/*
#callouts ul {width:178px;display: block; border:1px #CCCCCC solid; padding: 15px;margin-bottom: 1em;background-attachment: scroll;background-image: url(../images/bg_btn_callout.jpg);background-repeat: no-repeat;	background-position: left top;
}


#callouts ul li {font-family:Georgia, "Times New Roman", Times, serif;  padding-bottom: 0.8em;}
#callouts ul li h4 {color:#F0E6CD;}
#callouts ul li p {}
#callouts ul li a {font-family:Arial, Helvetica, sans-serif;}
*/

#callouts {width:178px;display: block; border:1px #CCCCCC solid; padding: 15px;margin-bottom: 1em;background-attachment: scroll;background-image: url(../images/bg_btn_callout.jpg);background-repeat: no-repeat;	background-position: left top;
}
#callouts  {font-family:Georgia, "Times New Roman", Times, serif;  padding-bottom: 0.8em;}
#callouts h4 {color:#F0E6CD;}
#callouts a {font-family:Arial, Helvetica, sans-serif; color:#FFFC93;}
#callouts:hover {border: 1px #314C61 solid;}


/* Page Elements */
#main, #main_full {float:left; width: 415px; min-height: 570px; position: relative; top: 30px; background-color:#fff; 	background-attachment: scroll; background-image: url(../images/bg_page.jpg); background-repeat: no-repeat; background-position: left top; 
	padding: 30px 60px 0 15px;  }
    #main_full {width:650px/*665px*/ !important;}
#main ul, #main_full ul {list-style:disc;}
#main ol {list-style: decimal;}
#main ul, #main_full ul, #main ol {font-size: 1.2em; line-height: 0.8em; padding-bottom: 2em; padding-left: 20px; }
#main ul li, #main_full ul li, #main ol li {line-height: 1.4em;}
#main img {padding:5px; border: 1px solid #e2e2e2 !important; margin:10px 0;}

#sidenav {float:left; position: relative; top: 50px; width: 130px; padding: 15px; background-color:#DFD0BF;
background-attachment: scroll;	background-image: url(../images/bg_sidenav.jpg);	background-repeat: no-repeat;	background-position: left top; 
	margin-bottom: -9000px; padding-bottom: 9000px; }
#sidenav ul li {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; padding-bottom: 0.5em;}
#sidenav ul li a, #sidenav ul li a:link, #sidenav ul li a:visited {text-decoration: none; color: #000; display: block; border-bottom: 1px solid #999; }
#sidenav ul li a:hover {color: #314C61;}
#sidenav ul li a.selected {color:#fff;}


#page-photos {position: absolute; left: 23px; top: 8px; width:250px; height: 161px; background-color:#000000; z-index:3; }
#page-photos-holder {position: absolute; top: 60px; left: 605px;  width: 350px; height: 250px; z-index:5;
background-attachment: scroll;	background-image: url(../images/bg_pagephoto.png);	background-repeat: no-repeat;	background-position: left top;}
.title-def {font-family:Arial, Helvetica, sans-serif; font-size:16px; color: #999; font-style:italic;}


/* ==== NAVIGATION CONTAINER  ===== */

#navigation_container {position: absolute; bottom: 0; left: 440px;}

/*  COURTESY of SimpleBits  */
#nav {
	margin: 0;
	padding: 0;
	height: 50px;
	list-style: none;
	display: inline;
	overflow: hidden;
}
#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
}
#nav a {
	float: left;
	padding: 50px 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:50px;
	margin-left: 0px;
}
#nav a:active,#nav a:hover {
	background-position: 0 -50px;
}
#nav a.selected {
	background-position: 0 -100px !important;
}

/* ENGLISH */
/* style the links with background graphics 
#tprogram-EN a  {
	width: 120px;
	background: url(../images/nav_EN_program.gif) no-repeat left top;
}
#tnews-EN a  {
	width: 64px;
	background: url(../images/nav_EN_news.gif) no-repeat left top;
}
#tgallery-EN a  {
	width: 84px;
	background: url(../images/nav_EN_gallery.gif) no-repeat left top;
}
#taboutus-EN a  {
	width: 98px;
	background: url(../images/nav_EN_aboutus.gif) no-repeat left top;
}
#tcontactus-EN a  {
	width: 108px;
	background: url(../images/nav_EN_contactus.gif) no-repeat left top;
}
*/

/* ENGLISH */
/* style the links with background graphics */
#tprogram-EN a  {
	width: 110px;
	background: url(../images/nav_EN_program.gif) no-repeat left top;
}
#tnews-EN a  {
	width: 82px;
	background: url(../images/nav_EN_news.gif) no-repeat left top;
}
#taboutus-EN a  {
	width: 98px;
	background: url(../images/nav_EN_aboutus.gif) no-repeat left top;
}
#tcontactus-EN a  {
	width: 108px;
	background: url(../images/nav_EN_contactus.gif) no-repeat left top;
}


/* style the links with SELECTED */
#tprogram-EN a.selected  {background-position: 0 -100px !important;}
#tnews-EN a.selected  {background-position: 0 -100px !important;}
#tgallery-EN a.selected  {background-position: 0 -100px !important;}
#taboutus-EN a.selected  {background-position: 0 -100px !important;}
#tcontactus-EN a.selected  {background-position: 0 -100px !important;}




/* form */
input, textarea {font-family:verdana, Helvetica, sans-serif; font-size: 11px; color:#232323;}
.formsubmit {margin:0 1px 0 0; line-height:3em;}	
a.formsubmit, a.formsubmit:link, a.formsubmit:visited {border:1px solid #ccc; padding:10px 25px;background-color:#00CC99; text-decoration: underline; color:#fff;}	
	a.formsubmit:hover {border:1px solid #00CC99; background-color:#00A775; text-decoration:none;}


#table_application {padding:2px; font-size: 1.2em; line-height: 1.6em;}
#table_application th {text-align:left; padding-right:5px;}
#table_application td {}
#table_application th, #table_application td {border-bottom:#ccc solid 1px;}
#table_application tr {text-align:left; vertical-align:top;}

.text_field, .text_area_small, .text_area_big {padding:2px; margin:0px; height:1.2em; }
.text_area_small {width:175px; height:30px;}
.text_area_big {width: 80%; height: 100px;}


  
 
/* additional styles - for Campers */
#masthead {}
ul.section {position:relative; width:960px; margin:0 auto; height:5px;} 
	ul.section li a {z-index:10000; float:right; position:relative; display:inline-block; height:40px; text-indent:-9000px; background-color:#99CC99;}
	
	#sStaff-EN a  {width: 110px;background: url(../images/nav-sections-staff.png) no-repeat 0 -80px;}
	#sCampers-EN a  {width: 110px;background: url(../images/nav-sections-campers.png) no-repeat 0 -80px;}
	ul.section li a:hover {	background-position: 0 -40px !important;}

/* style the links with SELECTED */
#sStaff-EN a.selected  {background-position: 0 0px !important;}
#sCampers-EN a.selected  {background-position: 0 0px !important;}