/*

*//*=============================================================================
 * 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: 14px;
	font-weight: normal;
	line-height: 1.4em;
}
a {
	font-weight: bold;
	text-decoration: none;
}
a:link { color: #FFFFFF; }
a:visited {	color: #FFFFFF; }

img { border: 0; }

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: 101px;
}

#header h1 a {
	display: block;
	background: url(/images/site/head_small.png) left no-repeat;
	width: 800px;
	height: 101px;
	margin: 0 0 0 -15px;
	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;
	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;
}

/* Div that comes before the content */
#preContent {
	height: 83px;
	background-image: ;
	background-repeat: no-repeat;
}
#contentBody {
	padding: 0px;
	clear:both;
}

#footer { 
	padding-top: 20px;
	border-top: 2px solid #3b3b3b;
	font-size: 16px;
	margin-bottom: 20px; 
	margin-top: 20px;
}
#footer li {
	margin-right: 20px;
	margin-left: 0px;
}

#big_product_image {
	float: left;
	margin: 20px;
	margin-left: 0px;
	margin-top: 0px;
	width: 200px;
	overflow: hidden;
}

#bLeftCol, #bMiddleCol, #bRightCol {
	padding:15px;
	padding-top:20px;
	float:left;
}
#bLeftCol {
	width: 219px !important;
}
#bMiddleCol {
	width: 260px !important;
}
#bRightCol {
	width: 228px !important;
	width:210px;
	overflow:visible !important;
	overflow:hidden;
}

/* Left content container */
#left {
	float:left;
	width: 630px !important;
	width: 610px;
	margin-left: 10px;
	border-right: 1px dashed #bfb4a9;
	padding-right: 20px;
	margin-right: 20px;
	min-height: 500px;
	margin-bottom: 20px;
}

/* Right content */
#right {
	float:left;
	width: 280px;
	padding-bottom: 20px;
}


#right .textInput {
	font-size: 15px;
	line-height: 30px;
	padding-top: 5px !important;
	padding-top: 10px;
	height: 25px;
}

#right h2 {
	color: #5e5e5e;
}
#right h3 {
	color: #8a8075;
	text-align: center;
}

#left, #right, #fullContent {
}

#fullContent {
	width: auto;
	margin: 0px 10px;
}

#customer_msg {
	position: absolute;
	margin-left: 390px;
	margin-top: 53px;
	background-color: #eee;
	width: 200px;
	padding: 0px 5px;
	height: 40px;
	overflow: hidden;
	color: #999;
}


#navigation {
	margin-top: 5px;
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-middle-bg.gif);
	background-repeat: repeat-x;
	height: 60px;
	overflow: hidden;
}

/* TOP NAVIGATION */
#navcap_left {
	float: left;
	width: 10px;
	height: 60px;
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-endcap-left.gif);
	background-repeat: no-repeat;
}
#navcap_right {
	float: right;
	width: 10px;
	height: 60px;
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-endcap-right.gif);
	background-repeat: no-repeat;
}

#navigation-inner {

}

#navigation ul.navigation li {
	background-image: none;
	background-repeat: no-repeat;
	height: 60px;
	margin-right: 10px;
}

#navigation ul.navigation li a{
	background-image: none;
	background-position: top right;
	background-repeat: repeat-x;
	height: 60px;
	font-weight: normal;
	display: block;
	width: auto !important;
	width: 50px;
	text-align: center;
	padding-right: 10px;
	line-height: 65px;
	color: #ffffff;
	font-size: 18px;
	white-space: nowrap;
}
#navigation ul.navigation li.active {
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-tab-left.gif);
	font-size: 1em;
}

#navigation ul.navigation li.active a{
	background-image: url(/plugin_assets/substruct/images/public-ui/nav-tab-right.gif);
	color: #3b3b3b;
	font-style: italic;
	font-size: 1.8em;
	font-weight: normal;
	padding-right: 20px;
	padding-left: 10px;
}

#subnavigation {
	height: 40px;
	background-color: #d0c8c8;
	background-image: url(/plugin_assets/substruct/images/public-ui/subnav-bg.gif);
	margin-left: 10px;
	margin-right: 10px;
}
#subnavigation ul.navigation li {
	height: 40px;
	margin-left: 15px;
}
#subnavigation ul.navigation li a {
	color: #5e5e5e;
	font-weight: normal;
	font-size: 15px;
	line-height: 45px;
	display: block;
}
#subnavigation ul.navigation li.active {
	background-image: url(/plugin_assets/substruct/images/public-ui/subnav-tab-left.gif);
	background-repeat: no-repeat;
	font-size: 1em;
	margin-right: 0px;
}

#subnavigation ul.navigation li.active a{
	background-image: url(/plugin_assets/substruct/images/public-ui/subnav-tab-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	font-style: italic;
	font-weight: normal;
	padding-right: 15px;
	padding-left: 5px;
}
/* END NAVIGATION */


#submittingText {
	display:none;
	font-weight:bold;
	font-size:1.3em;
	color: green;
	padding: 10px;
}


/* 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: 856px;
		height: 444px;
		margin: 23px 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: 38px auto 0 200px;
}

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

input#question_email_address, input#question_name, input#question_phone_number,
select#question_program {
	background-color: #ededed;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: .9em;
	margin-top: -2px;
	width: 200px;
}

textarea#question_long_question {
	background-color: #ededed;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: .9em;
	margin-top: 2px;
	width: 200px;
}

input#question_email_address:focus, input#question_name:focus, input#question_phone_number:focus,
select#question_program:focus, textarea#question_long_question:focus {
	background-color: #a2e5ff;
}

input#apply_email_address:focus, input#apply_first_name:focus, input#apply_last_name:focus,
input#apply_phone_number:focus, textarea#apply_comments:focus, input#apply_alt_phone_number:focus {
	background-color: #a2e5ff;
}

input#apply_email_address, input#apply_first_name, input#apply_last_name,
input#apply_phone_number, input#apply_alt_phone_number {
	background-color: #ededed;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: .9em;
	margin-top: -2px;
	width: 200px;
}

textarea#apply_comments {
	background-color: #ededed;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: .9em;
	margin-top: 2px;
	width: 200px;
}

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

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

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

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

ul.top_nav a {
	color: #dfdfdf;
	background-position: bottom;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
}

#top_nav a:hover {
	background-position: top;
	color: #00a8e1;
}

#main_top_nav {
	height: 20px;
	width: 815px;
	margin: 22px 0 0 0;
}

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

#main_top_nav li{
	display: inline;
	padding: 25px;
	border:0;
}

ul.main_top_nav a {
	color: #dfdfdf;
	background-position: bottom;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
}

#main_top_nav a:hover {
	background-position: top;
	color: #00a8e1;
}

#main_nav {
	height: 20px;
	width: 300px;
	position:absolute;
	top:30px;
	right:25px;
}

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

#main_nav li{
	display: inline;
	padding: 15px;
	border:0;
}

ul.main_nav a {
	color: #FFFFFF;
	background-position: bottom;
	text-decoration: none;
	font-family: Arial, sans-serif;
	text-align: center;
}

#main_nav a:hover {
	background-position: top;
	color: #00a8e1;
}

#main_pic_bg {
	margin: 17px 0 0 -48px;
	width: 902px;
	height: 647px;
	background: url(/images/site/main_panel_bg.png);
}

#main_pic {
	margin: 35px 0 0 48px;
}

#prog_buttons {
	margin: 0 0 0 23px;
	width: 850px;
}

#prog_buttons ul.programs{
	margin: 10px 0 0 20px;
	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: 7px;
	border: 10px;
}

ul.programs a {
	border: 0;
}

#sidebar{
	float: left;
	margin: 0 0 0 4px;
}

#sidebar ul li img{
	display: block;
}

.sidebar {
	width: 196px;
	height: 444px;
	list-style: none;
}

.sidebar h3 {
	font-size: 1.4em;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	padding: 0;
}

.sidebar ul.main_side_nav {
	color: #666;
	font-size: 16px;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

.sidebar ul.small_side_nav {
	color: #666;
	font-size: 10px;
	margin: 0;
	padding-left: 0;
	list-style: none;
}

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

* html #sidebar a {
	height: 1px;
}

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

#main_content {
	background: url(/images/site/content_bg.png) top repeat-y;
	margin: 0 0 0 -20px;
	width: 856px;
	min-height: 500px;
}

#main_type {
	color: #FFF;
	margin: 0 0 0 0;
	padding: 0 9px 0 2px;
}

#prog_type {
	color: #FFF;
	margin: -470px 0 0 0;
	padding: 15px 9px 0 0;
}

#main_content h3 {
	color: #FFF;
	font-size: 16px;
	float: right;
	margin: -20px 27px 0 0;
}

#main_type p {
	padding-top: 5px;
	padding-left: 210px;
}

#top_picture {
	padding-top: 0;
	margin: -470px 2px 0 198px;
}

#no_top_picture {
	padding-top: 0;
	margin: -470px 2px 0 198px;
}

.content_top {
	height: 25px;
	width: 856px;
	background: url(/images/site/content_bg_top.png) top center no-repeat;
	margin: 20px 0 0 -20px;
}

.content_bottom {
	height: 25px;
	width: 856px;
	background: url(/images/site/content_bg_bott.png) bottom no-repeat;
	margin: 0 0 0 -20px;
	float:left;
}

#bio_type {
	color: #FFF;
	margin: -400px 0 0 0;
	padding: 0px 9px 0 0px;
}

#bio_type p {
	padding-top: 5px;
}

#bio_type img {
	border: 2px;
	border-color: #FFF;
}

#bio_type img.action_shot {
	float: right;
	margin: 10px;
	border: 3px solid #FFF;
	padding: 6px;
}

.indent {
	margin-left: 20px;
}

.box_list {
	margin-left: 60px;
	border: 2px dashed #333;
	width: 400px;
	padding: 0 15px 15px 15px;
	color: #fff;
}

.box_list_why {
	margin-left: 260px;
	border: 2px dashed #333;
	width: 400px;
	padding: 0 15px 15px 15px;
	color: #fff;
}

.indent_alot {
	margin-left: 70px;
}

.indent_alot_blue {
	margin-left: 70px;
	color:#00a8e1;
}

.indent_alot_blue_why {
	margin-left: 270px;
	color:#00a8e1;
}

h4 {
	color: #888;
	font-size: 16px;
	font-stretch: expanded;
}



.border2 {
	border: 2px solid #FFF;
}

#info_table {
	margin-left: 300px;
}

#info_table td tr{
	color: #333;
}

.info_table_notop {
	margin: 0 0 0 260px;
	padding: 0 0 0 0;
}

.info_table_notop td tr{
	color: #333;
}

.heading {
	text-align: right;
	padding-right: 12px;
	font-style: italic;
}

h1 {
	color: #FFF;
}

h5 {
	color: #FFF;
	font-size: 13px;
}

.blue {
	color:#00a8e1;
    font-size: 15px;
    font-weight: bold;
}

.blue_heading {
	color:#00a8e1;
	padding-left: 210px;
}

.border_1dashed {
	border: 2px dashed #333;
	padding: 15px;
}

.area_heading {
	margin: 5px 0 0 5px;
	color: #FFF;
	font-size: 12px;
}

#address{
	margin: 0 auto 0 auto;
	padding-top: 20px;
	color: #FFF;
	text-align: center;
}

.thanks {
	margin-left:100px;
	color: #FFF;
}

.formError {
	font-style: italic;
	color: red;
}

.heavy_main_text {
	font-size: 15px;
}

.heavy_main_text_17 {
	font-size: 17px;
}

.about_heading {
	font-size: 20px;
}

#application {
	margin-left: 150px;
	margin-top: 50px;
}

input#application_submit {
	margin-left: 120px;
}

.sitemap_table {
	margin: 10px auto 0 auto;
	width: 600px;
}

.more_line_spacing {
	line-height: 20px;
}

.centered_blue_heading {
	color:#00a8e1;
	margin-left:330px;
}