/*=============================================================================
 * Public CSS file.
 *
 * This will be copied to /public/stylesheets when running 
 * 'rake substruct:prepare_layout_for_modification'
 *
 * That file is the one that should be modified when customizing your site.
 *
 ============================================================================*/
/* Reset all margins and padding to ensure x-browser compatibility */
* {
	padding: 0px;
	margin: 0px;
}
body, html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background: url(/images/site/body_bg_2.jpg) repeat;
}
body {
	background: url(/images/site/body_bg.jpg) repeat-x top;
}
body, table, div, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.4em;
	color: #483324;
}
a {
	font-weight: bold;
	text-decoration: none;
}
a:link { color: #FFFFFF; }
a:visited {	color: #FFFFFF; }


img {	border: 0px; }

a{
  outline: none;
}


#flash {
	margin: 20px;
	padding: 10px;
	z-index: 100;
	background-color: #B2DF83;
	border: 4px solid #6AC034;
	color: #293F1B;
}
#flash h2 {
	background-color: #6AC034;
	padding: 5px;
	color: #fff;
}
#flash div, #flash .action {
	font-size: 1.2em;
	line-height: 1.3em;
}


#container {
	width: 810px;	
	margin: 0 auto 0 auto;
	clear: both;
}

#header {
	height: 110px;
}

#header h1 a {
	display: block;
	background: url(/images/site/head.png) center left no-repeat;
	width: 800px;
	height: 101px;
	margin-top:0px;
	text-indent: -9999px;
	float: left;
}

#head-search {
	float: right;
	margin: 0 14px 0 0;
	height: 23px;
	padding: 2px;
	background-color: #999;
}

#head-search input.text {
	background: #5a5a5a;
	border: 1px solid #7d6a55;
	margin-right: 4px;
	color: #aaa;
	float: left;
}

#head-search .button {
	float: left;
	border: 1px solid #666;
	padding: 0px;
	background: #666;
	color: #bbb;
}

#head-search input.button:hover {
	color: #fff;
	border-color: #aaa;
}


#toplinks {
	margin: 0px 10px 0 0;
	padding: 0px;
	list-style: none;
	background: #898989 url(/images/top_bar.jpg)
	float: right;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#toplinks li {
	display: inline;
	float:right;
	padding: 8px;
}

ul.navigation a {
	color: #666;
	text-decoration: none;
}

#searchbox {
	float:right;
	margin-right: 20px;
	width: 500px;
}

#searchbox .textInput {
	width: 150px;
}



/* HOME PAGE */
#home_page {
	background: url(/images/bg_main.png) no-repeat center;
	height: 410px;
	margin: -13px 0 0 0;
}

#main_callout {
	width: 690px;
	height: 310px;
	float: left;
}
#minor_callouts {
	width: 240px;
	float: right;
}

h1#new_sale_header {
	width: 120px;
	height: 180px;
	padding-top: 20px;
	text-align:center; 
	background-image: url(/plugin_assets/substruct/images/public-ui/new-sale-header-bg.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	margin-right: 20px;
	color: #f86d0a;
}

/* Custom added CSS */

#credits {
	height: 50px;
	text-align: center;
	margin: 0 0 0 0;
}

#credits ul.credits{
	margin: 20px 0 0 10px;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	/*float: left;*/
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#credits li{
	display: inline;
	padding: 22px;
}

ul.credits a {
	color: #888;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
}

#copyright {
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #888;
	float:right;
	margin: 15px auto 0 auto;
}

#copyright img {
	float: right;
	margin-top: 0px;
	border-width: 0;
}

#contact {  
		background: url(/images/contact_form_bg.png) no-repeat;
		width: 400px;
		height: 455px;
		margin: 0 auto 0 auto;
			
}

#registration {  
		background: url(/images/reg_form_bg.png) no-repeat;
		width: 400px;
		height: 455px;
		margin: 0 auto 0 auto;
			
}

#subform {
	font-size: .8em;
	font-family: sans-serif;
	width: 400px;
	position: absolute;
	margin: 68px auto 0 10px;
}

#contact .label, #registration .label {
	float: left;
	width: 130px;
	margin-right: 6px;
	text-align: right;
	font-weight: bold;
	clear: left;
}

input#question_email_address, textarea#question_long_question,
input#registration_name, input#registration_age, input#registration_address,
input#registration_street_address, input#registration_zip, select#registration_state,
input#registration_position, textarea#registration_comments, input#registration_phone_number,
input#registration_email_address, input#registration_city, select#registration_program {
	background-color: #ededed;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: .9em;
	margin-top: -2px;
}

input#question_email_address, textarea#question_long_question,
input#registration_name, input#registration_address,
input#registration_street_address, input#registration_email_address,
input#registration_position, textarea#registration_comments, input#registration_phone_number,
input#registration_city {
	width: 200px;
}

input#question_email_address:focus, textarea#question_long_question:focus, input#registration_name:focus, 
input#registration_age:focus, input#registration_address:focus,
input#registration_street_address:focus, input#registration_zip:focus, select#registration_state:focus,
input#registration_position:focus, textarea#registration_comments:focus, input#registration_phone_number:focus,
input#registration_city:focus, input#registration_email_address:focus, select#registration_program:focus, 
select#refer:focus {
	background-color: #a2e5ff;
}

input#registration_submit, input#question_submit {
	margin-left: 160px;
}

#top_nav {
	height: 20px;
	width: 815px;
	margin: 0 0 0 0;
	position: relative;
}

#top_nav ul.top_nav{
	margin: 0 0 0 -19px;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#top_nav li{
	display: inline;
	padding: 30px;
	border:0;
}

#top_nav a {
	color: #d1d1d1;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
}

#top_nav a:hover {
	color: #00a8e1;
}

#main_pic_bg {
	margin: -39px 0 0 -85px;
	width: 945px;
	height: 699px;
	float:left;
	background: url(/images/site/main_panel_bg.png);
}

a{
  outline: none;
}

#main_pic {
	margin: 70px 0 0 56px;
}

#prog_buttons {
	margin: -43px 0 0 63px;
	width: 870px;
}

#prog_buttons ul.programs{
	margin: 10px 0 0 10px;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	float: left;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#prog_buttons li{
	display: inline;
	padding: 6px;
}

#prog_buttons img {
	border-style: solid;
	border-width: 0px;
	border-color: #111; 
}

.sidebar {
	width: 196px;
	float: right;
	margin: 10px;
	background: url(images/site/side_nav_bg.png) repeat-y;
	padding-bottom: 75px;
}

.sidebar h3 {
	font-size: 1.4em;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	background: url(images/top_bg.gif) center top no-repeat;
	color: #FFF;
	padding: 5px;
}

.sidebar ul {
	color: #666;
	font-size: 1.2em;
	margin: 0;
	padding: 10px 5px 0 5px;
	border-left: 1px solid #E73A10;
	border-right: 1px solid #E73A10;
}

.sidebar li {
	/*background: url(images/flower_bullet.gif) no-repeat 0px 2px;*/
	list-style: none;
	padding-left: 18px;
	margin-bottom: 6px;
}