/*
STYLE SHEET FOR MANX-PLOUGHING.NET
Created by Gordon Kennaugh 15 June 2006
www.manx-ploughing.net

Table of contents
	1. defaults
	2. structure
	3. links and navigation
	4. images
	6. hacks
	7. tables
Notes	
*/

/*------------ 1. defaults -----------*/

*{
	margin: 0;
	padding: 0;
}
s{
	padding-right: 30px;
}

body{
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
		voice-family: "\"}\"";
		voice-family:inherit;
	font: small Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../assets/bg_grad.jpg);
}

/*------------ 2. structure -----------*/

#wrapper{
	width: 730px;
	margin: 5px auto;
	border: solid 8px #fff;
	background-color: #ffffff;
	font-size: 95%;	
}

#navbar{
	background-color: #020f70;
	padding: 8px 0px 8px 0px;
}

#leftcol{
	float: left;
	margin-top: 8px;
	width: 165px;
}
#mainContent{
	background-color: #fff;
}
#mainContentCentre{
	float: left;
	width: 360px;
	margin: 8px 0px 0px 8px;
	color: #020f70;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 360px;
}
#mainContentCentreNew {
	float: left;
	width: 545px;
	margin: 8px 0px 0px 8px;
	color: #020f70;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 545px;
}

.separator{
	clear: both;
	height: 4px;
	background-color: #ffffff;
	font-size: 0.1em;
	line-height: 0px;
	}
#mainContentBottom{
}
#rightcol{
	width: 185px;
	float: left;
	margin-top: 5px;
	padding-left: 6px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 179px
}
#boxOut1{
}
#footer{
	width: 720px;
	border-top: 3px solid #a2c3db;
	border-bottom: 3px solid #a2c3db;
	background-color: #a2c3db;
	height: 40px;
	}
#footerLeft{
	float: left;
	}
#footerRight{
	float: right;
	padding: 4px 10px 0px 0px;
	}
#head{
	float: right;
	margin: -120px 10px 0px 0px;
	font-size: 80%;
	color: #020f70;
	font-weight: bold;
}
#advert{
	padding: 30px 0px 10px 8px;
	background-color: #fa9900;
	margin-top: 8px;
}

/*------------ 3. links and navigation -----------*/

a{
}
a:visited{
}
a:hover{
}
a:active{
}
#pullnav{
}
#navbar a{
	color: #ffffff;
	text-decoration: none;
}
#navbar a:hover{
	text-decoration: underline;
	color: #FF0000;
}
#footerRight a{
	color: #020f70;
	text-decoration: none;
	font-weight: bold;
	font-size: 95%;
}
#footerRight a:hover{
	color: #ff0000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 95%;
}
#rightcol a, #rightcol li{
	color: #020f70;
	text-decoration: none;
	font-weight: bold;
	font-size: 85%;
}
#rightcol a:hover{
	color: #ff0000;
	text-decoration: underline;
	font-weight: bold;
	font-size: 85%;
}
#advert a{
	color: #fff;
}

/*------------ 4. fonts -----------*/

h1, h2, h3, h4, h5, p, ul{
}
#leftcol h1{
	font-size: 95%;
}
#mainContentCentreNew h1 {
	font-size: 140%;
	color: #020f70;
	font-weight: bold;
	padding-bottom: 8px;
}
#mainContentCentre h1 {
	font-size: 140%;
	color: #020f70;
	font-weight: bold;
	padding-bottom: 8px;
}
#rightcol h2{
	font-size: 105%;
	color: #fff;
	margin: 2px 0px 4px 0px;
	background-color: #020f70;
	width:100%;
	
}
.newsStory h2{
	font-size: 100%;
	color: #020f70;
	margin: 2px 0px 4px 0px;
}
h3{ font-size: 80%;
}
h4{
}
h5{ font-size: 80%;
}
p{
}
#navbar ul{
	list-style: none;
	color: #ffffff;
	font-size: 100%;
	padding-left: 50px;
	font-weight: bold;
}
#navbar li{
	display: inline;
	margin-right: 20px;
}
#lang li{
	display: inline;
	padding-left: 4px;
}
#mainContentCentre li{
	list-style: none;
	padding: 4px 0px 0px 10px;
	font-size: 95%;
	color: #000;
}
#travel ul, #programme ul{
	margin-bottom: 30px;
}
#rightcol ul{
	list-style: none;
	}
#rightcol li{
	list-style: none;
	padding-bottom: 10px;
	}
#programme li, #travel li{
	font-weight: bold;
	color: #020f70;
}
#programme li li, #travel li li{
	color: #000000;
}
#rightcol p{
	margin: -30px 0px 0px 60px;
	padding-bottom: 5px;
	}
hr{
	color: #020f70;
	height: 2px;
	margin: 8px 0px 2px 0px;
	}
.red{
	color: #ff0000;
	font-size: 95%;
}

#leftcol p{
	font-size: 90%;
	padding:3px 0px 3px 0px;
}
.newsStory{
	font-size: 90%;
	padding:3px 0px 11px 0px;
	border-bottom: solid 2px #020f70;
}
.newsStory p{
	padding-top: 4px;
	}
.caption{
	background-color: #f0f0f0;
	font-size: 90%;
	padding: 2px 0px 2px 0px;
}
caption{
	font-size: 105%;
	font-weight: bold;
	}

/*------------ 5. images -----------*/
a img{
	border: 0;
}
#rightcol a img {
	margin-top: 8px;
	border: 1px solid #000;
}
#travel a img{
	padding: 0px 10px 0px 0px;
	}	

/*------------ 6. hacks -----------*/

/*IE 5 centreing bug fix*/
body{
	text-align:: center;
	}
#wrapper{
	text-align: left;
	}

/*-----------7. tables ------------*/

table{
	margin-bottom:8px;
}
.centre{
	padding-left: 40px;
}
td, th{
	padding: 2px 2px 2px 3px;
}
caption{
	font-size: 110%;
	text-transform: uppercase;
	margin: 0px 0px 3px 0px;
}
.left{
	float: left;
	padding-right: 4px;
	border: 0px;
}