body {
	padding:0;
	margin-top:10px;
	font-size:76%;
	font-family : Arial, sans-serif;
 	background-image : url(images/back.jpg);
	background-color:#1EA9E2;
 	background-repeat : no-repeat;
	background-position: top center;
	background-attachment:fixed;
	color:#58585A;
}
h1, h2, h3, h4{
	margin-top:5px;
	padding:0px 10px 10px 35px;
	color:#1EA9E2;
 	background-image : url(images/runner.gif);
 	background-repeat : no-repeat;
	font-size:1.5em;
}
h1 a, h2 a, h3 a, h4 a{
	text-decoration:none;
}
.main{
	font-weight:normal;
	font-size:1.0em;
	color:#58585A;
 	background-image :none
}
.bland{
	margin-top:5px;
	padding:0px 0px 10px 10px;
	font-size:1.5em;
 	background-image : none;
}
.subsub{
	color:#666666;
 	background-image : none;
	padding:0px 0px 10px 10px;
}
.special{
	text-decoration:underline;
	font-size:1.3em;
	color:#666666;
 	background-image :none;
	padding-left:30px;
	margin-bottom:0;
	padding-bottom:0;
}
.tile{
	color:#666666;
}
p{
	font-size:1.2em;
	/* top, right, bottom, left*/
	margin:10px 10px 20px 30px;
}
a{

	color:#58585A;	
}
ul{
	padding-left:50px;
	
}
li{
	font-size:1.2em;
	line-height:1.5em;
}
/*Form styles*/
input, textarea{
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	margin:5px 0px 5px 0px;
}
#name, #email{
	width:130px;
}
textarea{
	width:170px;
	height:70px;
}
form img{
	border: 1px solid #999999;
}
#button{
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	border:1px solid #1EA9E2;
	background-color:white;
	font-family : Arial, sans-serif;
	font-size:1.2em;
	color:#1EA9E2;
	font-weight:bold;
	margin:5px 0px 0px 130px;
}
/*End of form styles*/

.container{
	width:960px;
	padding:0px;
	background-color:white;
	padding:10px 0px; 10px 0px;
}
.headercontainer{
	width:938px;
}
.header{
	width:100%;
}
.header td{
	font-size:1.6em;
	text-align:centre;	
}
.nav{
	width:938px;
	margin-top:10px;
}
.nav td{
	text-align:left;
}

/*Menu buttons*/
/*.sidenav p instead of a to stop wrapping text corrupting the border*/
.nav a, .sidenav p{
	text-decoration:none;
	border: 1px solid #999999;
	padding:2px 5px 2px 5px;
	margin-right:10px;
	font-weight:bold;
	color:#58585A;
}
.nav a{
	font-size:1.2em;
}
.sidenav a{
	text-decoration:none;
}
.nav a:hover, .sidenav a:hover{
	color:#1EA9E2
}
/*End of menu buttons*/

/*Static Buttons*/
.more a{
	text-decoration:none;
	border: 1px solid #1EA9E2;
	padding:2px 5px 2px 5px;
	margin-right:10px;
	font-weight:bold;
	color:#1EA9E2;
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.more{
	text-align:right;
}
/*End of Static buttons*/

.pic{
	margin-top:10px;
}
.content{
	width:948px;
	margin-top:10px;
}
.threequarters{
	padding:0px 6px 0px 6px;
}
.sidenav, .rightcol{
	width:237px;
}
.sidenav p{
	margin-left:0px;	
}
.tiles{
	margin-top:10px;
	width:948px;
}
.quarter{
	width:237px;
}
.footer{
	font-size:0.9em;
	text-align:center;
	width:938px;
	margin-top:10px;
}
.footer p{
	margin:5px 0px 5px 0px;
}
.legal{
	font-size:0.9em;
	width:938px;
	margin-top:10px;
}
/* box corners*/
/*http://www.webreference.com/programming/css_borders/2.html*/

/*box1 is for boxes where dynamic height is set in jscript*/
/*box2 is specific to small tile boxes, manual height is set in html per page*/

.box1, .box2, .box3{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.box1 .boxcontent, .box2 .boxcontent, .box3 .boxcontent{
	padding:4px 0px 4px 10px;
  	border-left:1px solid #999999; 
  	border-right:1px solid #999999;

}
.box1 .b1, .box1 .b2, .box1 .b3, .box1 .b4, .box2 .b1, .box2 .b2, .box2 .b3, .box2 .b4, .box3 .b1, .box3 .b2, .box3 .b3, .box3 .b4{
  	display:block; 
  	overflow:hidden;
  	font-size:1px;
}
.box1 .b1, .box1 .b2, .box1 .b3, .box2 .b1, .box2 .b2, .box2 .b3, .box3 .b1, .box3 .b2, .box3 .b3{
  	height:1px;
}
.box1 .b1, .box2 .b1, .box3 .b1 {
  	margin:0 5px; 
  	background:#999999;
}
.box1 .b2, .box2 .b2, .box3 .b2 {
  	border-left:1px solid #999999; 
  	border-right:1px solid #999999;
  	margin:0 3px; 
  	border-width:0 2px;
}
.box1 .b3, .box2 .b3, .box3 .b3 {
  	border-left:1px solid #999999; 
  	border-right:1px solid #999999;
  	margin:0 2px;
}
.box1 .b4, .box2 .b4, .box3 .b4 {
  border-left:1px solid #999999; 
  border-right:1px solid #999999;
  height:2px; 
  margin:0 1px;
}
/*End of box corners*/

.box2, .sidenav .box3, .rightcol .box3{
	width:226px;
}