@charset "utf-8";
/* developed by Colin Bradshaw */

/* Default styles */
body, html {
	text-align: center;
	margin: 0; padding: 0;
	background-color: #fff;
	font-family: Arial, sans-serif;
	height:100%;
	color: #000;
	background: url(../img/bodybg.png) repeat-x top;
}
body { font-size: 16px;
	line-height: 1.2em;}
div, img {
	border: none; 
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 0.8em; }
p {	font-size: 0.9em; }
p,h1,h2,h3,h4,h5,h6 { font-weight: normal; margin:0.2em auto 0.8em auto }

td { text-align: left; font-size: 1.2em; }
th { text-align: center; font-size: 1.4em; }

label {
	width: 10em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}
hr { background:none; border:none; color:none; border-bottom: #d1d1d1 1px solid; padding: 10px 0px; margin-bottom:25px }

/** LINK CSS **/
a:link { text-decoration: underline; outline: none; }
a:visited {  }
a:hover { text-decoration: none; }
a:active {  }


#content a:link { color: #823970; }
#content a:visited { color: #9a5b8a; }
#content a:hover { color: #823970; }
#content a:active { color: #621c51; border-bottom: 1px dotted #621c51; }

/* Divs IDs */
#bodybox {
	width: 949px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	color: #717172;
	background: url(../img/bodyboxbg.png) repeat-y top center;
	height:100%;
}
#shim {
	visibility: hidden;
	width: 100%;
	height: 50%;			/* Bump div #bodybox down half the height of the screen. */
	margin-top: -400px; 		/* Half the height of div #bodybox. */
	float: left;
}
#mast {
	position:relative;
}
#mast iFrame { position:absolute; bottom:-15px; left:45px; }

#content {
	overflow:hidden;
	background: url(../img/content_bg_top.png) no-repeat top;
}
#contentWrap {
	background:url(../img/content_bg.png) repeat-y top left;
	text-align:left; position:relative;
	z-index:1;
}

/* ---- MENU CSS ---- */

#menu {
	height: 2.875em;
	margin: 0px auto;
	background: url(../img/menubg.png) transparent no-repeat top center;
	padding-left:55px;
	position:relative;
}
#menu a {
	display: block;
 	text-decoration: none;
	padding: 0px 20px;
	font-size: 0.9em;
	color: #fff;
}
#menu ul { list-style-type: none; }
#menu li { 
	display: block;
	float: left;
	line-height: 2.875em;
}
#menu a:hover {	background:url(../img/menu_over.png) top center no-repeat; }
#menu a.active { background:url(../img/menu_point.png) top center no-repeat; }

#contentWrap .tag { 
	background:url(../img/tag.png) no-repeat top center; 
	width:185px; height:158px; 
}
#contentWrap .tag h2{ display:none; }
#contentWrap .tag a{ display:block;width:170px;margin-left:12px; height:120px; padding:4px 0px}
#contentWrap .tagWrapper { 
	position:absolute; 
	top:-46px; right:65px; 
}

.strap {  
	background:url(../img/content_bg_bot.png) no-repeat bottom center;
	min-height:318px;
	height:auto !important;
	height:318px;
}
#footer {
	text-align:left;
	background: url(../img/footer_bg.png) no-repeat top center;
	height: 339px; position: relative;
}
#footer.short { 
	background: url(../img/footer_bg_short.png) no-repeat top center;
	height:219px;
}
#footer p { 
	font-size:0.7em;
	color: #939393; 
	position: absolute; 
	right:80px; bottom:80px;
}
#footer.short p {  bottom:12px; }
#footer a { color: #686868; text-decoration:none; }
#footer a.active { color: #424242; text-decoration:none; }
#footer a:hover { text-decoration:underline; }


/** FORM STYLES **/
#joinForm input, #joinForm textarea { 
	width:300px; 
	padding:0.2em; 
	border:#d6d6d6 1px solid;
	margin:2px;
}
#joinForm fieldset { 
	border:#c5c5c5 1px solid; 
	margin:10px; padding:20px; 
	float:left; 
	position:relative;
	width:550px;
}
#joinForm label { 
	width:200px; height:24px; 
	padding-top:0.25em;
}
#joinForm p { 
	margin: 1em 0; 
	font-size:0.8em; 
	color:#424242; 
	line-height:1.5em; 
}
#joinForm legend { font-size:0.9em; }

#joinForm .submit { 
	width:103px;
	height:29px;
	float:right;
	border:none;
	margin-right:30px 	
}
.tooltip { display:block }
#joinForm .tooltip {
	display:none;
	margin-left:208px;
	background: url(../img/tt_top.gif) no-repeat top left;
	padding-top:20px;
}
#joinForm .tooltip b{
	background-color:#fff;
	border:1px solid #c5c5c5;
	color: #424242;
	display:block;
	font-weight:normal;
	padding:5px;
	width:295px;
}
#joinForm .feedback { display:none; }
#joinForm input.small { width:50px }
#joinForm .err { 
	border:#ab6671 4px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0.2em 0em;
}
#joinForm .err input{margin:0}
#joinForm p.error { background:url(../img/cross.gif) right top no-repeat;}
#joinForm p.errors { color: #792533;}

.lcol { 
	float: left; 
	width:350px; 
	margin-right:65px;
	padding-top:30px;
	padding-left:65px; 
}
.food {
	float: left; 
	width:514px; 
	margin-right:35px;
	padding-top:30px;
	padding-left:65px; 
}
.col { float: left; }
.scol { 
	width:720px;
	padding-top:30px;
	padding-left:65px; 
	padding-bottom:30px;
	float:left;
}

ul.styled { 
	padding-left:20px;
	margin:20px 0;
}
.styled li { 
	line-height: 16px; height:36px; 
	font-size:0.8em; color: #616162;
	margin:4px 0;
	padding-left:45px;
	background: url(../img/bullet2.png) left top no-repeat;
}
/* Custom Tags */
.nobg { background: none!important }
.nopad { padding:0px!important }
.nomargin { margin:0px!important }
.fleft { float:left }
.fright { float:right }
.fclear { clear: both }
.blue {color: #2257A7; }
.right { text-align: right; }
.left { text-align: left; }
.red { color: #f00; }
.center { text-align: center; }
.purple { color: #823970 }

.mast { width:949px; height:165px; background: url(../img/mast.png) top left no-repeat;}
.strap1 { width:949px; height:168px;background: url(../img/strap_short.png) top left no-repeat;}