/* CSS Document */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	width:100%;
	background:url(../gifs/slices/contentbg.jpg) repeat;	}

a:link {color:#660033;}
a:visited {color:#660033;}
a:hover {color:#FFFFFF; background:#660033;}

h2 {
	color:#336666;
	font-size:220%;
	margin:0;
	padding:.3em 0;}
h3 {
	font-size:180%;
	margin:0;
	padding:.3em 0;}
h4 {
	font-size:140%;
	margin:0;
	padding:.3em 0;}
h5 {
	font-size:120%;
	margin:0;
	padding:.3em 0;}	

/*top detail is the embelishment at the top of the page - it got its own div so that the body texture could exrtend over the entire page*/
#topdetail{
	background:url(../gifs/slices/top_detail.jpg) repeat-x;
	height:	15px;}
	
/* h1 replacement is positioned down verticaly in #header and horizontally in #header h1 for margin issues */
#header {
	background: url(../gifs/slices/leafheader.jpg) no-repeat top left #977353;
	width:100%;
	margin: 0;
	padding:137px 0 0 0;
	border-bottom: 4px solid #F6ECD8;}
#header h1 {
	margin:0 0 0 1em;
	padding:0 0 10px 0;
	background:url(../gifs/slices/mcsi.gif) no-repeat;
	width:737px;
	height:34px;
	text-indent:-100000px}
#main_logo {
	position:absolute;
	top:30px;}

/* important nav is the top nav that runs across every page in the site */
#important_nav {}
#important_nav ul{
	margin: 0;
	padding:0 0 0 .0em;
	background: #977353;
	color:#fff;
	width:100%;
	list-style-type:none;
	font-size:120%;}
#important_nav ul li {
	display: inline;
	padding: 0 .6em;}
#important_nav a {
	padding: 0 1em;
	color:#fff;
	border-left: 2px solid #977353;
	border-right: 2px solid #977353;
	text-decoration:none;}
#important_nav a:hover {
	border-left: 2px solid #62452C;
	border-right: 2px solid #62452C;
	background:url(../gifs/slices/importantnav_roll.jpg) repeat-x;}	
	
/* content wrapper surrounds side links and content */
#content_wrapper {
	width:98%;
	margin:0;
	padding:0;}

/* add nav is the sidebar nav on the right */
#add_nav {
	float:right;
	width:225px;
	margin:20px 0 0 10px;
	background:url(../gifs/slices/addnav_bg.jpg) repeat-y;}
#add_nav h2 {
	color:#fff;
	background:url(../gifs/slices/addnav_header.jpg) repeat-x;
	height:36px;
	text-align:center;
	margin: 0;
	padding:0;
	font-size:150%;}	
#add_nav ul {
	list-style-type:none;
	padding:0;
	margin:0 0 0 5px;}
#add_nav ul ul {
	padding: 0 0 0 .8em;
	margin:0;}
#add_nav ul ul li {
	margin:0;
	padding:0;}	
#add_nav ul a {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:1%;
	padding:.2em 0;
	border-bottom: 1px solid #a98966;}
#add_nav ul ul a {
	font-weight:normal;}
#add_nav ul a:hover {
	background:url(../gifs/slices/addnav_roll.jpg) repeat-y;}	

/* logos are the logos that appear in the links on Camp Eureka! pages */
ul#logos{margin:1em 0 0 0;}
ul#logos a {
	border:none;}
ul#logos a:hover {
	background:none;}

/* content has a percent width to make the page expanadable */			
#content {
	width:66%;
	margin:20px 0 0 2%;}

img {border-style: none;} /*removes blue border from image links */

#update { 
	margin:0; 
	padding:0;  
	color:#C03; 
	text-align:center;}


#footer {
	clear:both;
	font-size:70%;
	text-align:center;
	margin:100px 0 0 0;}	

	
/* additional styling */
.flash {margin: 10px auto 10px auto; width:400px;}
.pic_captionleft {float:left; margin: .2em 1.3em .2em 0; width:300px; padding:.3em; border:2px solid #977353; font-size:80%;}
.pic_captionright {float:right; margin: .2em 0 .2em 1.3em; width:300px; padding:.3em; border:2px solid #977353; font-size:80%;}
.pic_captioncenter {margin:0 auto; width:300px; padding:.3em; border:2px solid #977353; font-size:80%;}
.pic_clear {float:left; margin: .2em 1em .2em 0; padding:.2em; font-size:80%;}
.pic_border {padding:.3em; border:2px solid #977353;}
.pic_left {float:left; margin: .2em 1em .2em 0;}
.center {text-align:center;}
.teal {color:#336666;}
.address {margin: 0 0 0 5em;}
.clear {clear:both;}
.underline {text-decoration:underline}
.small {font-size: 80%}

/*for accessibility and print styles*/
.hidden{position:absolute;
	margin: -500px 0 0 -1000px;}
.nostyles{display:none;}	


/*slideshow jquery styles*/
.slideshow { height: 320px; width: 400px; margin: auto }
.slideshow img { padding: 15px;}