@charset "UTF-8";
/* CSS Document */

/* Universal and Generic styling */

*
	{
	padding: 0px ;
	margin: 0px ;
	}

body	
	{
	background-color: #DCCFCF ;
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	background-image: url('http://www.jedzdesigns.co.uk/coastal_forces/images/background.gif') ;
	background-repeat: repeat-x ;
    	}

/* Layout */

#container
	{
	display: block ;
	position: relative ;
	height: auto ;
	width: 980px ;
	margin: 0px auto ;
	min-width: 980px ;
	background-color:#FFFFFF;
	}

#logo
	{
	display: block ;
	position: relative ;	
	width: 980px ;
	min-width: 980px ;
	height: 200px ;
	background-color: #7A7474 ;
	text-align: center ;
	border-bottom: 2px solid #ed001d ;
	}

#navigation
	{
	width: 980px ;
	min-width: 980px ;
	border-bottom: 2px solid #ed001d ;
	font-size: 12px ;
	padding: 5px 0px 5px 0px ;
	float: left ;
	background-color: #4e4f73 ;
	}

#welcome
	{
	display: block ;
	position: relative ;
	width: 980px ;
	min-width: 980px ;
	height: 40px ;
	float: left ;
	}

#content_homepage
	{
	display: block ;
	position: relative ;
	width: 700px ;
	min-width: 700px ;
	min-height: 500px ;
	float: left ;
	padding: 10px ;
	height: 600px ;
	background-image: url(http://www.jedzdesigns.co.uk/coastal_forces/images/logo_background_home.gif) ;
	background-color: #FFFFFF ;
	background-repeat: no-repeat ;
	background-position: top center ;
	}

#content_others
	{
	display: block ;
	position: relative ;
	width: 860px ;
	min-width: 800px ;
	min-height: 500px ;
	float: left ;
	padding: 10px ;
	height: auto ;
	background-image: url(http://www.jedzdesigns.co.uk/coastal_forces/images/logo_background_other.gif) ;
	background-color: #FFFFFF ;
	background-repeat: no-repeat ;
	background-position: top center ;
	}

#content_boats
	{
	display: block ;
	position: relative ;
	width: 680px ;
	min-width: 680px ;
	min-height: 500px ;
	float: left ;
	padding: 10px ;
	height: auto ;
	background-image: url(http://www.jedzdesigns.co.uk/coastal_forces/images/logo_background_home.gif) ;
	background-color: #FFFFFF ;
	background-repeat: no-repeat ;
	background-position: top center ;
	}

#boats_right
	{
	display: block ;
	position: relative ;
	width: 260px ;
	min-width: 260px ;
	float: right ;
	}

.news_item
	{
	display: block ;
	position: relative ;
	width: 200px ;
	min-width: 200px ;
	float: right ;
	padding-bottom: 10px ;
	}

#main_text
	{
	width: 100% ;
	text-align: justify ;
	padding: 0px 0px 5px 10px ;
	float: left ;
	}

#copywrite
	{
	display: block ;
	position : relative ;
	width: 970px ;
	min-width: 970px ;
	height: 70px ;
	clear: both ;
	padding: 5px 5px ;
	font-size: 10px ;
	line-height: 12px ;
	color: #FFFFFF ;
	border-top: 2px solid #ed001d ;
	background-color: #7A7474 ;
	}

.links
	{
	width: 210px ;
	min-width: 210px ;
	float: left ;
	display: inline ;
	text-align: center ;
	height: 185px ;
	}


/* Navigation */

.topnav
	{
	margin: 0px ;
	padding: 0px 5px ;
	font-weight: normal ;
	font-style: normal ;
	font-variant: normal ;
	font-size: 12px ;
	float: left ;
	}

.topnav li
	{
	display: inline ;
	}

.topnav li a:link, .topnav li a:visited, .topnav a:active
	{
	color: #FFFFFF ;
	text-decoration: none ;
	background-color: #4E4F73 ;
	padding: 4px 3px 5px 3px;
	}

.topnav li a:hover
	{
	color: #FFFFFF ;
	background-color: #ED001D ;
	padding: 4px 3px 5px 3px;
	}

.topnav li a.chosen, .topnav li a.chosen:visited, .topnav li a:focus
	{
	color: #8F8784;
	background-color: #ED001D ;
	}

.topnav_contact
	{
	float: right ;
	font-weight: normal ;
	font-style: normal ;
	font-variant: normal ;
	font-size: 12px ;
	padding: 0px 5px 0px 0px ;
	}

.topnav_contact li
	{
	display: inline ;
	padding: 0px 3px ;
	}

.topnav_contact li a, .topnav_contact li a:visited, .topnav_contact a:active
	{
	color: #FFFFFF ;
	text-decoration: none ;
	background-color: #4E4F73 ;
	padding: 4px 3px 5px 3px;
	}
	
.topnav_contact li a:hover
	{
	color: #FFFFFF ;
	background-color: #ED001D ;
	}
	
.topnav_contact li a.chosen, .topnav_contact li a.chosen:visited, .topnav_contact li a:focus
	{
	color: #8F8784;
	background-color: #ED001D ;
	padding: 4px 3px 5px 3px;
	}

 /* News Items */

.news_header
	{
	border-bottom: 1px solid #ed001d ;
	margin-right: 10px ;
	}

.news_header h2	
	{
	font-size: 18px ;
	font-weight: normal ;
	color: #7A7474 ;
	padding-bottom: 5px ;
	}

a:link.news, a:visited.news, a:active.news
	{
	text-decoration: none ;
	color: #4E4F73 ;
	font-size: 12px ;
	line-height: 16px ;
	text-decoration: underline ;
	padding-left: 5px ;
	}
	
a:hover.news
	{ 
	color: #ED001D ;
	font-size: 12px ;
	line-height: 16px ;
	text-decoration: none ;
	}

.news_content
	{
	font-size: 14px ;
	line-height: 16px ;
	color: #8F8784 ;
	vertical-align: top ;
	padding: 5px 0px 0px 0px ;
	margin-right: 10px ;	
	}
	
.news_content img
	{

	float: left ;
	vertical-align: top ;
	padding: 0px 5px 0px 0px ;
	}

/* Styling */

h1	
	{
	font-size: 24px ;
	font-weight: normal ;
	color: #8F8784 ;
	padding: 15px 0px 5px 5px ;
	}

h2	
	{
	font-size: 18px ;
	font-weight: normal ;
	color: #8F8784 ;
	padding: 10px 0px 5px 2px ;
	}

h4
	{
	font-size: 11px ;
	font-weight: bold ;
	line-height: 13px ;
	}

p, li
	{
	font-size: 12px ;
	line-height: 16px ;
	color: #000000 ;
	padding: 0px 0px 7px 5px ;
	}

li
	{
	list-style-type: none ;
	}

p.footer
	{
	font-size: 10px ;
	line-height: 12px ;
	color: #FFFFFF ;
	padding: 0px 0px 5px 3px ;
	}

ul
	{
	padding-left: 30px ;
	}

.img_main
	{
	float: left ;
	padding: 5px 10px 10px 0px ;
	}

.img_right
	{
	float: right ;
	padding: 5px 10px 10px 10px ;
	}
	
.img_boats
	{
	float: left ;
	padding: 65px 10px 10px 0px ;
	}

table
	{
	font-size: 12px ;
	line-height: 16px ;
	}

td
	{
	padding: 5px 10px 5px 5px ;
	text-align: left ;
	vertical-align: top ;
	}