/* Basics */
html {margin: 0; padding: 0;}
body {background-color: #cfdae1; padding: 0; margin: 0; font-size:0.8em; font-family:verdana, arial, helvetica, courier; }

/* Styles */
h1, h2, h3 { color: #f0b43d; font-family: verdana; margin: 0; padding: 0}
h1 { font-size: 125%; margin: 30px 0 0 0;}
h2 { font-size: 115% }
h3 { font-size: 100% }
input { width:300px; margin-top:3px; }
textarea { width:300px; height:75px; margin-top:3px; }

p { color: inherit; line-height: 130%; margin: 0 0 15px 0; padding: 0}

a:link { color:#808080; text-decoration: underline;}
a:active { color: #808080; text-decoration: underline;}
a:visited { color: #808080; text-decoration: underline;}
a:hover { color: white; text-decoration: underline;}

.white_link:link { color:white; text-decoration: none;}
.white_link:active { color: white; text-decoration: none;}
.white_link:visited { color: white; text-decoration: none;}
.white_link:hover { color: white; text-decoration: underline;}

.footer_link:link { color: #808080; text-decoration: none;}
.footer_link:active { color: #808080; text-decoration: none;}
.footer_link:visited { color: #808080; text-decoration: none;}
.footer_link:hover { color: #808080; text-decoration: underline;}

/* Layout */
#head { 
	width: 781px; 
	height: 375px;
	padding: 0; 
	margin: 0 auto auto auto;
	}
	
.menu {
	float: left; 
	display: inline;
	margin: 277px auto auto 60px;
	color: #304b47;
	}
.menu ul { padding:3px 0px 3px 0px; margin:0px; list-style-type:none; }
.menu li { display:inline; padding:0px 20px 0px 0px; }
.menu_link:link { color:#627B7E; text-transform:uppercase; font-weight:bold; text-decoration:none; font-size:80%; }
.menu_link:visited { color:#627B7E; text-transform:uppercase; font-weight:bold; text-decoration:none; font-size:80%; }
.menu_link:hover { color:#627B7E; text-transform:uppercase; font-weight:bold; text-decoration:underline; font-size:80%; }

.panel { width:200px; margin-right:40px; margin-top:30px; float:right; background-color:#304B47; }
.panel_top { height:20px; background-image:url(http://www.beadnellcottages.co.uk/files/panel_top.gif); background-repeat:no-repeat; }
.panel_main { background-image:url(http://www.beadnellcottages.co.uk/files/panel_main.gif); }
.panel_bottom { height:20px; background-image:url(http://www.beadnellcottages.co.uk/files/panel_bottom.gif); background-repeat:no-repeat; }
.panel_main ul { padding:0px; margin:0px; list-style-type:none; }
.panel_main li { border-top:1px solid #304B47; padding:5px 20px 5px 20px; }
.panel_main li.first { color:white; border-top:none; padding:5px 20px 5px 20px; }
.panel_link:link { color:white; text-decoration:none; font-size:100%; }
.panel_link:visited { color:white; text-decoration:none; font-size:100%; }
.panel_link:hover { color:white; text-decoration:underline; font-size:100%; }

#page {
	width: 781px; 
	height: inherit;
	padding: 0; 
	margin: 0 auto auto auto;
	background: #304b47 url(http://www.beadnellcottages.co.uk/files/bodybgd.gif) repeat-y;
	overflow:auto;
	}
	
#c-left {
	float: left; 
	display: inline;
	width: 400px; 
	padding: 0; 
	margin: 20px auto 40px 60px;
	color: #FFFFFF;
	}
	
#c-right {
	float: right; 
	display: inline;
	width: 200px; 
	padding: 0; 
	margin: 20px 60px 40px auto;
	color: #6e8e8b;
	}

#foot {
	width: 781px; 
	height: 70px;
	padding: 0; 
	text-align: center;
	margin: 0 auto auto auto;
	line-height: 45px;
	background: #304b47 url(http://www.beadnellcottages.co.uk/files/footbgd.gif) repeat-y;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana;
	overflow: hidden;
	}