/* CSS Document */
/*------------------------------------------------------------------
resets
*/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, form, a, fieldset, th, td{
	border: 0;
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	outline: none;
	padding: 0;
	vertical-align: baseline;
	font-family: Helvetica;
}
body{line-height: 1;}
/*------------------------------------------------------------------
misc
*/
.hide{display: none;}
.cb{clear: both;}
.cl{clear: left;}
.cr{clear: right;}

/*------------------------------------------------------------------
header
------------------------------------------------------------------*/
body{font-family: Helvetica;text-align: center;list-style: none; overflow: scroll;}
ul{list-style: none;}

a:link {color: #000000; text-decoration: underline; }
a:visited {color: #000000; text-decoration: underline; }
a:hover {
	color: #000000;
	text-decoration: underline;
	font-family: Helvetica;
}

html,body{
	background-color: #FFFFFF;
	text-align: center;
	line-height: 1.2;
	font-family: Helvetica;
}
	
/*------------------------------------------------------------------
Container
------------------------------------------------------------------*/
div#headercontainer{
	text-align: center;
	width: 715px;
	height: 235px;
	margin-left: auto;
	margin-right: auto;}

div#logo{
	float:left;
	text-align: center;
	width: 274px;
	height: 229px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../images/shiptonmainlogo.jpg');
	background-repeat: no-repeat;
	font-family: Helvetica;
}

div#name{
	float:right;
	text-align: center;
	margin-top: 38px;
	width: 441px;
	height: 98px;
	background-image: url('../images/shiptonwords.gif');
	background-repeat: no-repeat;
	font-family: Helvetica;
}

div#menu{
	float:right;
	text-align: left;
	margin-left: -2px;
	margin-top: 8px;
	height: 43px;
	width: 441px;
	background-color:#00aeef;}
	
    #menu li {float:left; list-style:none;}
    #menu li a {margin: -9px 20px 0px 5px; padding: 0px 0px 0px 0px; display:block;font-family:"helvetica";font-weight:bold;font-size:110%;color:white;text-decoration: none;}
    #menu li a.one:hover {color:#000000;}
    #menu li a.two:hover {color:#000000;}
	#menu li a.three:hover {color:#000000;}
	#menu li a.four:hover {color:#000000;}


    .cl { display:block;  width:100%; clear:both;}

div#stripe{float:left; margin-top: 20px; margin-left: auto; margin-right: auto;width: 715px;
	height: 25px;}

div#bottommenu {	
	float:left;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	padding: 0px 0px 0px 0px;
	height: 40px;
	width: 715px;}
	
    #bottommenu li {float:left;list-style:none;}
    #bottommenu li a {margin: -10px 20px 0px 0px; padding: 0px 30px 0px 30px; display:block;font-family:"helvetica";font-size:80%;font-weight:bold;color:black;text-decoration: none;}
    #bottommenu li a.one:hover {color:#00aeef;}
    #bottommenu li a.two:hover {color:#00aeef;}
	#bottommenu li a.three:hover {color:#00aeef;}
	#bottommenu li a.four:hover {color:#00aeef;}
	#bottommenu li a.five:hover {color:#00aeef;}

	
div#bodycontainer{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 715px;
	color: #000000;
	font-family: Helvetica;
}



div#bodytext{
	float:left;
	margin-left: 25px;
	margin-top: 15px;
	width: 425px;
	text-align: left;
	height: 550px;
	font-family: Helvetica;
}

div#programme{float:left;margin-left: 80px;margin-top: 15px;width: 550px;text-align: left;}
div#pics{float: left;width: 222px; height: 400px;;margin-top: 15px;margin-left: 25px;}
div#bodytextwide{padding-left: 90px; text-align: left;}
div#bodytextwide2{text-align: left;}


h1 {font-weight: bold; font-size:130%;}
#linkspage {font-weight: bold; font-size:75%;}
#contactpage {font-weight: bold; font-size:100%;}