@charset "utf-8";

html, body { /* this selector stops the "page jump" look in some browsers when the page is short and centered and the right chrome goes away */
	height: 100%;
	margin-bottom: 1px;
	}


body {
	font: 100%/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #d6dba3;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}




a img {
	border: none;
	
}

a:link {
	
	color: #f60;
	text-decoration: none;
}

a:visited {
	
	color: #f33;
	text-decoration: none;
}


a:hover, a:active, a:focus {
	
	color: #f60;
	text-decoration: underline;
	
}


#outer_container {
	
	border: 1px solid #676734;
	padding: 2px;
	margin: 10px auto;
	width: 897px;
	background: #fff;
	text-align: left;
}

#container {
	width: 895px;  
	background: #FFFFFF;
	border: 1px solid #676734;
	text-align: left; 
}

#header img {
	
	display: block;
	
}

.homepage #header {
	background: #fff url(../images/website/banner.jpg) no-repeat;
	height: 250px;	
}

#header h1 {
	width: 80em;
	left: -100em;
	position: absolute;
	/* Screen readers will read the logo name as a top level heading */
	
	}


/*styling for top links in header */


#toplinks {
	
	background: #fff;
	margin: 0;
	padding: 0;
	
	}


.homepage #toplinks {
	background: transparent;
	position: absolute;
	height: 30px;
	top: 190px;
}


#toplinks ul  {
	
	margin: 0;
	padding: 0;
	padding-left: 20px;
	overflow: auto;
	list-style: none;
	
	}
	
	
.homepage #toplinks ul {
	
	padding-top: 20px;
	
}
	
#toplinks li{
	
	float: left;
	font-size: 85%;
	color: #Faa220;
	font-weight: bold;
	
	}
	
	
#toplinks li a  {
	
	display: block;
	padding: 15px 8px 8px;
	color: #336600;
	font-weight: bold;
	text-decoration: none;
	
}


#toplinks li a:hover, #toplinks li a:active, #toplinks li a:focus  {
	
	color: #faa220;	
}


#toplinks a.onlink {
	
	color: #faa220;	
}


/*left bar styles */

.threecol #sidebar1, .nocol #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 172px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: transparent;
	margin: 0;
	padding: 0; 
}

.nav, .nav ul {
	
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 90%;
	font-weight: bold;
	}
	
.nav {
	margin-bottom: 20px !important;
}

.nav li { 
	padding: 0;
	border-bottom: 1px solid #aac574;

	 }
	 
.nocol li#level1_1, .threecol li#level1_1 {
	border-top: none;
}

.nav a {
	display: block;
	padding: 10px 10px;
	color: #637358;
	background-color: #cce78c;
	text-decoration: none;
	}

.nav a:hover {
	color: #faa322;
	background-color: #6b8568;
	text-decoration: none;
	}

.nav ul li { padding: 1px 0 0 0; 
	border: none;
}

.nav ul a {
	display: block;
	padding: 5px 5px 5px 20px;
	color: #637358;
	background-color: #efface;
	text-decoration: none;
	}
		

.nav ul a:hover {
	color: #faa322;
	background-color: #6b8568;
	text-decoration: none;

	}
	
	
/*end navigation ul */
	


/*right bar styles */

.homepage #sidebar {
	float: right; 
	width: 275px;
	margin-top: 10px;
	margin-right: 10px;
	background: #fff; 
	padding: 5px 10px;
	border: 2px solid #faa120;
}


.threecol #sidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	/*margin-top: 20px;*/
	margin-right: 10px;	
	padding: 5px 10px; /* padding keeps the content of the div away from the edges */
	border: 2px solid #faa120;
	margin-bottom: 15px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	
}

#sidebar p {
	color: #616e52;
	font-size: 80%;
	margin: 0;
	padding: 5px;
	line-height: normal;	
}

#sidebar h1 {
	
	color: #be594d;
	font-size: 90%;
	margin: 0;
	padding: 3px;
	
}


#sidebar img {
	
	float: left;
	padding: 5px 5px 5px 0;
	
}


/*content area */


.threecol #contentwrapper, .nocol #contentwrapper

{
	
	background: url(../images/website/leftcol_bkgnd.gif) repeat-y;
	margin-top: 13px;
	
}



.threecol #contentwrapperbk, .nocol #contentwrapperbk {
	
	background: transparent url(../images/website/leftbar_peach_bkgnd.jpg) no-repeat bottom left;
	
}
	

.homepage #mainContent { 
	margin: 0 325px 0 0; 
	padding: 0 20px 0 25px; 
	background: transparent;

}

.threecol #mainContent {

	margin: 0 230px 0 180px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		
} 

.nocol #mainContent {
	
	margin: 0 0 0 180px;
	padding: 0 40px 10px 20px;
	
}


.homepage #mainContent h1 {
	color: #f30;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 1px;
	
	
}

.threecol #mainContent h1, .nocol #mainContent h1 {
	text-align: center;	
	color: #f30;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
	padding: 0;
}



#mainContent h2 {
	
	color: #f30;
	font-size: 100%;
	font-weight: bold;
	letter-spacing: 1px;
	
}


#mainContent h3  {
	
	color: #f30;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 1px;
	font-style: italic;
	padding-left: 20px;
	
}

.homepage #mainContent h3 {
	
	padding: 0;
	
}
	

.threecol #mainContent h2, .nocol #mainContent h2 {
	
	padding-left: 20px;
	
}


.threecol #mainContent p {
	padding: 0 20px;
	font-size: 90%;
	color: #333;
	
	
}


.nocol #mainContent p {
	
	padding-left: 20px;
	font-size: 90%;
	color: #333;
	
	
}

.homepage #mainContent p {
	
	color: #333;
	font-size: 90%;
		
}

#mainContent img {
	
	padding: 5px;
	background: #dedede;
	border: 1px solid #ccc;
	
}


.nocol #mainContent ul, .threecol #mainContent ul {
	margin: 0;
	padding: 0 0 0 30px;
	list-style: none;
	font-size: 90%;
	color: #000;
	line-height: normal;
	
}

.nocol #mainContent ol, .threecol #mainContent ol {
	
	margin-left: 20px;
	padding: 0 0 0 10px;
	font-size: 80%;
	color: #000;
	line-height: normal;
}


.nocol #mainContent li, .threecol #mainContent li {
	background: url(../images/website/bullet.gif) no-repeat left top;
	padding: 5px 5px 5px 20px;		
}

.nocol #mainContent ol li, .threecol #mainContent ol li {
	background: none;
	list-style: decimal;
	margin-left: 25px;
	padding: 0 0 10px 10px;
	
}


#mainContent blockquote {
	
	font-style: italic;
	margin: 0 10px 0 20px;
	
}

/*Marketplace image div */

#mainContent div.captionedimg {
	margin: 1em;
	font-size: 80%;
	float: left;
	color: #455876;
	padding: 2px;
	text-align: center;
}

#mainContent div.captionedimg img {
	
	display: block;
	width: 200px;
	float: none!important;
	padding: 3px;
	margin: 0 0.6em 0.2em 1em;
		
}


/* form styles */



#contact form {
margin: 20px auto;
padding: 10px 10px 15px;
border: 1px solid #faa220;
background: #fff;
font-size: 90%;
width: 500px;
} 

#contact input {
background: #F3F1D9;
border: 1px solid #7B8C71;
padding: 2px;
color: #697862;
width: 400px;
display: block;
margin-bottom: 7px;

}

#contact input:focus, #contact textarea:focus {
background: #606D58;
color: #F3F1D9;
border: 1px solid #E8E0C9;
}

#contact label {
color: #373F32;
}

#contact fieldset {
	
	border: 1px solid #e8e0c9;
	padding: 5px 15px 10px;
	
}

#contact legend {
	
	color: #f3f1D9;
	font-size: 1.2em;
	background: #697862;
	padding: 1px 5px;
	border: 1px solid #e8e0c9;
	
}


#contact input.submit {
	
	width: 8em;
	
}


#contact input.checkbox {
	
	width: 2em;
	display: inline;
		
}

#contact input.team {
	
	width: 175px;
	display: inline;
	
}


#contact textarea.questions {
	
	display: block;
	width: 400px;
	
}

/* right pod styles */

.rightpod {
	padding: 8px 5px 0px;
	width: 200px;
	border: 2px solid #faa120;
	float: right;
	margin: 10px;
}


#mainContent .rightpod p {
	color: #616e52;
	font-size: 80%;
	margin: 0;
	padding: 5px;
	line-height: normal;	
}

#mainContent .rightpod h1 {
	
	color: #be594d;
	font-size: 90%;
	margin: 0;
	padding: 3px;
	text-align: left;
	
}


#mainContent .rightpod img {
	
	float: left;
	padding: 5px;
	border: none;
	margin: 5px 5px 8px 5px;
	background: #eee;
	
}

/*end main content area styles */

.homepage #bottomwrapper {
	
	background: url(../images/website/peach_bkgnd.jpg) no-repeat bottom right;
	padding-bottom: 270px;
	
}


.homepage #bottomlinks {
	float: left;
	width: 100%;
	clear: both;
	height: auto;
	background: #cce78c;
	border-top: 1px solid #a4b440;
	border-bottom: 1px solid #a4b440;
		
	
}


#column1, #column2, #column3, #column4 {
	background: transparent;
	margin: .5em 0 .5em 2em;
	padding:1px;
	border: 1px solid #a4b440;
	width:11em; /*allows for an increase in text size. can change to fixed if you want */
	float:left;
	overflow: hidden;
	height: 150px;
	
	}
	

#column1 ul, #column2 ul, #column3 ul, #column4 ul {
	list-style: none;
	font-size: 80%;
		
	}

	
#column1 li, #column2 li, #column3 li, #column4 li {
	color: #000;
	font-size: 80%;
	padding: 8px;
	
}


	
#column1 h3, #column2 h3, #column3 h3, #column4 h3 {
	
	font-size: 90%;
	margin: 0;
	font-weight: bold;
	color: #637358;
	text-align: center;
	padding-top: 10px;
	
}


#column1 h3 a {color: #637358; text-decoration: none;}
#column1 h3 a:link {color: #637358;}
#column1 h3 a:visited {color: #637358;}
#column1 h3 a:hover {color: #f77105; text-decoration:none; }
#column1 h3 a:active {color: #637358;}

#column2 h3 a {color: #637358; text-decoration: none;}
#column2 h3 a:link {color: #637358;}
#column2 h3 a:visited {color: #637358;}
#column2 h3 a:hover {color: #f77105; text-decoration:none; }
#column2 h3 a:active {color: #637358;}

#column3 h3 a {color: #637358; text-decoration: none;}
#column3 h3 a:link {color: #637358;}
#column3 h3 a:visited {color: #637358;}
#column3 h3 a:hover {color: #f77105; text-decoration:none; }
#column3 h3 a:active {color: #637358;}

#column4 h3 a {color: #637358; text-decoration: none;}
#column4 h3 a:link {color: #637358;}
#column4 h3 a:visited {color: #637358;}
#column4 h3 a:hover {color: #f77105; text-decoration:none; }
#column4 h3 a:active {color: #637358;}

/*end bottom link area */


/*end content area */


#footer {
	padding: 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
}



#footer p {
	
	text-align: right;
	font-size: 80%;
	margin: 0; 
	padding: 0 0 10px 0; 
	color: #676734;
}


.threecol #footer p, .nocol #footer p {
	
	padding: 0;
	margin: 0;
	
}



	

/*end footer styles */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.notop {
	
	margin-top: 0;
	
}

/* on page styles */



/*begin on page styles for Level1*/

body#level1_1_page li#level1_1 a, body#level1_2_page li#level1_2 a, body#level1_3_page li#level1_3 a, body#level1_4_page li#level1_4 a, body#level1_5_page li#level1_5 a, body#level1_6_page li#level1_6 a, body#level1_7_page li#level1_7 a, body#level1_8_page li#level1_8 a, body#level1_9_page li#level1_9 a, body#level1_10_page li#level1_10 a {
  	
	color: #faa322;
	background-color: #6b8568;
	
	}

/*On page hover state highlight for Level1 menus. These styles override .nav styles for current page. */
body#level1_1_page li#level1_1 a:hover, body#level1_2_page li#level1_2 a:hover, body#level1_3_page li#level1_3 a:hover, body#level1_4_page li#level1_4 a:hover, body#level1_5_page li#level1_5 a:hover, body#level1_6_page li#level1_6 a:hover, body#level1_7_page li#level1_7 a:hover, body#level1_8_page li#level1_8 a:hover, body#level1_9_page li#level1_9 a:hover, body#level1_10_page li#level1_10 a:hover {
  	
	color: #faa322;
	background-color: #6b8568;
	
	}
	
/*Inheritance block. Keeps level2 from inheriting level1 styles. Styles here should match ".nav ul a" */ 
body#level1_1_page li#level1_1 ul a, body#level1_2_page li#level1_2 ul a, body#level1_3_page li#level1_3 ul a, body#level1_4_page li#level1_4 ul a, body#level1_5_page li#level1_5 ul a, body#level1_6_page li#level1_6 ul a, body#level1_7_page li#level1_7 ul a, body#level1_8_page li#level1_8 ul a, body#level1_9_page li#level1_9 ul a, body#level1_10_page li#level1_10 ul a {
  	
	color: #637358;
	background-color: #efface;

	
	}

/*begin persistent page indicator for level2*/

/*Current page indicator normal state for Level2 menus. These styles override .nav styles for current page. */ 
body#level2_1_page li#level2_1 a, body#level2_2_page li#level2_2 a, body#level2_3_page li#level2_3 a, body#level2_4_page li#level2_4 a, body#level2_5_page li#level2_5 a, body#level2_6_page li#level2_6 a, body#level2_7_page li#level2_7 a, body#level2_8_page li#level2_8 a, body#level2_9_page li#level2_9 a, body#level2_10_page li#level2_10 a {

  	color: #faa322;
	background-color: #6b8568;
	
	}
	
/*Current page hover state highlight for Level 2 menus. These styles override .nav styles for current page. */
body#level2_1_page li#level2_1 a:hover, body#level2_2_page li#level2_2 a:hover, body#level2_3_page li#level2_3 a:hover, body#level2_4_page li#level2_4 a:hover, body#level2_5_page li#level2_5 a:hover, body#level2_6_page li#level2_6 a:hover, body#level2_7_page li#level2_7 a:hover, body#level2_8_page li#level2_8 a:hover, body#level2_9_page li#level2_9 a:hover, body#level2_10_page li#level2_10 a:hover {
  	
	color: #faa322;
	background-color: #6b8568;
	
	}

/*Inheritance block. Keeps level2 menu highlight from inheriting the level1 indicator highlight. This should be the same as ".nav ul a:hover"*/
body#level2_1_page li#level2_1 ul a, body#level2_2_page li#level2_2 ul a, body#level2_3_page li#level2_3 ul a, body#level2_4_page li#level2_4 ul a, body#level2_5_page li#level2_5 ul a, body#level2_6_page li#level2_6 ul a, body#level2_7_page li#level2_7 ul a, body#level2_8_page li#level2_8 ul a, body#level2_9_page li#level2_9 ul a, body#level2_10_page li#level2_10 ul a, body#level1_3_page li#level1_3 ul a:hover, body#level1_2_page li#level1_2 ul a:hover, body#level1_1_page li#level1_1 ul a:hover, body#level1_4_page li#level1_4 ul a:hover, body#level1_5_page li#level1_5 ul a:hover, body#level1_6_page li#level1_6 ul a:hover, body#level1_7_page li#level1_7 ul a:hover, body#level1_8_page li#level1_8 ul a:hover, body#level1_9_page li#level1_9 ul a:hover, body#level1_10_page li#level1_10 ul a:hover {

  	color: #faa322;
	background-color: #6b8568;
	
	}


.print {	
	display: none!important;	
}


/* miscellaneous classes. Move these into Contribute style sheet */

img.floatleft {
	
	float: left;
	background: #eee;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 5px 8px 0 0;
	
}

img.floatright {
	
	float: right;
	background: #eee;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 5px 0 0 8px;
	
}

.highlight {
	
	padding: 5px;
	color: #faa220!important;
	font-weight: bold;
	font-style: italic;
	
}

	
#mainContent p.smalltype  {
	
	color: #666;
	font-size: 80%;
	
}

.textindent {
	
	margin-left: 20px;
	
}

#mainContent img.noborder {
	
	padding: 2px;
	border: none;
	background: #fff;
	
}