/*======================
	CSS RESET
========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: Arial;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.4;
	color: black;
	background: #836d11;
	text-align:center; 
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*==================================
	OLD
====================================*/
.error {
	background-color: #fdecec;
	padding: 0.5em 1em;
	color: #832929;
	margin-bottom: 1em;
}

.success {
	background-color: #f1fbe7;
	padding: 0.5em 1em;
	color: #4a6f29;
	margin-bottom: 1em;	
}

.container {
	background-image: url(/images/background.gif);
	background-repeat: repeat-y;	
}
/*==================================
	WRAPPER
====================================*/
#wrapper, #body-wrapper{ min-height:325px; height: auto !important; height:325px; }
#wrapper
{
	width:842px;
	text-align:left; 
	width:842px;
 
	margin:0 auto; 
}
#background
{
	background:url(images/content_background.png) repeat-y 50% 0; 
	float:left; 
	width:100%;
}
#body-wrapper
{
	background:url(images/header_background.jpg) no-repeat 50% 0; 
	float:left; 
	width:100%; 
}
#column-wrapper,#header-wrapper
{
	width:728px; 
	float:left;
	margin:0 57px 0 57px;
}
/*==================================
	HEADER
====================================*/
#header-wrapper
{
	height:158px; 
	margin-bottom:20px; 
}
#logo
{
	display:block; 
	width:202px; 
	height:93px; 
	left:24px; 
	position:relative; 
	top:35px;
}
/*==================================
	LEFT COLUMN
====================================*/
#left-column
{
	background:#f0e3c3 url(images/left_column.png) no-repeat 0 125px; 	
	height:525px; 
	width:185px; 
	float:left; 
}
#view-rendering
{
	display:block; 
	width:140px; 
	height:30px; 
	position:relative; 
	top:308px;
	left:21px; 
}	
/*==================================
	RIGHT COLUMN
====================================*/
#right-column
{
	float:left;  
	padding:0 20px 10px 20px; 
	width:500px; 
	position:relative; 
}
#content
{
	float:left; 
	width:480px;
	position:relative; 
	padding-top:10px; 
}
/*==================================
	FOOTER
====================================*/
#footer-wrapper
{
 	width:100%; 
	
	z-index:1; 
}
#footer{ float:left; width:100%; }
#footer-content
{
	background: #836d11 url(images/footer_background.png) no-repeat 50% 0; 
	width:724px; 
	padding:20px 30px 0 30px;
	margin:0 auto; 
	height:100px;  
	color:#fff; 
	text-align:left; 
}
#footer a
{
	color:#fff; 
	text-decoration:underline; 
}
/*==================================
	MENU
====================================*/
#menu
{
		
}
#menu ul { list-style:none; padding:0; margin:0; }
#menu li {padding:0; list-style:none; margin:0 0 1px 0px; }
#menu li a
{
	color:#0b2b40; 
	font-size:14px; 
}
#menu li a:hover, #menu li a.active
{
	color:#004b7d;
}
/*==================================
	FEATURE
====================================*/
.feature
{
	border:solid 1px #f0dfb5; 
	float:left; 
	width:100%;
	padding:10px;
	margin:5px 0 5px 0;
}

/*======================
	HOME
========================*/
#open-house .img
{
	float:left; 
	margin-right:10px;
}
#open-house .info
{
	width:300px;
	float:left; 
}
/*======================
	DIRECTIONS
========================*/
#directions .map
{
	float:left;
	/*border:solid 1px #000; */
	
}
#directions .info
{
	float:left; 
	width:200px;
}
#directions .directions
{
	clear:both;	
}
#directions .contact
{
	clear:both; 
}
/*======================
	LOCATION
========================*/
#location .photo{ float:left; margin-right:10px; border:solid 1px #000; }
#location .info{ float:left; width:240px; }
#location .directions{ clear:both; }
/*======================
	FORMS
========================*/
fieldset
{
	border:solid 1px #f0cc74;	
	padding:10px; 
	margin-bottom:10px; 
}
legend
{
	font-size:14px; 
	color:#0b2b40;
	padding:0 5px 0 5px; 
	font-weight:700;
	
}
input{ margin:3px 0 3px 0; } 
.req{ color:#c10101 }
/*======================
	GALLERY
========================*/
.gallery {
	
	padding: 5px;
	border:solid 1px #f0dfb5; 
	background:#fff5dd; 
}
.gallery img{ margin:1px; border:solid 1px #000; }
.gallery img:hover{ border:solid 1px #bfbfbf }
	
/*======================
	HEADINGS
========================*/
h1{ }
h2{ font-size:19px; color:#0b2b40; font-style:italic; margin:15px 0 5px 0; font-weight:500; line-height:1; }
h3{ font-size:14px; color:#696969; margin-top:10px; font-weight:700;  }
h4{ }
h5{ }
h6{ }
.first {margin-top:0}
/*======================
	LINKS
========================*/
a{ text-decoration: none; color: #336699; }
a:link{   }
a:hover{ color: #836d11; }
a:visited{ }
/*======================
	PARAGRAPHS
========================*/
p
{ 
	margin-bottom:20px; 
}
/*======================
	STRONG/B EM/I
========================*/
strong, b
{
	font-weight:700;
}
em, i
{
	font-style:italic;
}
/*======================
	UNORDERED LIST
========================*/
ul
{
	list-style:disc; 	
	margin-left:35px; 	
}
ul li
{
	line-height:1.5; 
}
/*======================
	ORDERED LIST
========================*/
ol 
{
	list-style:decimal; 	
	margin-left:30px; 	
}
ol li
{
	
}
/*======================
	POSITIONING
========================*/
.left{ float:left; } 
.right{ float:right; }
.clear{ clear:both; }