/* CSS STYLES FOR EVOLVE */
/* this one puts the whole lot in the middle of the screen */
#holder {
	width: 915px;
	margin-right: auto;
	margin-left: auto;
}
/* this one sets the wavy background image and the general grey background as well as the font-family, but not the size of the font*/
body {
	background-image: url(../evolve_images/bg_images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-color: #b6b6b6;
	font-family: "Trebuchet MS";
}
/* this one sets the menu bar to go right across and have a brown backgound */
#menubar {
	background-color: #9C5F0E;
	width: 915px;
	font-weight: bold;
	float: left;
}
/* this one sets the left-hand text box for the INDEX ONLY to allow for the rollovers below */
#left_side {
	padding: 0px;
	width: 625px;
	font-size: medium;
	background-color: #cccccc;
	font-weight: bold;
	margin-top: 25px;
	background-image: url(../evolve_images/main_images/footer_rounded_rect.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
/* this one sets the left side text area for all other pages except the index */
#left_side_market {
	width: 615px;
	font-size: small;
	background-color: #cccccc;
	background-image: url(../evolve_images/main_images/footer_rounded_rect.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
/* this one sets the right side text area for the INDEX ONLY */
#right_side {
	float: right;
	width: 150px;
	padding-right: 8px;
	border: 1px solid #cccccc;
	padding-left: 8px;
	font-size: medium;
	font-weight: bold;
	margin-top: 55px;
	clear: both;
}
/* this one sets the right hand text area for all other pages except INDEX */
#right_side_market {
	float: right;
	width: 150px;
	padding-right: 8px;
	border: 1px solid #cccccc;
	padding-left: 8px;
	font-size: small;
}
/* this one puts the rounded rectabgle at the bottom of the left hand text box */
#lower_bg_holder {
	background-image: url(../evolve_images/bg_images/bottom_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 1400px;
	margin-right: auto;
	margin-left: auto;
}
#evolve {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	background-color: #FFFFFF;
	z-index: 1000;
	width: 100%;
}
/* this one is for the u-tube holding div */

#video {
	float: right;
	width: 357px;
	padding-left: 3px;
}
#round_header {
	float: left;
	margin-top: 25px;
}
/* these all belong to the reveal texts on the index page */
/************************************************************/
/* this one sets the box that holdes them all */
#left_side_lower {
	padding: 5px;
	width: 625px;
	margin-right: 5px;
	margin-top: 15px;
	font-size: medium;
	font-weight: bold;
	float: left;
}
#reveal_table    td {
	width: 25%;
}
#reveal1 {
	padding: 2px;
	width: 24%;
	float: left;
	text-align: center;
}
#text_area {
	background-color: #FFFFFF;
	width: 855px;
	float: right;
	padding-right: 25px;
	padding-left: 35px;
}
#apDiv1 {
	position:absolute;
	left:212px;
	top:461px;
	width:590px;
	height:185px;
	z-index:1;
}
#reveal_table {
	width: 100%;
}
#reveal2 {
	padding: 2px;
	width: 24%;
	float: left;
	text-align: center;
}
#reveal3 {
	padding: 2px;
	width: 24%;
	float: left;
	text-align: center;
}
#reveal4 {
	padding: 2px;
	width: 24%;
	float: left;
	text-align: center;
}
#market_reveal {
	visibility: hidden;
	color: #9C5F0E;
	font-size: small;
}
#training_reveal {
	visibility: hidden;
	color: #9C5F0E;
	font-size: small;
}
#nomad_reveal {
	visibility: hidden;
	color: #9C5F0E;
	font-size: small;
}
#living_reveal {
	visibility: hidden;
	color: #9C5F0E;
	font-size: small;
}
/* end of reveals *****************************************/
/* this one for the copyright bar at the very bottom */
#copyright {
	font-size: x-small;
	color: #9C5F0E;
}
/* this one if for the little table in the coaching page */
#coachtable td {
	border: thin solid #ffffff;
}
/* these ones all set the link colours and the hover state for when the mouse is one them */
#copyright a {
	font-size: x-small;
	color: #9C5F0E;
	font-weight: bold;
}
#left_side a {
	font-weight: bold;
	text-decoration: none;
	color: #9C5F0E;
	font-style: italic;
}
#left_side a:hover {
	color: #000000;
	font-weight: bold;
}
#right_side a {
	font-weight: bold;
	text-decoration: none;
	color: #9C5F0E;
	font-style: italic;
}
#right_side   a:hover  {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
#left_side_market a {
	color: #9C5F0E;
	font-weight: bold;
	font-style: italic;
}
#left_side_market a:hover {
	color: #000000;
	font-weight: bold;
}
#right_side_market  a {
	font-weight: bold;
	text-decoration: none;
	color: #9C5F0E;
	font-style: italic;
}
#right_side_market a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
/* these are font styles******************************/
/* one to make the current page menu go italic */
.thispage {
	font-style: italic;
}
/* large balck headings*/
.headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	font-weight: bold;
}
/* makes any text brown and bold */
.authors {
	font-weight: bold;
	color: #9C5F0E;
}
/*this is one I used at one stage but haven't used it since */
.bigheadings {
	font-size: x-large;
	font-weight: bold;
	color: #9C5F0E;
}
/* these generally allow you to put pics inside the text areas to either the right or left. */
#picture_right {
	float: right;
	font-size: x-small;
	font-style: italic;
	padding: 2px;
	text-align: center;
}
#picture_left {
	float: left;
	font-size: x-small;
	font-style: italic;
	padding: 2px;
	text-align: center;
}
#coachtable {
	border: thin solid #ffffff;
	width: 600px;
}
#signupframe {
	border: 1px solid #935105;
	background: #bcbcbc;
	color: #060606;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.picture_right {
	float: right;
	font-size: x-small;
	font-style: italic;
	padding: 3px;
	text-align: center;
}
.picture_left {
	float: left;
	font-size: x-small;
	font-style: italic;
	padding: 3px;
	text-align: center;
}
input  {
	font-size: 10px;
	height: 20px;
}