/*This is the main.css file, used to change values on the "Participants" section.  */

/*
	Name: Healthy Children Strong Familes
	Type: Main css
	Date: July 2012
	Author: Duncan Adams
	Version: 1.0
*/
ul, p, h1, h2, h3, h4, h5 {
	padding: 0px;
	margin: 0px;
}

@font-face {
    font-family: "Title Text";
    src: url(../fonts/GearedSlab-Light.ttf) format("truetype");
}

html {
	height: 100%; 
}
body {
	background:url(../images/background_tile2.png);
	background-repeat: repeat-x;
	background-color: #6A3301;
	color:#000;
	margin: 0;
	padding-top:0;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
}
figure {
	display: block;
	position: relative;
	float: right;
	margin: 0;
}
figcaption {
	display: block;
	position: absolute;
	text-align: center;
	width: 100%;
}
figcaption p{
	text-align: center;
}
header {
	height: 80px;
	font-family: "Title Text", Verdana, Tahoma;
	font-size: 50px;
	margin: 0 auto;
	width: 940px;
	padding-top:10px;
	padding-left: 20px;
	color:#fff;
}
header h1 {
	font-size: 50px;
	padding: 0px;
	letter-spacing: 4px;
	margin-top: 15px;
	margin-left: 10px;
	float:left;
} 
header img {
	float: left;
	z-index: 6;
}
#pictureheader {
	width: 100%;
	height: 300px;
	background: #000;
	background: url('../images/temp_header.jpeg');
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	z-index: -1;
	display: block;
}
#pictureheader p {
	margin: 0px;
	padding: 0px;
}
/*naviation section */
#nav_wrapper {
	width:100%;
	height: 43px;
	display: block;
	border-bottom: 1px solid #FFF;
	background: #6A3301; /* Old browsers */
	background: -moz-linear-gradient(top,  #A34F02 0%, #6A3301 97%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A34F02), color-stop(97%,#6A3301)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #A34F02 0%,#6A3301 97%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #A34F02 0%,#6A3301 97%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #A34F02 0%,#6A3301 97%); /* IE10+ */
	background: linear-gradient(to bottom,  #A34F02 0%,#6A3301 97%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A34F02', endColorstr='#6A3301',GradientType=0 ); /* IE6-9 */
}
#nav_float_wrapper { /*a necessary part of the centering option, this, combined with the -50% line below, centers the navbar no matter the width */
	float:left;
	left:50%;
	position: relative;
	z-index: 1;
}
nav { /*set up the navbar */
	padding:0;
	font-size: 20px;
	text-decoration: none;
	display: block;
	left:-50%;
	position: relative;
	/*left:-50%; /* Referred to above, this finishes centering the element */
	font-family: "Arial", Verdana, Geneva, Sans-Serif;
}
nav ul li { /*makes the elements sit like tabs and not a list */
	display:inline;
	padding: 0;
	margin: 0;
}
nav ul li a:link, 
nav ul li a:visited { /*style each individual tab for the navbar */
	margin: 0px -1px;
	color:#FFF;
	padding: 10px 30px;
	float: left;
	width: auto;
	text-decoration: none;
	position: relative;
	border-bottom: 1px solid #FFF;
	background: #6A3301; /* Old browsers */
	background: -moz-linear-gradient(top,  #A34F02 0%, #6A3301 97%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A34F02), color-stop(97%,#6A3301)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #A34F02 0%,#6A3301 97%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #A34F02 0%,#6A3301 97%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #A34F02 0%,#6A3301 97%); /* IE10+ */
	background: linear-gradient(to bottom,  #A34F02 0%,#6A3301 97%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A34F02', endColorstr='#6A3301',GradientType=0 ); /* IE6-9 */
}
nav ul li a.nav_active { /*class changed for the active page, for example, on the home page the "Home" tab is class="nav_active" */
	z-index: 3;
	position: relative;
	border-bottom: 1px solid #6A3301;
	border-left:solid 1px #a37142;
	border-right:solid 1px #a37142;
}
nav ul li a:hover { /*sets behavior of all tabs, active or not, on hover */
	position: relative;
	border-bottom: 1px solid #FFF;
	background: #a36832; /* Old browsers */
	background: -moz-linear-gradient(top,  #a36832 0%, #6A3301 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a36832), color-stop(100%,#6A3301)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a36832 0%,#6A3301 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a36832 0%,#6A3301 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a36832 0%,#6A3301 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a36832 0%,#6A3301 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a36832', endColorstr='#6A3301',GradientType=0 ); /* IE6-9 */
}
nav ul li a.nav_active:hover {  /*This makes the active page tab not gain a white bottom border when it's hovered over */
	border-bottom: 1px solid #6A3301;
}
/*end navigation section */
#content_area {
	background-color: #FFF;
	-moz-box-shadow: 0px 7px 20px #000000;
	-webkit-box-shadow: 0px 7px 20px #000000;
	box-shadow: 0px 7px 20px #000000;
	display: block;
	width: 930px;
	margin: 15px auto;
	padding: 20px;
	margin-bottom: 15px;
	overflow: auto;
}
#content_area h1 {
	text-align: left;
	font-family: "Title Text", Verdana, Tahoma, Sans-Serif;
	color: #000;
	font-weight: 400;
}
#content_area p {
	margin-top: 10px;
}
#content_area a:link, #content_area a:visited {
	color:#6E6E6E;

}
/*Image Floats and formatting */
img.flt_rt {
	float:right;
	margin: 10px;
	border: 1px solid #000;
}
img.flt_lt {
	float:left;
	margin:10px;
	border: 1px solid #000;
}
img.border_only {
	margin:10px;
	border: 1px solid #000;
}
/*Footer */
#footer p {
	color: #BFBFBF;
	text-align: center;
	font-size: 10px;
	font-family: "Arial", Verdana, Geneva, Sans-Serif;
}