/***************************************************
Author: Joshua Bolduc
Date: February 7, 2008

This file assigns the appropriate styles to the html interface.
***************************************************/
/*======================================
	GLOBALS
=======================================*/
body
{
	text-align:center; 
	font-family:Tahoma, Arial;
	font-size:12px; 
	color:#636846; 
	background:#515237; 
	padding:0; 
	margin:0; 
}
a
{
	color:#754C24;
	text-decoration:none; 
}
a:hover
{
	color:#bc7a3a; 
}
img
{
	border:0; 
	vertical-align:middle; 
}

/*==============================================
	LAYOUT (NEW)
==============================================*/
#site
{
	width:800px;
	min-height:600px; 
	text-align:left; 
	margin:0 auto;  

}
#header
{
	background: url(images/header.jpg) no-repeat 1px 0px; 
	height:65px; 
 
	
	clear:both; 
	position:relative;
	z-index:4;
	
	
}
#body-wrapper
{
	background:url(images/background.jpg) repeat-y 0px 30px;
	position:relative;
	text-align:left;
	width:100%;	
	padding:0; 

	float:left; 
}
#container
{
	background:url(images/branches.jpg) repeat-y 600px;
	position:relative;
	float:left; 
	top:10px; 
	text-align:left;
	width:100%;
	min-height:550px;
	padding-bottom:30px; 

}
#content-wrapper
{
	position:relative;
	margin:0;
	width:100%;
}
#center-column
{
	position:relative;
	padding:0 210px 5px 200px;
}	
#left-column
{
	position:relative;
	z-index:3; 
	float:left; 
	width:200px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:145px; /* actual value */
	margin:0px 0 0px 0px;
	padding-left:10px; 
	padding-bottom:5px;
}
#right-column
{
	position:relative;
	float:right;
	width:140px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:140px; /* actual value */
	padding-right:30px; 
	margin:0 0px 0px 0;
	z-index:2;

}
#footer
{
	position:relative;
	clear:both;
	width:100%;
	text-align:center;
	color: #FFF;
	background: #515237 url(images/footer.jpg) no-repeat; 
	height:29px; 
	color:#727272; 
	padding-top:30px; 
	font-size:9px; 
}	
/*======================================
	HEADER
=======================================*/

#header-menu
{
	margin-top:36px; 
	float:right; 
}

#header-menu ul
{
	margin: 0px; 
	padding:0; 
 
	list-style:none; 
}
#header-menu li
{
	color:#f3deb9;
	padding-right:7px; 
	padding-left:7px; 
	display:inline;
	list-style:none; 
}	
#header-menu .active
{
	text-decoration:underline; 
}
#header-menu span
{
	
}
#header-menu li:hover
{
	cursor:pointer; 
}
#header-menu a
{
	text-decoration:none; 
	color:#f3deb9; 
}
#header-menu-active, #header-menu-active a
{
	color:#000; 
	background:#ccc7c2; 

}

/*======================================
	CONTENT
=======================================*/
#content-title h1
{
	font-weight:300; 
	color:#636846; 
	font-size:18px; 
	margin:0; 
	padding:0; 
}

#title-divider
{
	background:url(images/content_title_vine.jpg) no-repeat top center; 
	height:55px;
	padding:
	border:solid 1px black; 
}

#content div
{
	padding:3px; 
}
/*======================================
	ADVERTISEMENT
=======================================*/
.advertisement, .advertisement2
{
	/* Touch */
	font-size:12px; 
	
	margin-bottom:8px;
	padding:6px; 

}
.advertisement strong, .advertisement2 strong
{
	color:#363725; 
	font-weight:700; 
}
.advertisement a, .advertisement2 a
{
	color:#453b19;
}
.advertisement a:hover, .advertisement2 a:hover
{
	text-decoration:underline; 
}
.advertisement2
{
	margin: 30px auto 30px auto;
	
	border:outset 4px #331111; 
	text-align:center;
	width:80%;
	padding:3px; 
	font-size:13px; 
}
.advertisement2 div
{
	border:solid 1px #331111; 
}
/*======================================
	LEFT NAV
=======================================*/
div.left-menu
{
	border:solid 4px #3a321f; 
	margin-bottom:5px; 
}
div.left-menu ul
{
	padding:0; 
	margin:0; 
}
div.left-menu a
{
	color:#754C24;
	display:block; 
	padding:3px; 
}

div.left-menu li
{
	margin:0;
	padding:0; 
	background:#c5aa79; 
	border-bottom:solid 1px #3a321f;
	list-style:none; 
}

div.left-menu li:hover, div.left-menu li.active
{
	background:#f3deb9; 
	cursor:pointer; 
}
div.left-menu a:hover
{
	
}

div.menu-title
{
	color:#f3deb9; 
	font-size:14px; 
	background:url(images/panel_title_bg.jpg) repeat-x;
	height:21px; 
	padding-left:6px; 
	border-bottom:solid 5px #3a321f; 
}

/*======================================
	RIGHT NAV
=======================================*/

#right-column div.menu-title
{
	background:0;
	border:0; 
	color:#818a5d;

}
.menu 
{
	border:0; 
}
div.menu ul
{
	width:132px; 
	border-left:solid 2px #818a5d; 
	border-top:solid 2px #818a5d; 
	padding:0; 
	margin:0; 
}
div.menu li
{
	list-style:none; 
	
	background:0; 
	padding:3px; 
	
}
div.menu a:hover
{
	color:#818a5d;
	
	
}

div.right-menu
{
	font-size:12px; 
	padding:0px; 
	color:#928467; 
	width:145px; 
	margin-bottom:15px; 
}

.right-menu img
{
	vertical-align:middle; 
	padding:0; 
	margin:0; 
}

.right-menu a
{
	text-decoration:none; 
	font-weight:400; 
	color:#928467;
}

/*======================================
	FOOTER
=======================================*/
#footer
{
	color:#f3deb9; 
}
#footer-info
{
	padding:5px; 
	padding-left:15px; 
	float:left; 
	color:#f3deb9; 
}

#footer-menu 
{ 
	float:right; 
	width:500px; 
	text-align:right; 
	margin-left:15px; 
	padding:5px; 	
}
#footer-menu ul
{
	margin:3px; 
	padding:0; 
	display:inline; 
	list-style:none; 
}
#footer-menu li
{
	display:inline; 
}
#footer-menu a, #footer-menu
{
	color:#f3deb9;
	text-decoration:none; 
}
#footer-menu a:hover, #footer-menu .active
{
	text-decoration:underline; 
}
/*======================================
	TYPOGRAPHY
=======================================*/
h1{ /* Already Set Above */ }
h2{ font-weight:700; color:#333300; font-size:16px; margin-bottom: 3px;} 
h3{ }
h4{ }
h5{ }
h6{ }


a.button
{
	background:url(../images/btn7.png) no-repeat; 
	display:block; 
	width: 305px; 
	height: 32px; 
	font-size:18px; 
	color:#663333; 
	padding:17px 5px 5px 45px; 
}
a.button:hover{ text-decoration:none 
}

ul
{
margin-top: 6px;
margin-bottom: 6px;
}

ol
{
margin-top: 5px;
margin-bottom: 5px;
}

/*======================================
	CREATED BY (NOT BEING USED) 
=======================================*/
#created-by, #created-by a
{
	clear:both;
	
	text-align:center; 
	font-size:10px; 
	padding-top:20px; 
	width:100%;
	color:#AAA; 	
}
#created-by a
{
	text-decoration:underline; 
}