/******************************
	GENERAL
*******************************/


/******************************
	FLOATS AND CLEARS
*******************************/
.cleardiv{
  clear:both;
}
.float_left{
 float:left;
}

.float_right{
 float:right;
 }
 
.float_right span, .float_left span, .spacer{
 margin-right:10px;
 padding-left:10px;
 }
 
 /******************************
	COLORS
*******************************/
 .clr_deepblue{
  color:#3C9BD2;
 
 }
 .clr_blue{
	color:#1071A8;
}
.clr_gray{
 color:#2c2c2c;
} 
.clr_blk{
 color:#000000;
} 

#content a, #testimonials a{
	color:#000000;
}
#content a:hover, #testimonials a:hover{
	color:#1071A8;
}
#content .active a{
color:#1071A8;
}

/******************************
	FONTS AND TEXT SIZE
*******************************/
.fnt_8{
	font-size:8px;
}
.fnt_14{
	font-size:14px;
}
.fnt_16{
 font-size:16px;
 }
.fnt_bold{
	font-weight:bold;
	}
h2{
 font-weight:bold;
 font-size:21px;
 margin-bottom:20px;
}

h3{
 font-weight:bold;
 font-size:18px;
 margin-bottom:15px;
}

h4{
 font-weight:bold;
 font-size:14px;
 margin-bottom:10px;


}

h5{
 font-weight:bold;
 font-size:12px;
 margin-bottom:10px;
}
label{
	font-weight:bold;
	padding-bottom:5px;
	}
/******************************
	NAVIGATION
*******************************/

#nav{
	margin-top:40px;
	height:51px;
	float: left;
	width: 850px;	
}

#nav a:hover {
	background-position: 0 -51px;
}

#nav .about_student, #nav .about_student_active {

	position: relative;

	float: left;

	width: 157px;

	height: 51px;

	margin: 0 0 0 0;

	background: url('../images/about_student.jpg') no-repeat 0 0;

}

#nav .camps_program, #nav .camps_program_active {

	position: relative;

	float: left;

	width: 172px;

	height: 51px;

	margin: 0 0 0 0;

	background: url('../images/camps_programs.jpg') no-repeat 0 0;

}
#nav .contact, #nav .contact_active {

	position: relative;

	float: left;

	width: 136px;

	height: 51px;

	margin: 0 0 0 0;

	background: url('../images/contact.jpg') no-repeat 0 0;
}
#nav .faq, #nav .faq_active {

	position: relative;

	float: left;

	width: 77px;

	height: 51px;

	margin: 0 0 0 0;

	background: url('../images/faq.jpg') no-repeat 0 0;
}

#nav .buyer, #nav .buyer_active{

	position: relative;

	float: left;

	width: 158px;

	height: 51px;

	margin: 0 0 0 0;

	background: url('../images/buyer.jpg') no-repeat 0 0;
}

#nav .camplady_say, #nav .camplady_sayAct{

	position: relative;

	float: left;

	width: 150px;

	height: 51px;

	margin: 0 0 0 0;

	background: url('../images/camp_lady.jpg') no-repeat 0 0;
}
#nav .faq_active, #nav .about_student_active, #nav .contact_active, #nav .camplady_sayAct, #nav .camps_program_active, #nav .buyer_active{
	background-position: 0 -51px;
}
/******************************
	BACKGROUND
*******************************/
#postcard_home{
	width: 863px;
	height:573px;
	background-image:url("../images/campAdvice_home.jpg");
	background-repeat:no-repeat;
}

#postcard_inside{
	width: 863px;
	min-height:341px;
	background-image:url("../images/insidebg_top.jpg");
	background-repeat:no-repeat;
}
*html #postcard_inside{
	height:341px;
}
#post_bg{
	width: 863px;
	background-image:url("../images/insidebg_repeat.jpg");
	background-repeat:repeat-y;
	float:left;
}
#postcard_footer{
	width: 863px;
	height:202px;
	background-image:url("../images/insidebg_footer.jpg");
	background-repeat:no-repeat;
	float:left;
}


/******************************
	STRUCTURE
*******************************/


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial,'Lucida Grande',Verdana, Helvetica,sans-serif;
	color: #111;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color:#1071A8;
	background-image: url("../images/campAdvice_bg.jpg");
	background-repeat:repeat-x;
}

#page_wrapper{
	
}
#page {
	margin: 0px auto;
	padding: 0;
	width: 863px;
	text-align: left;
	min-height:650px;
	font-size:1.1em;
}

#left_bar{
	float:left;
	width:335px;
}

#right_bar{
	float:left;
	width:500px;
	margin-left:25px;

}
#inside_right{
	margin-top:100px;
	margin-right:30px; 
	}
/******************************
	MAIN AREA
*******************************/	

#aboutCampAdvice{
	float:left;
	position:relative;
	top:338px;
	left:50px;
	width:280px;
	font-family:"Georgia",Times New Roman,Times,serif;
	font-size:13px;
	line-height:20px;
}

#left_bar{
	
}
#left_bar p{
/*float:left*/

}
#sm_icon{
	position:relative;
	top:-5px;
}


#contactinfo a{
	color:black;
	font-weight:bold;
	font-size:1.1em;	
}

#contactinfo a:hover, #contactinfo .activelink{
	color:#1071A8;
	text-decoration:none;
}
#contactinfo{
	margin-right:36px;
	
	margin-top:26px;
}

#breadcrumb{
	position:relative;
	top:35px;
	left:45px;
}
#testimonials{
	padding-left:50px;
	margin-top:5px;
	font-size:1.1em;
	font-weight:bold;
}
#postcard_home #testimonials{
position:relative;
 top:115px;
 left:-20px;
}
#content{
	font-size:1.1em;
	font-weight:normal;
	position:relative;
	}

#content p{
 font-size:1.1em;
 margin-bottom:20px;
 line-height:1.3em;
}

#content ol {
list-style-type: decimal;
}
#content ul li, #content ol li{
	padding-bottom:5px;
/*	 list-style-position: inside;*/
}

#content .bltList{
	padding-bottom:20px;
	margin-left:10px;
}
td{
padding-bottom:8px;
vertical-align:top;
padding-right:15px;
line-height:1.3em;
}

	
/******************************
	TOGGLE
*******************************/
		
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	background: url("../images/notebook_mid.jpg") repeat-y left top;
	overflow: hidden;
	clear: both;
 
}
.toggle_container .block {
	/*padding: 20px; */
	/*padding-bottom:20px;*/
	margin-top:-40px;

 
}

.toggle_container .notebook_top{
	height:76px;
	width:468px;
	background: url("../images/notebook_top.jpg") no-repeat left top; 
}
.toggle_container  .notebook_footer{
	height:36px;
	width:468px;
	
	
	background: url("../images/notebook_footer.jpg") no-repeat left bottom; 

}
.toggle_container .block p, .block ol, .block h4{

	padding-left:25px;
	padding-right:30px;
}
.block ol{
	padding-left:45px;
}
.block ol li{
	margin-bottom:8px;
}

*html .toggle_container{

	width:100%;
	
}
*html .toggle_container .block {
	position:relative;

 }

 #invisible{
	height:44px;
	width:461px;
 	background: url("../images/bg_cover.jpg") no-repeat left top; 
	
}
.trigger li{
	list-style-type: none;
	list-style-position: inside;
}

.trigger a, #content .bltList li{
	padding-left:15px;
	display:inline-block;
	background: url("../images/list_blk.gif") no-repeat left 5px; 
	line-height:1.4em;
	
}
#content .bltList li{
 display:block;
} 
.active a{

	background: url("../images/list_blu.gif") no-repeat left 5px; 

} 
 /******************************
	SLIDESHOW
*******************************/
   #slideshow{
   float:left;
	margin-left:30px;
	margin-top:200px;
   height:309px;
	width:301px;
	background: url("../images/rotatingImg_bg.jpg") no-repeat left top; 
   }
 *html  #slideshow{
	margin-left:15px;
} 
  #slideshow img {  
   
	width:  244px; 
    height: 256px; 
    margin-top:30px; 
    margin-left:30px; 
} 
#slideshowHome{
	width:412px;
	height:339px;
	margin-left:36px;
	margin-top:60px;

}
/******************************
	MISC.
*******************************/

#logo a{
	position:relative;
	top:20px;
	left:37px;
	display:block;
	}
#contactImg{
  position:relative;
  top:173px;
  left:45px;
}
#postcard_home #contactImg{
  top:309px;
  left:55px;
 } 
#contactImg a:hover {
	background-position: 0 -22px;
}

.dash_border{
	
	border-bottom:1px dashed #B89E71;
	}

a.contctEmail{
	position: relative;

	float: left;
	
	width: 150px;

	height: 22px;

	margin: 0 0 0 0;

	background: url('../images/info_email.jpg') no-repeat 0 0;
}

.backLink{
	background: url('../images/backArrow.jpg') no-repeat left 0;
	padding-left:55px;
	padding-top:10px;
	height:50px;
}

#content img{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	overflow: hidden;

	}
/******************************
	FOOTER
*******************************/	



#footer{
/*position:relative;
 top:30px;*/
margin-top:30px;
 color:white;
 font-weight:bold;
 font-size:1.2em;
 margin-right:10px;
 padding-left:6px;
 padding-bottom:40px;
}

 #footer a{
  color:white;
 text-decoration:underline;
 }
#footer a:hover, #footer a.activelink{
  color:black;
  text-decoration:none;
}