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


/* ---------------- GLOBAL -------------------------------------- */
#content, #header{/*background: #33CC00;*/ 
	width: 780px;
	margin: 0 auto;}
body {
	margin-left: 0px;
	margin-top: 0px;
	background: url(images/layout/largelogo_bg.jpg) no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
h1{font-size: 1.4em;}
h2{font-size: 1.1em;}
h3{font-size: 0.8em;}
p, li{font-size: 0.8em;}
a:link {
	/*color: #833393;*/
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	/*color: #000;*/
	color: #833393;}
a:active {text-decoration: none;}
.floatright{float:right;}
.here{color: #833393;}
.bglightgreen{
	background: url(images/layout/formbg.gif) no-repeat;

}
/* ----------------- header ---------------------------------------*/

#headerlogo{background: #33CC00;
	clear:both;
	height:110px;
	/*width:434px;*/
	width:500px;
	background: url(images/logov2.png) no-repeat;}
#topnav{float:right;}
#topnav ul{
	list-style:none;
	margin:0px;}
#topnav li{
	padding:5px 0px 15px 5px;
	float:left;}
.topnavbgleft{
	background: url(images/layout/topnav_lr.png) no-repeat bottom left;}
.topnavbgright{
	background: url(images/layout/topnav_lr.png) no-repeat bottom right;}
.topnavbg{
	background: url(images/layout/topnav_bg.png) repeat-x bottom;}
#topnav li a{
	margin:0px 20px;
	font-size: 0.7em;}
#topnav .here{
	text-decoration:underline;
	margin:0px 20px;
	font-size: 0.7em;}
/* ----------------- content --------------------- light green #DAECE7------------------*/
#intro_top{/*background: #33CC00;*/
	height:18px;
	background: url(images/layout/mainnav_top.png) no-repeat ;}
#mainnav{
	height:30px;
	background: url(images/layout/mainnav_bg.png) repeat-y ;}
#mainnav a, #mainnav .here{
	margin: 0px 0px 0px 28px;
	font-size:1em;	
	font-weight:bold;}
#intro{/*border:solid #33CC00 1px;width:350px;*/
	padding-top:5px;
	background: url(images/layout/hb_bg2.png) repeat-y;}
#intro a, #leftcolumn a{
	text-decoration: underline;
}
#intro h1, #intro p, #intro h2{
	margin:0px 27px 10px 27px;
	/*margin:0px 0px 10px 27px;*/
	padding:0px;}
#intro p{text-align: justify;}
#intro ol{margin:0px;}
#intro li{/*background: #33CC00;*/
	margin:10px 20px 0px 10px;
	padding:0px;}
#intro_btm{/*background: #33CC00;*/
	height:19px;
	background: url(images/layout/hb_btm.png) no-repeat;}
/*#introimg{
	margin:0px 17px 0px 0px;
	padding:0px;
	float:right;}*/
#applicationfieldset{
	margin:25px;
	padding:15px;
}
.linksfieldset{
	width:600px;
	margin-left:25px;
}
#cform{
	text-align:left;
	background: url(images/flookimages/boybeach.jpg) no-repeat;
	margin:0px 0px 0px 27px;}
#cform * {margin-left:50px;}
.button{
	background-color: #8DC9BA;
	font-weight: bold;}
#contactbg{
	/*position:absolute;
	float:left;
	height:50px;
	width:50px;
	margin:0px 0px 0px 20px;
	background-image: url(images/flookimages/boybeach.jpg);*/}
#contactsent{
	border: solid #833393 2px;
	margin: 25px;
	padding: 20px;}
#address{margin:5px 0px 0px 25px;}
.feetable{margin:0px 0px 0px 25px;width:380px;}

.bipp{
	float:right;
	margin:20px;}
/* ---------------------- RIGHT COLUMN INSIDE INTROBOX -----------------------------*/
#rightintroclumn{/*background-color:#FF6699;*/
	width:330px;
	margin:0px 17px 0px 10px;
	padding:0px;
	float:right;} 
#photo_col{
	width:330px;
	margin:0px 17px 0px 10px;
	padding:0px;
	float:right;
	background-color:#8DC9BA;}
#photo_col a{margin:10px;}
/* --------------------- RIGHT COLUMN BELOW CONTENT --------------------------------*/
#rightcolumn{/*background: #33CC00;*/
	width:268px;
	/*margin:0px 0px 0px 512px;*/
	float:right;}
#rc_top{/* shaddow image */
	height:18px;
	background: url(images/layout/rightcolumn_top.png) no-repeat;}
#rc{background: url(images/layout/rightcolumn_bg.png) repeat-y;}
#rc h1, #rc p{
	margin:0px 20px 0px 15px;
	padding:0px;}
#rc ul{margin-bottom:0px;}
#rc li{/*border:solid #33CC00 1px;padding:0px;*/

	margin:10px 20px 0px 0px;
	}
#rc img{margin:0px 0px 0px 9px;border:0px;}
#rc_btm{/* shaddow image */
	height:18px;
	background: url(images/layout/rightcolumn_btm.png) no-repeat;}
/* --------------------- LEFT COLUMN ------------------------------- */
#leftcolumn{/*background: #33CC00;*/
	width:500px;
	padding-top:15px;}
#leftcolumn h1, #leftcolumn h2, #leftcolumn p{
	margin:10px 15px 10px 15px;}
.greenad{
	padding-top:5px;
	height:130px;
	margin-left:15px;
	background: url(images/layout/adbordergreen.gif) no-repeat;}
	/*background: url(images/layout/articleblend.gif) no-repeat;}*/
.purplead{
	padding-top:5px;
	height:130px;
	margin-left:15px;
	background: url(images/layout/adborderpurple.gif) no-repeat;}
	/*background: url(images/layout/articleblend2.gif) no-repeat;}*/
/* --------------------- footer ------------------------------- */
.toparrow{
	margin:20px;
	/*padding:0px;*/
	background: url(images/layout/top_arrow.png) no-repeat;}
#footer {/*border:solid #33CC00 1px;*/
	height:71px;
	background: url(images/layout/footer_bg.png) no-repeat;
	text-align:center;
	clear:both;}
#footer p{
	margin:0px;
	padding:0px;}
	
/* ----------- SIFR2 ----------------------------------------- */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;}
/* These "decoy" styles are used to hide the browser text before it is replaced...any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:1.8em;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size:1.5em;
}
#intro h1, #intro h2{width:350px;}
#rightintroclumn h1, #rightintroclumn h2{width:300px;}
