/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body, html
	{
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	background-color: #ffffff;
	font-family: Palatino,"Palatino Linotype",georgia,serif;
	background-image: -ms-linear-gradient(top, #544A4A 0%, #B8ABA0 100%);
	background-image: -moz-linear-gradient(top, #544A4A 0%, #B8ABA0 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #544A4A), color-stop(1, #B8ABA0));
	background-image: -webkit-linear-gradient(top, #544A4A 0%, #B8ABA0 100%);
	background-image: linear-gradient(to bottom, #544A4A 0%, #B8ABA0 100%);
	background-position: 0px;
	background-attachment: fixed;
	background-repeat: repeat-x;
	}

h1
	{
	font-size: 24px;
	color: #000000;
	}

h2
	{
	font-size: 18px;
	color: #500;
	font-weight: bold;
	}

h3
	{
	font-size: 16px;
	color: #500;
	}

h4
	{
	color: #c00;
	margin: -2px 0 5px 0;
	padding: 0;
	font-size: 15px;
	}

#content
	{
	width: 1110px;
	padding: 0;
	margin: 0 auto 0 auto;
	box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.40);
	background-color: #FFFFFF;
	background-repeat: repeat;
	}

#left_col
	{
	width: 202px;
	float: left;
	text-align: left;
	height: 900px;
	margin: 0 0 0 12px;
	}

#logo
	{
	height: 140px;
	}

#slideshow
	{
	margin: 10px 8px 0 30px;
	height: 180px;
	}

#controls
	{
	position: fixed;
	z-index: 1000;
	width: 180px;
	height: 100%;
	margin: 0 0 0 10px;
	text-align: center;
	background-color: #ECECFF;
	box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.45);
     }
     
#nav
	{
	text-align: center;
	width: 140px;
	padding: 0;
	margin: 10px auto 0 auto;
	height: 380px;
	/*background: #f0f;*/
 	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
	}

#mid_col
	{
	float: left;
	width: 600px;
	margin-right: 15px;
	margin: 0 25px 0 22px;
	padding: 15px 0 0 0;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	}

#page_top
	{
	width: 100%;
	display: block;
	padding: 0 0 10px 0;
	/*background-color: #f0f;*/
	}

#page_main
	{
	width: 100%;
	display: block;
	/*background-color: #ff0;*/
/*	margin-top: -5px;   */
	padding: 0 0 30px 0;
    text-align: justify;
	}

.placeholder
      {
    width: 100%
      }

.day_report {
	width: 100%;
	display: block;
	padding: 2px 0 12px 0;
	/*border-top: 2px #FF9907 ; */
    text-align: justify;
}


#picheader
	{
	background-color: Transparent;
	height: 120px;
	margin: 0px 0 0 0;
	width: 530px;
	background-image: url(Images/harbour.jpg);
	}

#welcome
	{
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	background-color: #300;
	color: #fff;
	padding: 4px 0 4px 0;
	border-radius: 8px 8px 0 0;
	}

#banner_container
	{
	width: 100%;
	text-align: center;
	margin: 18px 0 20px 0;
	}

.banner
	{
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	height: 74px;
	width: 500px;
	overflow: hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.30);
	}

a.banner
	{
	background-position: 0px 0px;
	display: block;
	background-image: url(../Images/British_Bird_Food.gif);
	background-repeat: no-repeat;
	height: 74px;
	width: 500px;
	}

.month
	{
	position: inline;
	font-size: 18px;
	font-weight: normal;
	color: #000;
	}

.date
	{
	font-weight: bold;
	font-size: 16px;
	color: #500;
	margin: 20px 0 20px 0;
	}

#mid_col p, #mid_col h1, #mid_col h2, #mid_col h3, #mid_col h4
	{
	text-align: justify;
	}

#mid_col img
	{
    box-shadow: 3px 3px 15px 3px #ccc;
    -webkit-box-shadow: 3px 3px 15px 3px #ccc;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
	margin: 20px 0 15px 0;
	}

#shortcuts
	{
	font-size: 13px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #CC9900;
	text-align: center;
	background-color: #ffc;
	margin: 30px 0 10px 0;
	padding: 3px 0 3px 0;
	}

#shortcuts a
	{
	color: #700;
	text-decoration: none;
	}

#shortcuts a:hover
	{
	color: #000;
	text-decoration: underline;
	}

hr
	{
	background-color: #fff;
	border-style: none none dotted;
	border-bottom: #f90 2px dotted;
	color: #fff;
	margin: 20px 0 20px 0;
	height: 0px;
	}

.right_col_article hr {
	background-color: #fff;
	border-style: none none solid;
	border-bottom: #e5ceb7 1px solid;
	margin: 10px 0 10px 0;
	height: 0px;
	}

h6, .caption
	{
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	font-style: italic;
	font-weight: normal;
	color: #777;
	height: auto;
	margin: 0 0 10px 0;
	}

h5, .tides
	{
	color: #066;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	margin: 0 0 15px 0;
	}

var, .report_placeholder
	{
	color: #fff;
	}

.solid_bar
	{
	background: #c00;
	color: #fff;
	padding: 4px 9px 4px 9px;
	margin: 10px 0 10px 0;
	width: 500px;
	font-size: 15px;
	}

#right_col
	{
	float: left;
	width: 200px;
	text-align: left;
	height: 300px;
	padding: 15px 0 0 0;
	}

.right_col_article_holder_beige
	{
	display: block;
	margin: 0 0 20px 0;
	border: 1px #dcd4cc solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffffdd;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.30);
	background: #fffcf7 url(../Images/beigebg.jpg) repeat-x;
	}

.right_col_article_holder_yellow
	{
	margin: 0 0 20px 0;
	border: 1px #dcd4cc solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffffdd;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.30);
	background: #fefef6 url(../Images/yellowbg.jpg) repeat-x;
	}

.right_col_article_holder_blue
	{
	margin: 0 0 20px 0;
	border: 1px #dcd4cc solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffffdd;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.30);
	background: #f5fafe url(../Images/bluebg.jpg) repeat-x;
	}

.news_header_beige
	{
	background-color: #e5ceb7;
	-moz-border-radius: 10px;
	border-radius: 10px 10px 0 0;
	text-align: center;
	padding: 3px 0 2px 0;
	color: #000;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
	clear: left;
	}

.news_header_yellow
	{
	background-color: #fef967;
	-moz-border-radius: 10px;
	border-radius: 10px 10px 0 0;
	text-align: center;
	padding: 3px 0 2px 0;
	color: #000;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
	clear: left;
	}

.news_header_blue
	{
	background-color: #cbe2fe;
	-moz-border-radius: 10px;
	border-radius: 10px 10px 0 0;
	text-align: center;
	padding: 3px 0 2px 0;
	color: #000;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px;
	clear: left;
	}

.right_col_article
	{
	margin: 0px 5px 5px 5px;
	font-size: 14px;
	line-height: 17px;
	padding: 5px 0 5px 0;
	font-size: 13px;
	display: block;
	}

.right_col_article h5
	{
	color: #c00;
	padding: 0;
	font-size: 15px;
	margin: 0 0 5px 0;
	font-weight: bold;
	line-spacing: 10px;
	}

.right_col_article a
	{
	font-weight: bold;
	}


.right_col_article img
	{
	width: 190px;
	height: auto;
	border: none;
	text-decoration: none;
	}

#randpicbox {
	width: 120px;
	height: 120px;
	margin: 20px 0 45px 0;
	display: block;
	}

.weather
	{
	text-align: center;
	padding: 5px 0 10px 0;
	}

.weather img
	{
	width: 200px;
    border:thin;
	}

.img_holder
	{
	text-align: center;
	margin: 30px 0 8px 0;
	}

#footer
	{
	position: absolute;
	left: 0;
	z-index: 1000;
	width: 100%;
	background: #000000;
	height: 30px;
	line-height: 30px;
	color: #f90;
	font-size: 12px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align: center;
	}

#footer_holder
	{
	position: relative;
	clear: left;
	height: 30px;
	}

.copyright
	{
	position: absolute;
	z-index: 5000;
	width: 180px;
	height: 20px;
	margin: 10px 0 0 40px;
	font-size: 9px;
	padding: 0;
	text-align: left;
	font-family: arial, sans-serif;
	color: #c00;
	left: 0;
	}

em:before
	{
	content: "© ";
	font-weight: normal;
	}

#footer a
	{
	color: #fff;
	}

#footer a:hover
	{
	color: #f00;
	}