@charset "UTF-8";
/* CSS Document */

html {
	background:#2a3700 url(/images/BB-BG.jpg) center bottom no-repeat fixed;
	overflow: -moz-scrollbars-vertical;
}

body { 
	font-family: Helvetica, Arial, Verdana, san-serif;
	font-size:100.1%;
	color:#b8b597;
	text-align: center;
	margin: 0;
	padding: 0;
}

p, a, h1, h2, h3, h4, h5, h6, img, ul, li, div, table, tr, td {
	margin:0;
	padding:0;
}

h1, h2, h3, h4 {
	color:#7e7c4d;
}

img {
	border:none;	
}

table, tr, td {
	border:0;
	padding:0;
}

a:link, a:visited {
	color:#7e7c4d;
	text-decoration:none;
}

a:hover {
	color:#FFF;
	text-decoration:none;
}


/* BANNER, MAIN BOXES
____________________________________________________________________  */

#wrap {
	position:relative;
	width:900px;
	top:75px;
	margin-left:auto;
	margin-right:auto;
}

#banner {
	position:absolute;
	top: 0;
	left: 0;
	height: 131px;
	width: 150px;
	z-index: 10;
}

/* MENU
____________________________________________________________________  */

#menu {
	position: absolute;
	top: 155px;
	left:0;
	width:440px;
	font-size:0.8em;
	color:#7e7c4d;
	z-index: 100;
}

#menu ul, #menu li {
	list-style-type:none;
}

#menu ul {
	float:left;
	margin-left:0
}

#menu li {
	float:left;
	text-align:left;
}

#menu a {
	margin:0 12px;
}

#menu a.left {
	margin-left:0;
}


/* SUB CONTENT (content under menu)
____________________________________________________________________  */

#sub_content {
	position: absolute;
	top:205px;
	left:0;
	width: 440px;
	height: auto;
	text-align: left;
	z-index: 1;
}

#sub_content td {
	width: 125px;
}

.extra-padding {
	line-height:3em;
}

/* RIGHT COLUMN IS THE MAIN TEXT AREA
____________________________________________________________________  */

#main_content {
	width: 450px;
	float: right;
	text-align: left;
	padding-bottom:50px;
	z-index: 1;
}

#main_content-2 {
	position:absolute;
	top:0;
	right:0;
	margin-left:440px;
	width: 450px;
	float: right;
	text-align: left;
	padding-bottom:50px;
	z-index: 2;
	visibility:hidden;
}

.relative {
	top:0;
	right:0;
	position:relative;
}

#main_content h1, 
#main_content-2 h1,
#sub_content h1 {
	font-size:1.5em;
	font-weight:100;
	margin-bottom:0.25em;
}

#main_content h1.follow-0 {
	margin-bottom:0.25em;
}

#main_content h2, 
#main_content-2 h2,
#sub_content h2 {
	font-size:0.9em;
	font-weight:100;
	text-transform:uppercase;
	margin-bottom:1em;
}

#main_content h3, 
#main_content-2 h3,
#sub_content h3 {
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.25em;
	margin-top:0.9em;
}

#main_content h4, 
#main_content-2 h4,
#sub_contenth4 {
	font-size: 0.8em;
	line-height: 1;
	margin-top: 0.8em;
	padding: 0px ;
}

#sub_content p, 
#main_content-2 p,
#main_content p {
	font-size: 0.8em;
	line-height: 1.5em;
	margin-bottom:0.5em;
}

.question {
	font-weight:bold;
}

#main_content li {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.1em;
	list-style-type: none;
	margin: 0;
	padding: 0 0 8px 0;
}

#leftlist {
	float:left;
	width:200px;
}

#rightlist {
	float:right;
	width:125px;
}

.gallerylayerdefault {
	position:absolute;
	top:0;
	left:0;
	width:450px;
	height:450px;
	text-align:center;
	visibility: visible;
}

.gallerylayer {
	position:absolute;
	top:0;
	left:0;
	width:450px;
	height:450px;
	text-align:center;
	visibility: hidden;
}

.imagebox {
	position:relative;
	height:400px;
	width:450px;
}

.img-bottom {
	position: absolute; 
	bottom: 0;
	right:0;
}

.buttonbox {
	position:absolute;
	width:110px;
	height:25px;
	left:50%;
	bottom:0;
	margin-left:-55px;
	z-index:100;
}

.leftbutton {
	float:left;
	width:50px;
}

.rightbutton {
	float:right;
	width:50px;
}

/* THESE CLASS SELECTORS DEFINE A BOX WITH ROUND CORNERS
____________________________________________________________________  */

.t {background: url(/images/dot.gif) 0 0 repeat-x; width: 400px;}
.b {background: url(/images/dot.gif) 0 100% repeat-x}
.l {background: url(/images/dot.gif) 0 0 repeat-y}
.r {background: url(/images/dot.gif) 100% 0 repeat-y}
.bl {background: url(/images/bl.gif) 0 100% no-repeat}
.br {background: url(/images/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/tr.gif) 100% 0 no-repeat; padding:25px;}


/* FOOTER
____________________________________________________________________  */

#footer { 
	position: fixed;
	bottom: 0;
	left: 0;
	height: auto;
	width: 100%;
	z-index: 10;
}


#footer p {
	font-size: 0.7em;
	line-height:1.5em;
	text-transform:uppercase;
	color: #7e7c4d;
	margin-top: 10px;
	margin-bottom:12px;
}

#footer a {
	margin:0 12px;
}

#footer a.left {
	margin-left:0;
}