body {
	background: url('../images/bg.gif');
	background-color: #453F32;
	margin: 0px; 
	font-family: arial, sans-serif;
	font-size: 0.75em;	
	color: #C5B38E
}

#container {
	width: 856px;
	margin: 0px auto 0px auto; 
	background: url('../images/container_bg.gif') repeat-y;
}
#header {
	padding-top: 8px
}	
#header img.logo {
	display: block; 
	margin: 0px auto 12px auto;
}	
#nav {
	width: 800px;
	margin: 0px auto 6px auto;
	padding: 4px 0px 2px 0px;
	background-color: #131210;
	text-align: center
}	
#nav a, #nav span {
	margin: 0px 8px 0px 8px;
}	
#mainPic, #pagePics {
	width: 800px;
	margin: 0px auto 6px auto;
	display: block
}
#homePanels, #pagePanels, #pagePanels2 {
	width: 800px;
	margin: 8px auto 8px auto;
}
#homePanels div.col, #homePanels div.colLast {
	float: left; width: 260px;
	margin-right: 10px;
	color: #766C57;
	font-size: 0.9em
}
#homePanels div.colLast {
	margin-right: 0px
}
#pagePics img {
	float: left; display: block; margin-right: 6px
}
#pagePics img.right {
	margin-right: 0px
}
#pagePanels {				/* used for three column layout */
	background: url('../images/bg_page_panels.gif');
}
#pagePanels div.subNav {
	float: left; width: 179px; margin-right: 8px;
	padding: 16px 0px 0px 8px
}
#pagePanels div.subNav div {
	margin-bottom: 12px
}
#pagePanels div.subNav div.download {
	margin: 8px 0px 8px 0px;
}
#pagePanels div.subNav div.download img {
	vertical-align: middle; margin-left: 4px
}

#pagePanels div.subNav div.on {
	color: #FFFFFF
}
#pagePanels div.mainPanel {
	float: left; width: 341px; margin-right: 8px;
	padding-right: 8px
}
#pagePanels div.mainPanel p {
	width: 97%
}
#pagePanels div.mainPanel div.item {
	margin-top: 8px;
}
#pagePanels div.mainPanel div.item div.image {
	float: left; width: 141px;
	margin-right: 8px; margin-bottom: 4px;
	display: block; 
}
#pagePanels div.mainPanel div.item div.details {
	float: left; width: 180px;
}
#pagePanels div.mainPanel div.item div.details p, #pagePanels div.mainPanel div.item div.details a {
	font-size: 0.9em
}
#pagePanels div.mainPanel div.gallery {
	margin-top: 8px
}
#pagePanels div.mainPanel div.gallery div.row {
	margin-bottom: 4px; 
}
#pagePanels div.mainPanel div.gallery a {
	float: left; margin-right: 4px
}
#pagePanels2 {				/* used for two column layout with no side navigation */
	background: url('../images/bg_page_panels2.gif');
}
#pagePanels2 div.mainPanel {  
	float: left; width: 530px; margin-right: 8px;
	padding-right: 12px;
}
#pagePanels2 div.mainPanel div.item {
	margin-top: 8px;
}
#pagePanels2 div.mainPanel div.item div.image, #pagePanels2 div.mainPanel div.item div.image2 {
	float: left; width: 258px; 
	margin-right: 8px
}
#pagePanels2 div.mainPanel div.item img {
	display: block; margin-bottom: 4px
}
#pagePanels2 div.mainPanel div.item div.image2 {
	width: 151px;
}
#pagePanels2 div.mainPanel div.item div.details, #pagePanels2 div.mainPanel div.item div.details2 {
	float: left; width: 250px;
}
#pagePanels2 div.mainPanel div.item div.details2 {
	width: 365px;
}
#pagePanels div.sideBar, #pagePanels2 div.sideBar {
	float: left; width: 242px; 
}
#footer	{
	width: 800px;
	margin: 8px auto 0px auto;
	padding-bottom: 8px;
	color: #766C57;
	font-size: 0.9em;
	padding-bottom: 16px
}
#footer a	{
	color: #766C57; 
}
#base {
	width: 856px;
	margin: 0px auto 16px auto;
}

h2 {
	margin: 8px 0px 4px 0px
}
h3 {
	margin: 8px 0px 8px 0px; 
	color: #FFFFFF; font-weight: normal;
	font-size: 1.4em
}
h4 {
	margin: 0px 0px 2px 0px; 
	color: #FFFFFF; font-weight: normal;
	font-size: 1.1em
}
h5 {
	margin: 0px 0px 1px 0px; 
	color: #FFFFFF; font-weight: normal;
	font-size: 1.0em
}
p {
	margin: 0px 0px 8px 0px
}

img	{
	border: 0px
}
img.hr {
	display: block
}
img.hrHome {
	width: 800px;
	margin: 8px auto 8px auto;
	display: block
}

a	{
	text-decoration: none;
	color: #C5B38E
}
a:hover	{
	color: #FFFFFF
}

span.linkBullet {
	color: #C5B38E; 
}

div.clear {
	clear: both; height: 1px; font-size: 1px
}
div.quote {
	font-size: 1.4em;
	margin: 12px 0px 6px 0px
}
div.attribute {
	font-size: 0.8em;
	color: #766C57; 
	text-transform: uppercase;
	margin-bottom: 8px
}
div.back	{
	margin-top: 8px;
	color: #FFFFFF
}
div.back a	{
	color: #FFFFFF
}

sup {
	font-size: 0.75em
}

table.form {
	
}
table.form th {
	text-align: left; color: #B3A37F; width: 150px;
	padding: 2px 12px 4px 0px;
	vertical-align: top
}
table.form td {
	padding-bottom: 4px
}
table.form td.note {
	padding-left: 8px; font-size: 0.9em
}
table.form input.text, table.form textarea {
	font-size: 0.9em; width: 220px
}
table.form select {
	font-size: 0.9em; 
}

form {
	margin: 0px; padding: 0px
}		
