/*----------------------------------------------------------
	This  is the main stylesheet for structural and layout changes
	------------------------------------------------------------*/
	
	/*----------------------------------------------------------
	
	[Table of contents]
	
	0.0 Imports
		0.1 Reset
		0.2 type
		0.3 style
		0.4 forms
	
	1.0 Body
		1.1. Wrapper / #wrapper
		1.2. Container / #container
	
	2.0 Header / #header
	
	3.0 Content / #content
		3.1. Column 1 / #column_1
		3.2. Column 2 / #column_2
		3.3. Column 3 / #column_3
		3.4. Sidebar / #sidebar
	
	4.0 Footer / #footer
	
	5.0 Miscellaneous
		5.1 - Miscellaneous - Sidebox
		5.2 - Miscellaneous - Header Info Box
		5.3 - Miscellaneous - The styles for the wizard/steps
	6.0 Tables
	
	7.0 Recycle bin (old HTML or disable css for testing)
	
	------------------------------------------------------------*/
	
	/* 0.0 - Imports
	------------------------------------------------------------*/
		
		@import url("style_type.css");
		
		/*
		@import url("style_tools.css");
		@import url("style_forms.css");
		*/
		
		@import url("reset.css");
		
		/*
		@import url("browser_ie6.css");
		@import url("browser_ie7.css");
		
		@import url("slider.css");
		*/
	
	/* 1.0 - Body
	------------------------------------------------------------*/
		
#site #calltoaction {
		background-image: url(../media/siteImages/calltoaction.jpg);
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 12px;
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		display: inline-block;
	}
	
#site #calltoaction p strong{
		font-size: 20px;
		color: #083962;
	}
	
#site #calltoaction p {
		color: #717A29;
	}
	
#site #calltoaction a {
		color: #717A29;
	}
	
		
		
		
		
#site  {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		background-color: #a0a075;
		font-family: Arial, Helvetica, sans-serif;
		width:100%;
		height:100%;
		display: inline-table;

	}
	
	
	
	
	
	/* 1.1 - Body / Wrapper
	------------------------------------------------------------*/
	
#site #wrapper {  }
	
	/* 1.2 - Body / Container
	------------------------------------------------------------*/
	
#site #container {
		background-image: url(../media/siteImages/1px-top.jpg);
		background-repeat: repeat-x;
		background-position: 0px 0px;
	
	
	
	}
	
	
	/* 2.0 - Header
	------------------------------------------------------------*/
		
#site #header {
		background-image: url(../media/siteImages/1px-top.jpg);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		height: 77px;
	}
#site #header-inner {
		background-image: url(../media/siteImages/bg_headerblue.jpg);
		background-repeat: repeat-x;
		width: 1280px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}
#site #welcome {
		width: 337px;
		float: left;
		margin-top: 20px;
		margin-right: 77px;
		padding-left: 70px;
	}
#site #logo {
		background-image: url(../media/siteImages/sayle-screen-logo.jpg);
		height: 108px;
		width: 337px;
		background-repeat: no-repeat;
	}
#site #flash {
		float: left;
		width: 372px;
		margin-top: 20px;
		height: 230px;
	}
#site #news {
		height: 47px;
		padding-bottom: 80px;
		width: 926px;
		float: left;
	}
	/* 2.2 - Header / Primary Navigation
	------------------------------------------------------------*/
	
	
	

	
	/* 3.0 - Content
	------------------------------------------------------------*/
	
#site #content {
		background-image: url(../media/siteImages/1px-curve.gif);
		background-repeat: repeat-x;
		background-position: 0px 0px;
	
	}
#site #content_image {
		background-image: url(../media/siteImages/content-bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		margin-right: auto;
		margin-left: auto;
	}
#site #content_inner {
		width: 926px;
		margin-right: auto;
		margin-left: auto;
	}
	
	
	
	
	
	
	/* 3.1 - Content / Column 1
	------------------------------------------------------------*/
	
#site #column_1 {
		float: left;
		width: 926px;
		padding-bottom: 50px;
		padding-top: 90px;
	}
#site #column_1 .one {
		float: left;
		width: 407px;
		text-align: right;
		margin-right: 30px;
	}
	
#site #column_1 .one .addPanel { text-align: left; }
	
#site #column_1 .two {
		float: left;
		width: 469px;
	}
	
	
	
	
	
	/* 3.2 - Content / Column 2
	------------------------------------------------------------*/
#site #column_2 {
		float: left;
		width: 614px;
		padding-bottom: 50px;
		padding-top: 90px;
		display: none;
	}
	
	/* 3.4 - Content / Column 4
	------------------------------------------------------------*/
	
	
	/* 3.5 - Content / Form Styling
	------------------------------------------------------------*/
	
#site #sent {
		color: #FFFFFF;
		background-color: #333333;
		padding: 8px;
		margin-right: 50px;
		margin-left: 25px;
		text-align:center;
	}
	
#site #sent p{
		color: #FFFFFF;
		margin-top: 10px;
		margin-bottom: 5px;
		font-size: 1.1em;
	}
	
#site #sent strong{
		font-size: 1.5em;
	}
	
#site .formTxtBox{
		width: 99%;
		height: 20px;
		background-color: #EFE9EA;
		padding: 2px;
		margin-right: 15px;
		margin-top: 5px;
		border: 1px solid #9AB3B8;
	}
	
#site .formTxtBoxSm{
		height: 20px;
		background-color: #EFE9EA;
		padding: 2px;
		margin-left: 0px;
		margin-top: 5px;
		border: 1px solid #9AB3B8;
	}
	
#site .formTxtBoxMulti{
		width: 99%;
		height: 150px;
		background-image: url(../media/siteImages/formfield-background.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		border: 1px solid #9AB3B8;
		background-color: #FEFEFE;
		margin-top: 5px;
	}
	/*
	label {
		display: block;
		font-weight: normal;
		margin-bottom: 2px;
		margin-left: 0px;
		font-size: 1.1em;
		color: #666666;
		line-height: 1em;
		margin-top: 2px;
	}
*/
	fieldset {
		padding: 10px;
		background-color: #FFFFFF;
		margin-right: 50px;
		margin-left: 25px;
		display: block;
		margin-top: 25px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
	}
#site #column1 fieldset p {
		margin-left: 0px;
	}
#site .formButton {
		color: #FFFFFF;
		width: 99%;
		margin-top: 15px;
		display: block;
		font-size: 1em;
		font-weight: bold;
		font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
		height: 34px;
		margin-right: auto;
		background-image: url(../media/siteImages/formbutton-background.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		background-color: #333333;
		margin-left: auto;
	}
	
#site .formButton2 {
		color: #FFFFFF;
		width: 80%;
		margin-top: 15px;
		display: block;
		font-size: 1em;
		font-weight: bold;
		font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
		height: 34px;
		margin-right: auto;
		background-image: url(../media/siteImages/formbutton-background.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		background-color: #CCCCCC;
		margin-left: auto;
	}
	
#site .asp_form label {
		color: #000;
		width: 100%!important;
	
	}
	
#site .asp_form .formTxtBox{
		width: 90%;
		height: 20px;
		background-color: #EFE9EA;
		padding: 2px;
		margin-right: 15px;
		margin-top: 5px;
		background-image: url(../media/siteImages/formfield-background.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		border: 1px solid #9AB3B8;
	}
	
#site .asp_form .formTxtBoxMulti{
		width: 90%;
		height: 150px;
		background-image: url(../media/siteImages/formfield-background.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		border: 1px solid #9AB3B8;
		background-color: #FEFEFE;
		margin-top: 5px;
	}
	
#site .asp_form .formButton {
		color: #FFFFFF;
		width: 85%;
		margin-top: 15px;
		display: block;
		font-size: 1em;
		font-weight: bold;
		font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
		height: 34px;
		background-image: url(../media/siteImages/formbutton-background.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		background-color: #349A46;
		margin-left: 35px;
		margin-right: auto;
	}
	
	
#site .asp_form li {
		background-image: none!important;
		background: none!important;
		list-style-type: none!important;
		list-style-image: none!important;
	}
	
	
	/* 4.0 - Footer
	------------------------------------------------------------*/
	
	
	
#site #footer {
		margin-right: auto;
		margin-left: auto;
		width: 926px;
		clear: both;
		padding-bottom: 40px;
		font-size: 12px;
		}
#site #footer .one {
		float: left;
		width: 60%;
	}
#site #footer .two {
		float: right;
		text-align: right;
		width: 40%;
	}
		
#site #footer	ul	{
		list-style-type: none;
		}
	
#site #footer	li	{
		color: #463826;
		float: left;
		margin-right: 6px;
		}
		
		
		
		
	
	/* 5.0 - Miscellaneous
	------------------------------------------------------------*/
	
	/* 5.1 - Miscellaneous - Sidebox
	------------------------------------------------------------*/
	
#site #content .sidebox {
	
	}
	
	
	/* 5.2 - Miscellaneous -  news (probably temporary until put in CMS)
	------------------------------------------------------------*/
#site .news {
		display: block;
		width: 614px;
		margin-bottom: 20px;
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #6d5738;
		padding-bottom: 20px;
		clear: left;
		float: left;
		}
#site .news img {
		border: 1px solid #FFF;
		display: block;
		float: left;
		margin-right: 20px;
		}
#site .news p {
		width: 481px;
		float: left;
		margin-top: 10px;
		font-size: 12px;
		line-height: 18px;
		}
	
	
	
	
	/* 6.0 - Tables - Default table styles
	------------------------------------------------------------*/
/*	
#site #content table{ width:100%; border-collapse:collapse; margin:1em 0; border-top-width: 3px; border-top-style: solid; border-top-color: #9FD7FF;}
#site #content table, td{ }
#site #content caption { color: #0060A6; font-weight: bold; font-size: 14px; padding-bottom: 3px; }
#site #content th, td{text-align:left;padding:.5em;border:1px solid #fff;}
#site #content th{ color:#fff; background-color: #0075CE; background-image: url(../tr_back.gif); background-repeat: repeat-x; }
#site #content td{ background-color: #E9E9E9; color: #666666; }
#site #content tr.even td{ background-color: #EFEFEF; }
#site #content tr.odd td{ background-color: #FFFFFF; }
#site #content td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}*/ /* use this if you want to apply different styleing to empty table cells*/




#site #content_image {
		background-image: url(../media/siteImages/content-bg-page.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		margin-right: auto;
		margin-left: auto;
	}
#site #news {
		display: none;
	}
#site #welcome {
		margin-top: 70px;
		display: none;
	}
#site #welcome p {
		display: none;
	}
#site .logo {
		background-image: url(../media/siteImages/logo-page.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		height: 112px;
		width: 262px;
		margin-top: 30px;
	}
#site .logo  span {
		display: none;
	}
	
#site #column_1 {
		text-align: right;
		float: left;
		width: 262px;
		margin-right: 30px;
	}
#site #column_2 {
		display: block;
	}
#site #column_2 p {
		display: block;
		font-size: 12px;
		line-height: 18px;
	}
#site #flash {
		display: none;
	}
#site #image_container {
	    background-color: #e5e1d3;
		background-image: url(../media/siteImages/header-page.jpg);
		height: 50px;
		background-repeat: no-repeat;
		background-position: center 0px;
	}
	
	
#site #authors { width: 100%;} 
#site #authors .col {width: 24%; float: left; margin-right: 5px; }
#site #authors .col .formItem {width: 30px!important;}
#site #authors .col .addPanel { border:1px solid #CCCCCC!important; padding: 0px!important; }
#site #authors .col .addPanel label { font-size: 70%; }
#site #authors a { text-decoration: none; color: #463826; font-size: 12px; }
#site #authors a:hover { color: #6d5738; text-decoration: none; }