@import url(../admin/s_wysiwyg.css); /* Overrides for WYSIWYG editor */
/* ########################### Main Website Stylesheet ############################# */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		html {
			overflow: scroll; /* Prevents browser jumping */
			font: normal 12px Helvetica, Arial, sans-serif; 
			color: #000;
			line-height: 170%;
			background: url(../images/bg.png) repeat-x #6b240b;
			height: 100%;
			margin: 0;
			padding: 0;
		}
		
		body {
		    margin: 0 auto;
			padding: 0;
			width: 930px;
			height: 100%;
		}

/* LINKS */

		a, a:link, a:visited { color: #a62009; text-decoration: underline; cursor: pointer; outline: none; }
		
		a:hover, a:active { text-decoration: none; }

/* HEADINGS */

		h1 { font: bold 2em Helvetica, Arial, sans-serif; margin: 0 0 15px 0; color: #ef4223; }
		
		h2 { font: bold 1.3em Helvetica, Arial, sans-serif; margin: 0 0 5px 0; color: #ef4223; }
		
		h3 { font: bold 1.2em Helvetica, Arial, sans-serif; margin: 0 0 15px 0; color: #ef4223 }
		
		h4 { font: bold 1em Helvetica, Arial, sans-serif; margin: 0 0 15px 0; color: #ef4223 }
		
		h5 { font: bold 0.9em Helvetica, Arial, sans-serif; margin: 0 0 15px 0; color: #ef4223 }

/* PARAGRAPH */

		p { font: inherit; margin: 0 0 15px 0; }
		
/* INLINE IMAGES */
        
		img { border: 0;  }

/* LISTS */

		ul { margin: 0 10px; padding: 5px; }
			
		ul li { margin: 0 5px; padding: 0 0 0 0; list-style: circle; }
			
		ol { margin: 0 10px; padding: 5px 0; }
		
		ol li { margin: 0 15px; padding: 0 0 0 0; }

/* FORMS */

		label { display: block; margin: 5px 0; font-weight: bold; }
		
		input, textarea, select { display: block; margin: 5px 0; width: 250px; border:1px solid #666; background: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
		
			input:focus, textarea:focus, select:focus { border: 1px solid #003399; }
		
			.focus { border: 1px solid #003399; } /* ...Since :focus pseudo class won't work on IE (Should match line above) */
		
		.button { display: block; margin: 5px 0; width: auto; border: 1px solid #333; font: inherit; background: #e8e8e8; padding: 1px 5px; }

/* OTHER */

		hr { height: 1px; background: none; border:0; border-top: 1px dotted #ccc; }
		
		table { border-collapse: collapse; }
		
		strong { font-weight: bold; }
		
		em { font-style: italic; }
		
		.right { float: right; }
		
		.left { float: left; }
		
		.align-right { text-align: right; }
		
		.align-left { text-align: left; }
		
		.align-center { text-align: center; }
		
		.align-justify { text-align: justify; }
		
		.hide { display: none; }
		
		.clear { clear: both; }
		
		.bold { font-weight: bold; }
		
		.italic { font-style: italic; }
		
		.underline { border-bottom: 1px solid; }
		
		.uppercase { text-transform: uppercase; }

/* Error/Thank-You message after form submission */

		#return-message { 
			font-weight: bold;
			color: #FF0000;
		} 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SEARCH ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#search_form { float: right; margin: -4px 0 0 0; }
		#search_form input { width: 120px; }
		#search_form img { margin: 8px 4px 0 0; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BLOG / COMMENTS / CONTACT ~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* BLOG */

       #blog_list h1, #blog_list h2, #blog_list p {
		   margin: 15px 0 5px 0;
	   }

/* COMMENTS */

		ul#comments {
			margin: 15px 0;
			padding: 10px 0;
			border-top: 1px dotted #ccc;
		}
		
		ul#comments li {
			margin: 10px 0;
			padding: 0;
			list-style: none;
		}
		
		.cmt-name { /* Name of comment poster */
			display: block;
		}
		
		.cmt-date { /* Date comment was posted */
			display: block;
		}
		
		.cmt-comment { /* Body of comment */
			display: block;
		}
		
		#comment-form { /* Comment form container */
		}
		
/* CAPTCHA */
		
		#capimg { /* CAPTCHA image container */
			width: 102px;
			height: 17px;
		}
		
/* CONTACT FORM */

        #contact-form { float: right; width: 270px; border-left: 1px solid #ccc; padding: 0 0 10px 20px; margin: 0 0 15px 20px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#header {
			position: absolute;
			margin: 0 auto;
			width: 930px;
			height: 85px;
			background: url('../images/bg.png') repeat-x;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAVIGATION CONTAINER */

		#navigation { 
		  position: absolute;
		  margin: 50px auto;
		  padding: 7px 15px;
		  width: 900px;
		  height: 35px;
		  background: url(../images/top_bar_bg.png) repeat-x;
		}

/* NAVIGATION MENU */
 
		#nav { display: block; margin: 0; padding: 0; }
		#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; z-index: 1000; }
		#nav a { display: block; text-decoration: none; }
		#nav ul { display: none; position: absolute; left: -5px; margin: 0; padding: 0; }
		#nav ul li { float: none; }

/* STYLING */
 
		#nav { height: 24px; }
		#nav *:hover { color: #f8981d; text-decoration: none;  }
		#nav a { color: #FFF; padding: 5px 25px 5px 0; line-height: 1; font-size: 12px; font-weight: bold; }
		#nav li.hover a { }

/* SUB-NAVIGATION MENUS */

		#nav ul { width: 150px; top: 25px; border: 1px solid #ccc; background: #333; padding: 0 5px 5px 0; }
		#nav ul ul { left: 151px; top: 0; }
		
		#nav ul li a { padding: 10px 5px 5px 5px; font-size: 11px; }
		#nav ul a.hover { }
		#nav ul a { border-right: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#home_header{
			height: 298px;
			background: url('../images/home_banner.png') no-repeat #000;
		}
		
		#banners { position: absolute; margin: 0 0 0 582px; padding: 0; }
		#banners li { margin: 0; padding: 0; list-style: none; }
		
		#default_header {
			display: block;
			height: 140px;
			background: url('../images/default_banner.jpg') no-repeat #000;
		}
		
		#callouts { float: right; width: 290px; border-left: 1px solid #ccc; margin: 0 0 0 20px; font-size: 11px; }
		  .top_callout { padding: 0 0 20px 20px; border-bottom: 1px solid #ccc; }
		  .bottom_callout { padding: 20px 0 20px 20px; }
		
		#content {
			margin: 0 auto;
			padding: 25px 30px;
		}
		
		#top_push { height: 85px; }
		
		#wrapper {
		    min-height: 100%;
		    height: auto !important;
		    height: 100%;
		    margin: 0 auto -100px;
			background: #fff;
			border-left: 15px solid #000;
			border-right: 15px solid #000;
		}
		
		#push { height: 100px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

		#footer {
			margin: 0;
			height: 75px;
			padding: 25px 30px 0 30px;
			background: url(../images/footer_bg.png) #ededed repeat-x;
			border-left: 15px solid #000;
			border-right: 15px solid #000;
			color: #666;
		}
		
		#footer a, #footer a:link { color: #666; text-decoration: underline; }
		
		#footer img { border: 0; }
		
		#ft_left { float: left; width: 50%; }
		#ft_right { float: left; width: 50%; text-align: right;}