/*
Title:   Mount's Bay Sailing Club main style sheet
Author:  Clive Goodhead, Cornwall Internet Limited
Version: 16 February 2006
Notes:   Web site www.mbsc.org.uk
*/

/* ---------------------------------------------------------------- */
/* General */

a, a:visited {
	color: #0000ff;
	text-decoration: none;
}

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

img {
	border: 0;
	margin: 0;
	padding: 0;
}






/* ---------------------------------------------------------------- */
/* Pre-navigation */

body {
	color: #333333;
	background-color: #3399ff;
	text-align: left;
	font-family: verdana, arial, helvetica, geneva, sans-serif;
	border: 0;
	margin: 10px 30px 30px 30px; 
	padding: 0;
	behavior:url("http://www.mbsc.org.uk/htc/csshover.htc");
}

#container {
	width: 900px;
	background-color: #ffffff;
	border: 1px solid #330099;
}

#title_bar {
	height: 65px;
	background-image: url(imgs/title.png);
	background-repeat: no-repeat;
	background-position: 50% 70%;
	background-color: #ffcc00;
}

#sponsor {
	color: #666666;
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
}

#sponsor a {
	color: #333333;
}

#title_bar span {
	visibility: hidden;
}

/* ---------------------------------------------------------------- */
/* Navigation */

#mbsc_nav {
	width: 100%;
	font-size: 12px;
	background-color: #003399;
	border-top: 2px solid #0066cc;
	border-bottom: 2px solid #0066cc;
}

#mbsc_nav:after {  /* Clears the x_nav float property (not IE). */
	display: block; 
	content: "."; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#mbsc_nav div {
	float: left;
	border-right: 1px solid #0066cc;
}

#mbsc_nav div:hover ul {
	display: block;
}

#mbsc_nav span {
	display: block;
	line-height: 20px;
	text-align: center;
	padding: 0;
}

#mbsc_nav span:hover {
	background-color: #3399ff;
}

#mbsc_nav span a, #mbsc_nav span a:active, #mbsc_nav span a:visited {
	color: #ffffff;
	padding: 4px 18px;
}

#mbsc_nav span a:hover {
	color: #ffcc00;
}

#mbsc_nav ul {
	z-index: 9;
	display: none;
	position: absolute;
	width: 120px;
	background: #46b446;
	border-right: 1px solid #336600;
	border-left: 1px solid #66ff66;
	margin: 0px 1px;
	padding: 2px 0 0 0;
}

#mbsc_nav li {
	background-color: #33cc00;
	list-style-type: none;
	padding: 1px 0 1px 0;
	margin: 0px;
	border-top: 1px solid #66ff66;
	border-bottom: 1px solid #336600;
}

#mbsc_nav li a, #mbsc_nav li a:active, #mbsc_nav li a:visited {
	width: 110px;
	display: block;
	color: #000099;
	margin: 0;
	padding: 3px 5px;
}

#mbsc_nav li:hover {
	background-color: #66ff66;
}

/* ---------------------------------------------------------------- */
/* Picture bar */

#picture_bar {
	height: 120px;
}

/* ---------------------------------------------------------------- */
/* Column layout */

#main {  /* Contains columns (if there are any). */
	width: 100%;  /* Approx 900px. */
	border: 0;
	margin: 0;
	padding: 0;
}

#main:after {  /* Clears the x_nav float property (not IE). */
	display: block; 
	content: "."; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#column_1 {
	float: left;
	width: 170px;
}

#column_2a {  /* With columns 1 and 3. */
	float: left;
	width: 580px;
}

#column_2b {  /* With columns 1, but not 3. */
	float: left;
	width: 710px;
}

#column_2c {  /* With columns 3, but not 1. */
	float: left;
	width: 750px;
}

/* Column 2 is not used if neither columns 1 or 3 are used. */

#column_3 {
	float: right;
	width: 140px;
	text-align: center;
}

#content {  /* Container for main page content. */
	width: 100%;
/*	overflow: auto !important; */ /* IE ignores this. */
	overflow: none;
/*	overflow-x: auto; */
/*	overflow-y: none; */
	margin-top: 10px;
/*	border: 1px solid green; */ /*Testing only. */
}

#content:after {  /* Clears the float property (not IE). */
	display: block; 
	content: "."; 
	height: 0; 
	clear: left; 
	visibility: hidden;
}

/* ---------------------------------------------------------------- */
/* Column 1 content (home page) */

#webmaster {
	z-index: 0;
	width: 140px;
	background-image: url('imgs/webmaster.jpg');
	background-position: 50% 0%;
	background-repeat: no-repeat;
	border: 1px solid #000099;
	margin: 10px 10px 5px 10px;
	padding: 4px;
}

#webmaster h2 {
	font-size: 75%;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

#webmaster p {
	font-size: 70%;
	text-align: justify;
	margin: 8px 0 0 0;
}

#webmaster p.p_1 {
	margin-top: 100px;
}

#date {
	font-size: 57%;
	font-weight: bold;
	text-align: center;
	margin: 3px 0;
}

#sunrise {
	font-size: 57%;
	text-align: center;
	margin: 0;
}

#rya_rc {
	margin: 10px 0 0 25px;
}

#mdcc {
	margin: 60px 0 0 25px;
}

/* ---------------------------------------------------------------- */
/* Menu 2 (included in Column 1) */

#menu2 ul {
	width: 150px;
	background: #999999;
	font-size: 12px;
	border-right: 1px solid #666666;
	margin: 0 5px 0 0;
	padding: 3px 0 0 0;
}

#menu2 li {
	background-color: #999999;
	list-style-type: none;
	padding: 1px 0 1px 0;
	margin: 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #666666;
}

#menu2 li a, #menu2 li a:active, #menu2 li a:visited {
	width: 140px;
	display: block;
	color: #000099;
	margin: 0;
	padding: 3px 0px 3px 5px;
}

#menu2 li:hover {
	background-color: #cccccc;
}

/* ---------------------------------------------------------------- */
/* Column 2 content */

#content h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	color: #000099;
	margin: 0.5em 0;
	padding: 0;
}

#content h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 100%;
	margin: 1em 0;
	padding: 0;
}

#content p {
	font-size: 82%;
	margin: 0.5em 0;
	padding: 0;
	text-align: justify;
}

#content img.l {
	float: left;
	margin: 5px 15px 5px 0;
}

#content img.r {
	float: right;
	margin: 5px 0 5px 15px;
}

#content ul {
	font-size: 82%;
	padding: 0;
	margin-top: 0;
}

#content li {
	margin: 0 0 0 25px;
	padding: 0 0 5px 0;
}

/* ---------------------------------------------------------------- */
/* Column 2 content for particular pages */

/* index.shtml - Home page */

#content-left {
	float: left;
	width: 390px;
}

#content-right {
	float: right;
	width: 170px;
}

#boxes h2 {
	color: #ffffff;
	font-size: 82%;
	font-weight: bold;
	margin: 5px;
}

#boxes p {
	text-align: left;
}

#boxes #content-left div.box_footnote {
	color: #666666;
	border-top: 1px solid #999999;
	margin: 10px 10px 5px 10px;
	padding-top: 4px;
}

#boxes #content-left #box_footnote p {
	color: #666666;
	font-size: 75%;
	padding-bottom: 4px;
}

#box_alert {
	background-color: #ff0000;
	border: 1px solid #ff0000;
	margin: 0 0 10px 0;
}

#box_alert_body {
	color: #333333;
	background-color: #00ffff;
	padding: 5px;
}

#box_duties {
	background-color: #000099;
	border: 1px solid #000099;
	margin: 0 0 10px 0;
}

#box_duties_body {
	color: #333333;
	text-align: center;
	background-color: #ccccff;
	padding: 5px;
}

#box_webcam {
	background-color: #0066cc;
	border: 1px solid #0066cc;
	margin: 0 0 10px 0;
}

#box_webcam_body {
	color: #333333;
	text-align: center;
	background-color: #ccffff;
	padding: 5px;
}

#box_sailing {
	background-color: #ff9933;
	border: 1px solid #ff9933;
	margin: 0 0 10px 0;
}

#box_sailing_body {
	color: #333333;
	background-color: #ffff99;
	padding: 5px;
}

#box_news {
	background-color: #cc66ff;
	border: 1px solid #cc66ff;
	margin: 0 0 10px 0;
}

#box_news_body {
	color: #333333;
	background-color: #ffccff;
	padding: 5px;
}

#box_wprog {
	background-color: #00ccff;
	border: 1px solid #00ccff;
	margin: 0 0 10px 0;
}

#box_wprog_body {
	color: #333333;
	background-color: #99ffff;
	padding: 5px;
}

#box_social {
	background-color: #33cc33;
	border: 1px solid #33cc33;
	margin: 0 0 10px 0;
}

#box_social_body {
	color: #333333;
	background-color: #99ff99;
	padding: 5px;
}

#boxes #content-right div.box_footnote {
	color: #666666;
	border-top: 1px solid #999999;
	margin: 10px 10px 5px 10px;
	padding-top: 4px;
}

#boxes #content-right div.box_footnote p {
	color: #666666;
	font-size: 65%;
	padding-bottom: 4px;
	text-align: left;
}

#box_weather {
	background-color: #ff3333;
	border: 1px solid #ff3333;
	margin: 0 0 10px 0;
}

#box_weather_body {
	color: #333333;
	background-color: #ffcccc;
	padding: 5px;
}

#box_weather_body table {
	margin: 5px 0;
}

#box_weather_body td, #box_weather_body th {
	font-size: 65%;
}

#box_tides {
	background-color: #9900ff;
	border: 1px solid #9900ff;
	margin: 0 0 10px 0;
}

#box_tides_body {
	color: #333333;
	background-color: #ffccff;
	padding: 5px;
}


#box_tides_body table {
	margin: 5px 0;
}

#box_tides_body td, #box_tides_body th {
	font-size: 65%;
}

#box_downloads {
	background-color: #339966;
	border: 1px solid #339966;
	margin: 0 0 10px 0;
}

#box_downloads_body {
	color: #333333;
	background-color: #99cc99;
	padding: 5px;
}












/* about/map.shtml */
#map {
	width: 575px;
	height: 380px;
	border: 1px solid #9999ff;
	margin: 5px 0 15px 0;
}

/* sailing/tides.shtml */
#tides #tide_img {
	border: 1px solid #000099;
}

#tides p.small {
	font-size: 65%;
}


/* sailing/sis.shtml */
table.sis {
	border: 1px solid black;
	margin: 20px;
}

table.sis th, table.sis td {
	border: 1px solid black;
	font-size: 82%;
	text-align: left;
	padding: 2px 25px 2px 5px;
}









/* accommodation/index.shtml */
#accommodation {
	margin: 20px 10px 30px 10px;
}

#accommodation th, #accommodation td {
	font-size: 82%;
	text-align: left;
	padding: 5px 5px 0 0;
}




/* champs/pastevents.shtml */
#pastevents {
	margin: 20px;
}

#pastevents th, #pastevents td {
	font-size: 82%;
	text-align: left;
	padding: 0 25px 0 0;
}



/* ---------------------------------------------------------------- */
/* Ads (included in Column 3) */

#bookshop_ads {
	width:118px;
	text-align:justify;
	font-family:'Arial', sans-serif;
	font-size:10px;
	color:#000000;
	background-color:#CCFF99;
	border:1px solid #578A24;
	margin: 10px auto 25px auto;
}

#bookshop_ads #title {
	text-align: center;
	background-color: #578A24;
	color:#ffffff;
	margin-bottom:1px;
}

#bookshop_ads #body {
	margin-bottom: 15px;
	margin: 0 0 15px 0;
	padding:5px;
}

#bookshop_ads p {
	margin:0px;
}

#bookshop_ads a {
	color:#0000ff;
} 

#google_ads {
	width: 120px;
	height: 260px;
	margin: 10px auto 5px auto;
}

#amazon_ads {
	width: 120px;
	margin: 0 auto 5px auto;
}

/* ---------------------------------------------------------------- */
/* Styles to integrate with other software */

.software_footer {
	color: #aaaaaa;
}

#punbb {
	color: #aaaaaa;
}

/* ---------------------------------------------------------------- */
/* Footer */

#footer {
	text-align: center;
	color: #666666;
	border-top: 1px solid #000099;
	margin: 5px 100px;
	padding-top: 5px;
}

#footer hr {
	visibility: hidden;
	display: none;
}

#footer p {
	text-align: center;
	font-size: 10px;
	margin: 0; padding: 0;
}

#footer a {
	color: #333333;
}

/* ---------------------------------------------------------------- */
/* Main body of page */





.bold {
	font-weight: bold;
}

.small {
	font-size: 75%;
}