/** GENERIC **/
html { height:100%; }
body
{
	background: white;
	font: 12px Tahoma;
	line-height: 130%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
body.grey { background:rgb(142,132,123); }
body.bluegreen { background:rgb(83,106,109); }
body.blue { background:rgb(102,153,183); }
body.bluegreen { background: white; }

div.bluegreen 
{ 
	background:rgb(83,106,109);
	margin: 0px auto;
	max-width: 1024px;
	min-width: 800px;
}

a { color:rgb(253,228,3); }
a:hover {}
a:visited { color:rgb(253,228,3); }
a.title { text-decoration:none; }
a.news
{
	color:white;
	text-decoration:none;
}
h1
{
	color:rgb(253,228,3);
	font-weight:bold;
	font-size:14px;
	margin:0px;
	margin-bottom:15px;
	padding:0px;
}
h1.table 
{ 
	margin-bottom:2px;
	padding-bottom:2px; 
}
h2
{
	color:rgb(253,228,3);
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding:0px;
	padding-bottom:4px;
}
h2.red { color:red; }
h2.table 
{ 
	margin-bottom:0px;
	padding-bottom:0px;
}
h3
{
	font-size:11px;
	font-weight:bold;
	margin:0px;
	margin-bottom:4px;
	padding:0px;
}
li { line-height:200%; }
span.highlight { color:rgb(253,228,3); }
img.header
{
	padding:10px 0px 10px 0px;
}
img.button
{
	border: 0px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	/*width:25px;*/
}
img.coverImg
{
	float: right;
	/* left: 20px; */
	margin: 0px;
	padding: 0px;
	position: relative;
	/* top: -30px;*/
}

table.grid { width:100%; }
table.grid div.data 
{
	/* border: 1px solid yellow; */
	height: 100%;
	position: relative;
	top: 0px;
}
table.grid div.bg
{
	background:white;
	bottom: 0px;
	filter: alpha(opacity=10);
	height: auto;
	left: 0px;
	opacity: 0.1;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1;
}
table.grid div.fg
{
	height: auto;
	left: 0px;
	padding: 2px;
	top: 0px;
	width: 100%;
	z-index: 1001;
}
table.grid td.bg {	background: rgb(54,62,63); }

#advertTop
{
	position: absolute;
	right: 20px;
	top: 20px;
}
#bc
{
	border-bottom:1px dashed white;
	border-top:1px dashed white;
	font-size:13px;
	height:18px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	padding:4px 0px 4px 0px;
	position:absolute;
	top:130px;
	width:100%;
	z-index:101;
}
#bc a
{
	color:rgb(253,228,3);
	text-decoration:none;
}
#bc div.inner
{
	color:white;
	height:18px;
	left:140px;
	margin:0px 20px 0px 20px;
	padding:0px;
	top:0px;
}
#bc div.log
{
	color:white;
	padding-top:4px;
	position:absolute;
	right:20px;
	top:0px;
}
#footer
{
	background:transparent;
	bottom:0px;
	height:27px;
	left:0px;
	position:absolute;
	width:100%;
}
#footer div.bg
{
	background:black;
	filter:alpha(opacity=60);
	height:26px;
	opacity:0.6;
	width:100%;
	z-index:1;
}
#footer div.fg
{
	color:rgb(178,178,178);
	font-size:13px;
	height:26px;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
	z-index:2;
}
#footer div.fg div.inner
{
	padding-top:4px;
	position:absolute;
	right:20px;
}
#footer div.fg div.inner a
{
	color:rgb(178,178,178);
	text-decoration:none;
}
#footer div.fg div.inner a:hover
{
	text-decoration:underline;
}
#header
{
	position: relative;
}
#home_content
{
	color:white;
	/*font-size:11px;*/
	width:100%;
}
#home_content td.hc
{
	vertical-align:top;
	width:100%;
}
#home_content td.hc_l
{
	padding-right:7px;
	vertical-align:top;
	width:50%;
}
#home_content td.hc_r
{
	padding-left:7px;
	width:50%;
	vertical-align:top;
}

/* Sidebars */
div.sidebar
{
	height: auto;
	position: relative;
	width: 164px;
}
div.sidebar div.fg
{
	height: auto;
	padding: 10px 20px 10px 20px;
	position: relative;
	width: 124px;
	z-index: 1;
}
div.sidebar div.bg
{
	bottom: 0px;
	filter: alpha(opacity=60);
	height: auto;	
	opacity: 0.6;
	position: absolute;
	top: 0px;
	width: 164px;
}
div.sidebar div.bg div.bg_t
{
	background: url('../images/site/m_bg_t.gif');
	height: 9px;
	position: absolute;
	top: 0px;
	width: 164px;
}
div.sidebar div.bg div.bg_m
{
	background: url('../images/site/m_bg_m.gif');
	bottom: 10px;
	height: auto;
	position: absolute;
	top: 9px;
	width: 164px;
	z-index: 0;
}
div.sidebar div.bg div.bg_b
{
	background: url('../images/site/m_bg_b.gif');
	bottom: 0px;
	height: 10px;
	position: absolute;
	width: 164px;
}

/* Sidebars (menus) */
#left_menu 
{ 
	font-size: 11pt;
	line-height: 20px;
	padding: 0px 10px;
	width: 124px;
	z-index: 100; 
}
#left_menu a 
{
	color:white;
	font-size:11pt;
	padding:4px 0px 4px 0px;
	text-decoration:none;
}
#left_menu a:hover { color:rgb(253,228,3); }
#left_menu div.mi
{
	border-bottom:1px dashed white;
	padding-bottom:3px;
	width:inherit;
}
#comm_menu { font-size:11px; }
#comm_menu div.recent
{
	padding:4px 0px 4px 0px;
}

#logo
{
	background:url("/images/site/logos/windsurf.gif");
	height:104px;
	left:20px;
	position:absolute;
	top:10px;
	width:284px;
	z-index:100;
}
#logo_bar
{
	/*
	background:white;
	filter:alpha(opacity=40);
	*/
	height:130px;
	left:0px;
	max-width:1024px;
	min-width:800px;
	/*
	opacity:0.40;
	*/
	position:absolute;
	top:0px;
	width:100%;
	z-index:98;
}
#logoBar_bg
{
	background: white;
	filter: alpha(opacity=40);
	height: 100%;
	left: 0px;
	opacity: 0.40;
	position: absolute;
	top: 0px;
	width: 100%;
}
#logoBar_fg
{
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}
#main_body
{
	height:auto;
	margin-left:auto;
	margin-right:auto;
	max-width:1024px;
	min-width:800px;
}
#news_bar
{
	background:black;
	filter:alpha(opacity=50);
	height:35px;
	left:0px;
	max-width:1024px;
	min-width:800px;
	opacity:0.50;
	position:absolute;
	top:122px;
	width:100%;
	z-index:99;
}
#invisible
{
	height:0px;
	left:0px;
	position:absolute;
	top:0px;
	visibility:hidden;
	width:0px;
}
div.b_border
{
	height:100%;
	position:relative;
	width:100%;
}
div.b_border div.b_outer
{
	background:transparent;
	border:1px solid rgb(253,228,3);
	height:100%;
	padding:10px;
	/*position:relative;*/
}
div.b_outer div.b_inner
{
	background:transparent;
	height:100%;
	position:relative;
	width:100%;
	z-index:0;
}
div.b_inner div.b_bg
{
	background: transparent;
	bottom: 0px;
	filter: alpha(opacity=60);
	height: auto;
	left: 0px;
	opacity: 0.6;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: -1;
}

/* background top */
div.b_bg div.b_bg_t_1
{
	background:url('/images/site/bg_t_1.gif') top repeat-x;
	height:10px;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}
div.b_bg div.b_bg_t_2
{
	background:url('/images/site/bg_t_2.gif') top repeat-x;
	height:10px;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}

div.b_bg div.b_bg_m
{
	background: transparent;
	height:100%;
	left:0px;
	position:absolute;
	top:10px;
	width:100%;
}
div.b_bg_l_1
{
	background: url('../images/site/bg_l_1.gif');
	bottom: 0px;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 10px;
}
div.b_bg_l_2
{
	background: url('../images/site/bg_l_2.gif');
	bottom: 0px;
	height: 100%;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 10px;
}
div.b_bg_c
{
	background: black;
	bottom: 0px;
	height: 100%;
	left: 10px;
	position: absolute;
	right: 10px;
	top: 0px;
	width: auto;
}
div.b_bg_r_1
{
	background: url('../images/site/bg_r_1.gif');
	bottom: 0px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 10px;
}
div.b_bg_r_2
{
	background: url('../images/site/bg_r_2.gif');
	bottom: 0px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 10px;
}

div.b_bg table
{
	height:100%;
	width:100%;
}

/* background bottom */
div.b_bg div.b_bg_b_1
{
	background:url('/images/site/bg_b_1.gif') top repeat-x;
	bottom:0px;
	height:10px;
	position:absolute;
	width:100%;
}
div.b_bg div.b_bg_b_2
{
	background:url('/images/site/bg_b_2.gif') top repeat-x;
	bottom:0px;
	height:10px;
	position:absolute;
	width:100%;
}

div.b_inner div.b_fg
{
	font-size:11px;
	padding:14px;
	z-index:100;
}
img.l
{
	border:1px solid rgb(253,228,3);
	float:left;
	height:90px;
	margin:0px 5px 5px 0px;
	width:160px;
}

img.n_l
{
	/*border:1px solid rgb(253,228,3);*/
	border:1px solid black;
	/*height:90px;*/
	margin:2px 8px 0px 0px;
	/*width:160px;*/
}

/** NEWS **/
table.n_i
{
	/* News Inner */  
	padding:0px; 
}
img.news_main
{
	margin:0px 20px 10px 0px;
	float:left;
}

table.container
{
	height:100%;
	width:100%;
}
table.container td.bottom
{
	height:27px;
	vertical-align:bottom;
	width:100%;
}
table.container td.middle
{
	height:auto;
	padding:20px 0px 20px 0px;
	vertical-align:top;
}
table.container td.top
{
	height:157px;
	width:100%;
}
table.content
{
	color:white;
	width:100%;
}
table.content td.center
{
	vertical-align:top;
	width:auto;
}
table.content td.left
{
	padding:0px 20px 0px 20px;
	vertical-align:top;
	width:164px;
}
table.content td.right
{
	padding:0px 20px 0px 20px;
	vertical-align:top;
	width:164px;
}
table.content td.rightSml
{
	padding:0px;
	width:20px;
}
.newsItem
{
	text-align: left;	
}
.newsItem .newsDate
{
	float: right;
	margin-left: 20px;
}
.newsItem .newsImage
{
	float: left;
	margin-right: 10px;
}
.newsItem .newsFooter
{
	clear: both;
}
div.youTube, div.vimeo
{
	padding: 5px 0px;
	text-align: center;
}

/* IMAGES */
table.content_i
{
	width:100%;
}
table.content_i td { vertical-align:top; }
table.content_i td.label
{
	font-weight:bold;
	width:100px;
}
table.content_i img
{
	float: left;
	padding: 2px 4px 2px 0px;
}
table.grid td.img_prev
{
	height:160px;
	width:160px;
}
div.navigation
{
	height:20px;
	position:relative;
	width:100%;
}
div.nav_prev
{
	float:left;
}
div.nav_next
{
	float:right;
}
div.nav_index
{
	float:right;
}

/* FORMS */
input,select,textarea { font:11px Tahoma; }
input.file { color: black; }
select {	width:200px; }
textarea { width:100%; }
table.form { width:100%; }
table.form td.label
{
	font-weight:bold;
	text-align:right;
	width:100px;
}
table.form td.label_t
{
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	width: 100px;
}
table.f_table { width: 100%; }
table.f_table td.f_label
{
	font-weight: bold;
	vertical-align: top;
	width: 150px;
}
td.spacer { height:10px; }
#upl
{
	background:rgb(59,84,91);
	border:1px dashed white;
	filter:alpha(opacity=0);
	height:80px;
	left:192px;
	opacity:0;
	padding:10px;
	position:absolute;
	top:170px;
	width:280px;
}

td.l { text-align:left; }
td.c { text-align:center; }
td.r { text-align:right; }
td.t { vertical-align:top; }
td.m { vertical-align:middle; }
td.b { vertical-align:bottom; }

/* BEACH GUIDE */
#map
{
	/*border:1px solid black; */
	color:black; 
	height:500px;
	width:100%;
}
#controls
{ 
	height:50px;
	margin:5px 0px 0px 2px;
	position:relative;
}
img.control { cursor:pointer; }
#movement
{
	height:50px;
	width:36px;
}
#movement_u
{
	left:18px;
	position:absolute;
	top:0px;
}
#movement_d
{
	left:18px;
	position:absolute;
	top:36px;
}
#movement_l
{
	left:0px;
	position:absolute;
	top:18px;
}
#movement_r
{
	left:36px;
	position:absolute;
	top:18px;
}
td.zoom
{
	padding:18px 10px 0px 10px;
	vertical-align:middle;
	width:32px;
}
#instruct
{
	width:100%;
}
a.bg
{
	color:black;
}
#searchPopup
{
	background: rgb(83,106,109);
	border: 1px solid rgb(33,32,44);
	display: none;
	filter: alpha(opacity=0);
	height: 120px;
	left: 0px;
	opacity: 0;
	position: absolute;
	top: 0px;
	width: 360px;
}
#searchPopup table
{
	width: 100%;
}
#searchPopup table td.buttons
{
	text-align: right;
}
#searchResults
{
	height: auto;
	position: relative;
}
#searchResults #searchPages
{
	height: 240px;
	overflow: auto;
	position: relative;
}
#searchResults div.searchPage
{
	display: none;
	left: 0px;
	position: absolute;
	top: 0px;
}
#searchResults table
{
	width: 360px;
}
#searchResults table td,
		#searchResults table th
{
	background: rgb(33,42,44);
	font-size: 10px;
	width: 130px;
}


/** BLOGS **/
#blogEntryTable { width:100%; }
#blogEntryTable #title { width:300px; }
#blogTitle { width:200px; }
img.blog
{
	float:left;
	margin-right:10px;
}
img.profile
{
	height:200px;
	/* width:150px; */
}
td.profileImg
{
	text-align:center;
	vertical-align:top;
	width:180px;
}
div.blogFoot
{
	text-align:right;
	width:100%;
}
textarea.blogContent
{
	height:200px;
	width:100%;
}


/** COMMUNITY **/
#forename { width:160px; }
#surname { width:160px; }
#email { width:240px; }
#confirm_email { width:240px; }
#username { width:160px; }
#password { width:160px; }
#confirm_password { width:160px; }
#link_name { width:200px; }
#link_url { width:200px; }


/** GALLERY **/
div.img_txt
{
	margin:0px auto 0px auto;
	text-align:left;
	width:500px;
}


/** SUBSCRIPTIONS **/
.year
{
	text-align:center;
	width:100px;
}


/** TESTS **/
table.results
{
	/* height:300px; */
	width:100%;
}
td.res_tl
{
	background:url('../tests/images/bg_tl.gif');
	height:10px;
	width:10px;
}
td.res_t
{
	background:url('../tests/images/bg_t.gif');
	height:10px;
	/* width:280px; */
}
td.res_tr
{
	background:url('../tests/images/bg_tr.gif');
	height:10px;
	width:10px;
}
td.res_l
{
	background:url('../tests/images/bg_l.gif');
	width:10px;
}
td.res_c
{
	background:black;
	/*
	height:280px;
	width:280px;
	*/
}
td.res_r
{
	background:url('../tests/images/bg_r.gif');
	/* height:280px; */
	width:10px;
}
td.res_bl
{
	background:url('../tests/images/bg_bl.gif');
	height:10px;
	width:10px;
}
td.res_b
{
	background:url('../tests/images/bg_b.gif');
	height:10px;
	/*width:280px;*/
}
td.res_br
{
	background:url('../tests/images/bg_br.gif');
	height:10px;
	width:10px;
}
div.res_sp
{ width:10px; }
div.rating
{
	height:15px;
	margin:4px 0px 4px 0px;
	position:relative;
	width:200px;
}
div.rating table.grey
{
	height:15px;
	left:0px;
	position:absolute;
	top:0px;
	width:100%;
}
table.grey td.grey_l
{
	background-image:url('../tests/images/greyl.gif');
	height:15px;
	width:8px;
}
table.grey td.grey_c
{
	background-image:url('../tests/images/grey.gif');
	height:15px;
}
table.grey td.grey_r
{
	background-image:url('../tests/images/greyr.gif');
	height:15px;
	width:8px;
}
div.rating table.yellow
{
	height:12px;
	left:3px;
	position:absolute;
	top:1px;
}
table.yellow td.yellow_l
{
	background-image:url('../tests/images/yellowl.gif');
	height:12px;
	width:8px;
}
table.yellow td.yellow_c
{
	background:url('../tests/images/yellow.gif');
	color:black;
	font-weight:bold;
	height:13px;
}
table.yellow td.yellow_r
{
	background-image:url('../tests/images/yellowr.gif');
	height:12px;
	width:8px;
}
div.rating div.label
{
	color:black;
	font-size:10px;
	font-weight:bold;
	left:8px;
	position:absolute;
	top:-1px;
}

.popup
{
	background: rgb(83,106,109);
	border: 1px solid rgb(33,32,44);
	display: none;
	left: 0px;
	padding: 10px;
	position: absolute;
	top: 0px;
	z-index: 199;
}
.popup table
{
	width: 100%;
}
.popup th
{
	text-align: left;
}