/* $Id: style.css, v 0.1 2006/08/15 Alexei Rayu for SpryDev.com
	Structure CSS */


/* -----------------------------------------------
 GLOBAL ELEMENTS
------------------------------------------------*/

a {
	color: #333;
	padding: 0px; margin: 0px;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}

a:hover {
	background-color: #fff;
	color: #333;
	border-bottom: 0px;
}

body {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px; margin: 0px;
	background-color: #a0a0a0;
}

table {
	background-color: #f2f1e4;
}

td {
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 0px;
	color: #444;
}

h2 {
	font-size: 16px;
	border-bottom: #555 1px solid;
}

#HeaderHolder {
	width: 990px; height: 100px;
	background-color: #FFFFCC;
	background-image: url(images/topbar.png); background-repeat: no-repeat;
}

#TableHolder {
	width: 990px;
	background-color: #CC9900;
}

/* -----------------------------------------------
 HEADER ELEMENTS
------------------------------------------------*/

#SiteName {
	position: absolute;
	width: 500px; height: 100px;
	left: 80px; top: 24px;
}

#SiteName h1{
	font-size: 20px;
	margin: 0px;
}

#SiteName a{
	color: #FFFFFF;
	border-bottom: 1px #ddd dashed;
}

#SiteName a:hover{
	color: #537002;
	border-bottom: 1px #ddd dashed;
}

#Logo {
	position: absolute;
	width: 32px; height: 32px;
	left: 32px; top: 20px;
}

#LbImage {
	width: 382px; height: 254px;
	background-image: url(images/imgphoto.jpg); background-repeat: no-repeat;
	margin-left: 3px;
}

#Mission {
	position: absolute;
	color: #ddd; font-size: 12px;
	left: 80px; top: 48px;
	width: 250px; height: 32px;
}

/* -----------------------------------------------
 TOPNAV MENU
------------------------------------------------*/

#TopNav {
	font-size: 14px;
	position: absolute;
	left: 400px; top: 60px;
	width: 450px; height: 20px;
}	

#TopNav div {
	float: left;
}

#TopNav a {
	border-bottom: 1px #ddd dashed;
	color: #fff; font-weight: bold;
	padding: 0px 4px 0px 4px;
}

#TopNav a:hover {
	background-color: #f0f0f0;
	color: #537002;
	border: none;
}

#TopNav div.TNSeparator {
	color: #fff;
	padding: 0px 8px 0px 8px;
}

/* -----------------------------------------------
 TABLE ELEMENTS
------------------------------------------------*/

#TDLeft {
	width: 200px; height: 43px;
	background-image: url(images/TopLeft1.jpg); background-position: top left;
	background-repeat: no-repeat;
}

#TDMid {
	width: 405px; height: 43px;
	background-image: url(images/TopLeft1.jpg); background-position: top left;
	background-repeat: no-repeat;
}

#TDRight {
	width: 200px; height: 43px;
	background-image: url(images/TopLeft1.jpg); background-position: top left; 	
	background-repeat: no-repeat;
	border-left: 1px #537002 solid;
	background-color: #dad8bf;
}

/* -----------------------------------------------
 FOOTER ELEMENTS
------------------------------------------------*/

#Footer {
	text-align: center; padding-top: 12px;
	color: #ddd; font-size: 12px; font-weight: bold;
	width: 990px; height: 28px;
	background-image: url(images/botbar.png);
}


/* -----------------------------------------------
 LEFT BAR
------------------------------------------------*/
#LeftBar {
	width: 350px;
	padding: 0px 4px 4px 4px; margin-left: 12px;
	background-color: #dad8bf;	
	background-image: url(images/ltbrcrnr.png); background-position: top right; background-repeat: no-repeat;
}

#LeftBar h2 {
	font-style: italic; color: #444;
	font-weight: bold;
	padding: 10px 0px 10px 40px;
	background-image: url(images/shopcart.png); background-repeat: no-repeat; background-position: center left;
}

/* -----------------------------------------------
 RIGHT BAR
------------------------------------------------*/

#RightBar {
	width: 180px;
	padding: 0px 4px 4px 4px;
}

#RightBar h2 {
	font-style: italic; color: #444;
	font-weight: bold;
	padding: 10px 0px 10px 40px;
	background-image: url(images/shopcart.png); background-repeat: no-repeat; background-position: center left;
}

/* -----------------------------------------------
 CONTENTS
------------------------------------------------*/

#Contents {
	width: 400px;
	padding: 4px 4px 4px 4px;
	margin: 4px 4px 4px 4px;
}

#Contents h2 {
	font-size: 23px;
	background-image: none; background-repeat: no-repeat; background-position: center left;
	color: #537002;
	text-transform: uppercase;
}

/* -----------------------------------------------
 BREADCRUMBS
------------------------------------------------*/

#BreadCrumbs {
	position: absolute;
	left: 360px; top: 8px;
}


/* -----------------------------------------------
 SEARCH FORM
------------------------------------------------*/

#frmInner {
	font-size: 12px;
	padding: 0px 6px 4px 6px;	
}

#frmInner h2 {
	background-image: url(images/srchglas.png);
	background-repeat: no-repeat;
	padding: 10px 0px 10px 40px;
	margin: 0px 0px 8px 0px;
}

input.inputTxt {
	width: 164px;
}

div.XSTexts {
	padding-bottom: 8px;
}

div.XSRadios {
	padding-bottom: 8px;
}

div.XSDropDowns {
	padding-bottom: 8px;
}

select.searchText {
	margin-bottom: 8px;
}

button#Submit {
	padding: 0px;
}