@charset "utf-8";
/* CSS Document */
html,body 
{
	position: relative;
	border: none; 
	margin: 0; 
	padding: 0;
	background-color: #2b3b68;
	font-family: Arial, Helvetica, sans-serif;
}

#body_container
{
	width: 100%;
	float: left;
	clear: both;
	background-color: #314370;
	border:0px; 
	margin: 0; 
	padding: 0;
	background-image: url(../images/common/body_bg.gif);
	background-repeat: repeat-x;
}


#navi_bar
{
	float: left;
	clear: both;
	width: 965px;
	height: 55px;
	background-color: #1a244a;
	margin: 0;	
	color: #fff;
}

#navi_left 
{
	float: left;
	clear: both;
	width: 675px;
	height: 40px;
	margin: 7px 0px 0px 13px;
}

/* Unregistered User */
#register_notice_container
{
	float: left;
	clear: both;
	width: 899px;
	padding: 30px;
	border: 3px solid #24496b;
	background-color: #012f45;
	margin-bottom: 24px;
	color: #fff;
}
	#register_notice_container .colour
	{
		color: #328e54;	
	}

	#register_notice_container h1
	{
		padding: 0;
		margin: 0;
		float: left;
		clear: both;
	}
	
	#register_notice_container h2
	{
		padding: 0;
		margin: 20px 0px 0px 0px;
		width: 899px;
		float: left;
		clear: both;
		font-size: 18px;
		font-weight: normal;
	}
	
	#register_notice_container p
	{
		padding: 0;
		margin: 20px 0px 0px 0px;
		float: left;
		clear: both;
		font-size: 13px;
		color: #8ca2ac;
		width: 340px;
	}
	
	#register_notice_container p a
	{
		color: #8ca2ac;
		font-weight: bold;
		text-decoration: none;
	}
	
	#register_notice_container p a:hover
	{
		text-decoration: underline;
	}
	
	#register_notice_container img
	{
		float: right;
		clear: none;
		margin: 15px 0px 0px 0px;
		padding: 0;
		border: none;
	}
	
/* Admin */
/* Errors */
#errors
{
	float: left;
	clear: both;
	margin: 0px 0px 12px 0px;
	width: 953px;
	padding: 10px 0px 10px 12px;
	color: #fff;
	background-color: #060c1f;
	font-size: 12px;
}
	#errors ul
	{
		padding: 0;
		margin: 3px 0px 0px 15px;
	}
/* Admin Bar */
#admin_navi_bar
{
	float: left;
	clear: both;
	width: 965px;
	height: 55px;
	margin: 0px 0px 12px 0px;
	background-color: #0c1533;
	padding: 0;	
	color: #fff;	
}

.navigation_numbers_top 
{
	width: 405px;
	height: 40px;
	margin: 7px 0px 0px 75px;
	float: left;
	clear: none;
	text-align: center;
}

.navi_number 
{
	float: left;
	clear: none;
	width: 65px;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin: 0px 5px 0px 5px;
}
	.navi_number a
	{
		text-decoration: none;
		color: #ffffff;
	}
	.navi_number img 
	{
		margin: 0px 0px 0px 0px;
	}
		
.arrow 
{
	float: left;
	clear: none;
	width: 23px;
	height: 40px;
	text-align: center;
	margin: 0px 5px 0px 5px;
}
	.arrow img 
	{
		margin: 7px 0px 0px 0px;
	}
	
#admin_navi_left 
{
	float: left;
	clear: both;
	width: 200px;
	height: 40px;
	margin: 7px 0px 0px 13px;
}

.save_button
{
	float: left; 
	clear: none; 
	width: 120px; 
	height: 25px; 
	margin: 15px 0px 0px 140px; 
	border: none; 
	background: none; 
	background-image: url(../images/common/save_continue_button.gif);
	background-repeat: no-repeat; 
	cursor: pointer;	
}

.submit_button
{
	float: left; 
	clear: none; 
	width: 120px; 
	height: 26px; 
	margin: 15px 0px 0px 140px; 
	border: none; 
	background: none; 
	background-image: url(../images/common/submit_btn.gif);
	background-repeat: no-repeat; 
	cursor: pointer;	
}

#navi_right
{
	float: left;
	clear: none;
	width: 270px;
	height: 40px;
	margin: 7px 0px 0px 0px;
}

#search_icon a
{
	float: left;
	clear: both;
	width: 25px;
	height: 25px;
	background-color: #151d3f;
	border: 1px solid #29355c;
	margin: 7px 0px 0px 0px;
	background-image: url(../images/common/searchIcon.gif);
	background-repeat: no-repeat;
}

#navi_right input
{
	float: left;
	clear: none;
	margin: 7px 0px 0px 0px;
	width: 230px;
	height: 21px;
	border-top: 1px solid #29355c;
	border-right: 1px solid #29355c;
	border-bottom: 1px solid #29355c;
	border-left: none;
	font-size: 12px;
	color: #666;
	padding: 4px 0px 0px 6px;
}

.heading 
{
	float: left;
	width: 380px;
	clear: none;
	margin: 0;
	font-size: 24px;
	font-weight: normal;
}
	
.small_heading 
{
	float: left;
	clear: both;
	margin: 0;
	font-size: 10px;
}
	.small_heading a
	{
		color: #fff;
		text-decoration: none;
	}
	.small_heading a:hover
	{
		color: #fff;
		text-decoration: underline;
	}
#body
{
	width: 965px;
	margin: 0px auto;
	padding: 0;
	border: none;
}

#spacer
{
	float: left;
	clear: both;
	width: 965px;
	height: 10px;
	margin: 0px 0px 0px 0px;
}

#footer
{
	width: 100%; 
	height: 400px;
	float: left;
	clear: both;
	border: 0px; 
	margin: 10px 0px 0px 0px; 
	padding: 0;
	background-image: url(../images/common/footer_bg.gif);
	background-repeat: repeat-x;
	background-color: #0c1533;
}

	#footer a
	{
		text-decoration: none;
		color: #fff;
	}
	
	
	#footer a:hover
	{
		text-decoration: underline;
		color: #fff;
	}

#footer .wrapper
{
	width: 965px;
	margin: 115px auto;
	padding: 0;
	border: none;
}

#footer .column
{
	width: 240px;
	padding-top: 25px;
	float: left;
	clear: none;
	color: #fff;
}

#footer .column h3
{
	float: left;
	clear: both;
	font-size: 24px;
	font-weight: normal;
	padding: 0;
	margin: 0px 0px 5px 0px;
}

#footer .column ul
{
	list-style: none;
	padding: 0;
	margin: 0px 0px 0px 0px;
	float: left;
	clear: both;
	font-size: 11px;
}

#footer .column .copyright
{
	float: left;
	clear: both;
	font-size: 11px;
	margin: -8px 0px 0px 85px;
}


/* Classes */
.headerLogo
{
	float: left;
	clear: both;
	margin: 23px 0px 0px 0px;
	border: none;
}

.loggedIn_links 
{
	text-align: right;
	float: right;
	clear: none;
	width: 585px;
	height: 15px;
	margin: 75px 0px 0px 0px;
	font-size: 12px;
	color: #fff;
}
	.loggedIn_links a 
	{
		color: #fff;
		text-decoration: none;
	}
	.loggedIn_links a:hover 
	{
		color: #fff;
		text-decoration: underline;
	}

#navi_buttons 
{
	float: right;
	clear: right;
	width: 720px;
	height: 47px;
	margin: 6px 0px 0px 0px;
}

#btn_home a {
	float: left;
	clear: none;
	width: 116px;
	height: 47px;
	text-decoration: none;
	background-image: url(../images/common/btn_homeR.gif);
	background-repeat: no-repeat;
	border-right: 3px solid #222a45;
}
	#btn_home a:hover {
		background-position:0px -47px;
	}
	
#btn_profile a {
	float: left;
	clear: none;
	width: 116px;
	height: 47px;
	text-decoration: none;
	background-image: url(../images/common/btn_profileR.gif);
	background-repeat: no-repeat;
	border-right: 3px solid #222a45;
}
	#btn_profile a:hover {
		background-position:0px -47px;
	}

#btn_mail a {
	float: left;
	clear: none;
	width: 116px;
	height: 47px;
	text-decoration: none;
	background-image: url(../images/common/btn_mailR.gif);
	background-repeat: no-repeat;
	border-right: 3px solid #222a45;
}
	#btn_mail a:hover {
		background-position:0px -47px;
	}

#btn_mail_n a {
	float: left;
	clear: none;
	width: 116px;
	height: 47px;
	text-decoration: none;
	background-image: url(../images/common/btn_mailnR.gif);
	background-repeat: no-repeat;
	border-right: 3px solid #222a45;
}
	#btn_mail_n a:hover {
		background-position:0px -47px;
	}
	
#btn_add a {
	float: left;
	clear: none;
	width: 116px;
	height: 47px;
	text-decoration: none;
	background-image: url(../images/common/btn_addR.gif);
	background-repeat: no-repeat;
	border-right: 3px solid #222a45;
}
	#btn_add a:hover {
		background-position:0px -47px;
	}
	
#btn_search a {
	float: left;
	clear: none;
	width: 116px;
	height: 47px;
	text-decoration: none;
	background-image: url(../images/common/btn_searchR.gif);
	background-repeat: no-repeat;
	border-right: 3px solid #222a45;
}
	#btn_search a:hover {
		background-position:0px -47px;
	}

#btn_map a {
	float: left;
	clear: none;
	width: 116px;
	height: 47px;
	text-decoration: none;
	background-image: url(../images/common/btn_mapR.gif);
	background-repeat: no-repeat;
}
	#btn_map a:hover {
		background-position:0px -47px;
	}

#no_javascript_warning 
{
	float: left;
	clear: both;
	width: 965px;
	height: 45px;
	background-color: #1a244a;
	margin: 12px 0px 0px 0px;	
	color: #fff;
	text-align: center;
	padding: 10px 0px 0px 0px;
	font-size: 14px;
}
	#no_javascript_warning a
	{
		color: #fff;
		text-decoration: none;
	}
	#no_javascript_warning a:hover
	{
		color: #fff;
		text-decoration: underline;
	}

#error_holder
{
	float: left;
	clear: both;
	width: 963px;
	padding-bottom: 5px;
	background-color: #151d3f;
	border: 1px solid #36426d;
	margin-top: 12px;
	padding-bottom: 20px;
}

.error_txt
{
	float: left;
	clear: both;
	width: 963px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	margin-top: 20px;
}
	.error_txt a
	{
		color: #fff;
		text-decoration: none;
	}
	.error_txt a:hover
	{
		color: #fff;
		text-decoration: underline;
	}

.error_msg
{
	float: left;
	clear: both;
	width: 813px;
	padding: 25px;
	font-size: 24px;
	font-weight: bold;
	background-color: #0c1533;
	color: #fff;
	margin: 40px 0px 20px 50px;
	text-align: center;
}

/* Classes */	
.item_text {
	margin-top: 3px;
	}
	
.item_title {
	font-size: 14px;
	}
.category_container 
{
	float: left;
	clear: none;
	margin: 8px 0px 0px 8px;
	width: 134px;
}

.cat_title 
{
	font-size: 18px;
	color: #fff;
}

.cat_link_holder
{
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #1f2747;
	background-color: #080e27;
	width: 122px;
	height: 105px;
	padding: 5px;
}
	.cat_link_holder a
	{
	  color: #fff;
	  text-decoration: none;
	}
	.cat_link_holder a:hover
	{
	  color: #fff;
	  text-decoration: underline;
	}
	
.default_container 
{
	border: 1px solid #36426d;
	background-color: #151d3f;
}

.default_container_red 
{
	border: 1px solid #36426d;
	background-color: #670214;
}

.default_container_dark 
{
	border: 1px solid #36426d;
	background-color: #080e27;
}
.box_title {
	color: #ffffff;
	font-size: 18px;
	float: left;
	clear: both;
	margin: 5px 0px 0px 5px;
	}
	
.underline{
	float: left;
	clear: both;
	margin: 0px 0px 0px 5px;
	}

.extra_links {
	font-size: 11px;
	float: left;
	clear: none;
	text-align: right;
	margin: 9px 0px 0px 0px;
	color: #ffffff;
	}
	.extra_links a {
		color: #ffffff;
		text-decoration: none;
		}
	.extra_links a:hover {
		color: #ffffff;
		text-decoration: underline;
		}

.filter_band
{
	width: 100%;
	height: 28px;
	float: left;
	clear: both;
	margin: 8px 0px 0px 0px;
	padding: 0;
	background-color: #1f2952;
}

	.filter_band ul
	{
		margin-left: 0;
		padding-left: 0;
	}
	.filter_band li
	{
		list-style-type: none;
		display: inline;
		float: left;
		clear: none;
		width:	80px;
		height: 23px;
		margin: 0px 0px 0px 8px;
		font-size: 15px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	
	.filter_band li a
	{
		color: #fff;
		text-decoration: none;
		padding: 5px 0px 0px 0px;
		width:	80px;
		height: 23px;
		background-color: #263360;
		display: block;
	}
	
	.filter_band li a.active 
	{
		background-color:#151d3f;
	}
	
	.filter_band li a:hover 
	{
		background-color: #151d3f;
	}
	
	.filter_band_selected li
	{
		color: #fff;
		text-decoration: none;
		padding: 5px 0px 0px 0px;
		width:	80px;
		height: 23px;
		background-color: #151d3f;
		display: block;
	}

.comment_submit_button {
	float: right; 
	clear: none; 
	width: 120px; 
	height: 26px; 
	border: none; 
	background: none; 
	background-image: url(../images/common/submit_btn.gif);
	background-repeat: no-repeat; 
	cursor: pointer;	
	}
	
.comment_submit_button_loading {
	float: right; 
	clear: none; 
	width: 120px; 
	height: 26px; 
	border: none; 
	background: none; 
	background-image: url(../images/common/loading_btn.gif);
	background-repeat: no-repeat;
	}

.message_submit_button {
	float: right; 
	clear: none; 
	width: 120px; 
	height: 26px; 
	border: none; 
	background: none; 
	background-image: url(../images/common/submit_btn.gif);
	background-repeat: no-repeat; 
	cursor: pointer;	
	}

/* Map Info Windows */
#tackInfo{
    width: 265px;
  }
  #tackInfo_contents{
    background-color: #003947;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  }
  #tackInfo_beak{
    width: 26px;
    height: 13px;
    background: url('../images/common/info_beak.png') top left no-repeat transparent;
  }
  * html #tackInfo_beak{
    /* Alpha transparencies hack for IE */
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/info_beak.png', sizingMethod='crop');
  }
  #tackInfo_tl, #tackInfo_tr, #tackInfo_bl, #tackInfo_br,
  #tackInfo_t,#tackInfo_l,#tackInfo_r,#tackInfo_b{
    background-color: #ffffff;
    height: 2px;
    width: 2px;
  }
  .info_container {
  	float: left;
	clear: both;
	margin: 5px 5px 0px 5px;
	width: 255px;
	height: 100px;
	}
	.info_container a {
		color: #fff;
		text-decoration: none;
		}
	.info_container a:hover {
		color: #fff;
		text-decoration: underline;
		}
#tackInfo_close{
  width: 15px;
  height: 14px;
  background: url('../images/common/info_close.png') top left no-repeat transparent;
  cursor: pointer;
}
* html #tackInfo_close{
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/common/info_close.png', sizingMethod='crop');
}
