@charset "UTF-8";
/* CSS Document */

  html, body { 
   height: 100%; 
}

body {
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:110%;
line-height:130%;
/*overflow-x:hidden;*/
}

body.beech {
background:url(/i/2010/bkgd-beech.jpg) center top repeat-y;
}
body.birch {
background:url(/i/2010/bkgd-birch2.jpg) center top repeat-y;
}
body.blueberry {
background:url(/i/2010/bkgd-blueberry.jpg) center top repeat-y;
}
body.raspberry {
background:url(/i/2010/bkgd-raspberry.jpg) center top repeat-y;
}
body.white {
background:url(/i/2010/bkgd-white.jpg) center top repeat-y;
}

#cycle {  
    width:  325px; 
    height: 272px;   
    padding: 0;  
    margin:  0;  
	float:left;
	background-color:#FFFFFF;
	overflow:hidden;
	} 
 
#cycle img {  
    padding: 0;  
    background-color: #fff;  
    width:  325px; 
    height: 272px;  
    top:  0; 
    left: 0; 
} 

#head-table {
width:895px;
margin:0 auto;/*
border-collapse: collapse;
empty-cells: hide;*/
z-index:9 !important;
}

#holder {
background: url(/i/2010/content-bkgd.gif) repeat-y;
width:1050px;
margin:0 auto;
z-index:-1 !important;
}

#holder .label {
float:right;
overflow:hidden;
}

#footer {
width:1050px;
height:174px;
margin:0 auto;
background:#5ca9d8 url(/i/2010/footer.jpg) no-repeat;
z-index:99;
}

a, #bottomnav a:hover, .shoutout a:hover {
	color:#008f5c;/*header green */
}

#copy a:hover, #lowerleft a:hover, .utils a:hover, #navbar a:hover {
background-color:#fdef97;/*bubble yellow*/
border-bottom:1px solid #fbda07;
}


#content {
	position:relative;
	width:895px;
	margin:0 auto;
	z-index:1 !important;
}

img.pad {
padding: 6px 0 6px 12px;
}

h1 {
	font-size:200%;
	line-height:120%;
	margin:12px 21px 21px 18px;	
	font-weight:normal;
	color:#d12c2c;/* red */
	z-index:-99999;
}

h2 {
	font-size:150%;
	font-weight:normal;
	line-height:120%;
	margin:24px 12px 18px 18px;
}

h3 {
	font-size:100%;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	color:	#008f5c;/* header green */
	text-decoration:none;
	margin:20px 12px 18px 18px;
}

h6 {
	text-align:center;
	clear:both;
}

h6 a {
	color:#FFFFFF;
}

blockquote {
	margin-left: 12px;}
	
blockquote p {
	margin:0 0 0 0;
	font-size:20px;
	line-height:26px;
	}
	
.btt {text-align:center;margin-bottom:60px;font-size:85%}

fieldset { border:0;margin:0 auto;padding:0;width:324px; }
label { display:block;font-style:oblique;margin-top:12px; }
ul li {list-style-type:circle;margin-left:30px;}
ol li li{list-style-type:lower-alpha;margin:16px 32px 16px 0;}
input.text,textarea { width:300px;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
input.submit { padding:2px 5px; }
iframe.gform {background-image:/i/spacer.gif;}

#navbar {
	position:relative;/*
	margin:150px auto 0 auto;*/
	width:740px;
	color:#cc9;
	font-size:14px;
}

#navbar a {
text-decoration:none;
}

.register_button a {
	text-align:center;
	width:250px;
	margin:20px auto;
	padding:9px;
	font-size:18px;
	display:block;
	background-color:#fff4bf;
	border:1px solid #ccc;
}

ul.nav,.nav ul{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
/*	padding: 2px 8px;*/
}

ul {
	margin-bottom:36px;
	}

ul.more {
margin:0 0 18px 0;
}

ul.more li {
margin:0 0 4px 0;
}

.mission {
	position:relative;
	float:right;
	padding:0 30px 0 15px;
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	background:#f9ff71 url(/i/girl-frog.jpg) bottom right no-repeat;
	width:300px;
	border:1px solid #ccc;
	font-size:95%;
	}
	
.mission strong {
	color:#36927a; /*EVC green*/

}

#sfnav {
	margin:-20px 0 0 12px;
}

.ss-choices {
	list-style-type:none;
	}

.shoutout {
	font-size:85%;
	color:#0079c2;
}

.shoutout a {
color:#999;
}

sub, sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;	}

sup {
	bottom: .6ex;
}

sub {
	top: .5ex;
	font-size:10px;
}

#copy {
	float:right;
	width:570px;
	z-index:-999;
	}

#copy p {
	line-height:130%;
	margin:0 12px 18px 18px;
	}
	
#copy ol {
	line-height:130%;
	margin:0 18px 18px 36px;
	}
	
#copy li {
	line-height:130%;
	margin:0 18px 0 36px;
}

#copy iframe {
	margin:0 18px 0 36px;
}


#facebook {
 background-color:#fff;
 float:right;
 margin-bottom:24px;
}

#facebook a {
text-decoration:none;
}


#right {
	float:left;
	width:325px;
	height:100%;
	font-size:85%;
	height:auto !important;
	}
	
#right .content {
	background:white url(/i/2010/subnav-middle.gif) repeat-y;
	padding-left:42px;

}
#right .content p {
	padding-left:36px;
}
	
#right h2, #right ul.more {
	margin-left:36px;
	}
	
#right h2, #right a {
	color:#008f5c;/*header green */
	}

.utils {
padding:36px 24px 0;
text-align:right;
}

.utils a:hover, #right a:hover {
	color:#0079c2;/*tree blue*/
}


.utils a:hover {
color:#98d641;/*subnav green*/
}


#lowerleft {
	float:left;
	width:210px;
	font-size:80%;
	margin:12px 0 0 58px;
	color:#0079c2;/*tree blue*/

	}
	
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/i/cb/images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/i/cb/images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}