/* structure */
body
{
  background: #EEEEEE url(images/sand_background.jpg) repeat-y 50% 0;
  margin:0;
  padding:0;
  color:#6666CC;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}
div.clear
{ 
  clear: both;
}

#page{
  width:777px;
  margin-left:auto;
  margin-right:auto;
background:#FFFFFF url(images/header.jpg) no-repeat;
}
#main
{
  width:776px;
  
}
#content
{
  width:auto;
  padding:10px 20px 0 30px;
	font-size: 75%;
  line-height: 150%;
  color: #333399;
}
#header
{
  width:100%;
  height:0px;
  clear:both;
}
#centre
{
  text-align:center;
}

#page
{
  text-align:left;
}
#footer
{
  padding: 3px;
  color:#6666CC;
  border-top: 1px solid #EEEEEE;
  text-align: center;
  margin:10px 15px;
  clear: both;
}

#breadcrumbs
{
  color: #CCCCCC;
  padding: 0;
  padding:0 0 10px 0;
  /*margin:0 0 5px 0;*/
  font-weight:bold;
}

#breadcrumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#breadcrumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}
#top{
  float: left;
  margin-top: 10px;
}
#topL{
  float: left;
  width: 150px;
  }
#topC{
  float: left;
  }
#topR{
  float: left;
  }
#map {
	clear:both;
	width: 700px;
	height: 350px;
	align: center;
	border: 1px solid #666666;
	margin: auto;
}

#mapBox{
	float: left;
	clear: both;
	width: 750px;
}
#townMap{
	float: left;
	width: 540px;
	height: 400px;
	border: 1px solid #666666;
}
#side_bar{
	float: right; 
	width: 175px;
} 
#side_bar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#side_bar li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.photo {
  border:1px solid #666666;
  margin: 0 3px 3px 3px;
  background-color: #eee;
  float: right;
  font-size: 60%;
  text-align: center;
}
.left{
  float: left;
}
.mid{
  float: left;
  margin-left: 20px;
}
.right{
  float: left;
  margin-left: 20px;
}
.paraR{
  float: left;
  width: 450px;
}
/* Base Styles */
a
{
  /*display: inline;*/
  color: #6666FF;
  text-decoration: none;
}
a:hover
{
  /*display: inline;*/
  color: #FF9900;
  text-decoration: underline;
}
img
{
  border:0;
}
td {
	vertical-align: top;
	padding-top: 0;
	}
/* Main Header */
#header h1
{
  font-size: 150%;
  margin:0;
}
#header h1 img
{
  position:absolute;
  clear:left;
}

/* Content */

#content p, p
{
  color: #333399;
  font-family: Arial, Helvetica, sans-serif;
  margin-top:8px;
  position:relative;

}
#info {
	clear: both;
	padding: 2px 5px;
}
h1
{
  color:#FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px 0 100px 0px;
	z-index: 3;
  font-weight: normal;
  letter-spacing: 2px;
}
h2
{
  font-size: 120%;
  color:#666;
  font-family: Arial, Helvetica, sans-serif;
	z-index: 4;
}
h3
{
  color:#999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
}

/* Columns */
#list{
  clear: both;
  margin: 0 auto;
  }

#list ul {
	padding-left: 10px;
	width: auto;
	list-style-type: circle;
	float: left;
	width: 27%;
}

li{
	list-style-type: circle;
}
.map {
	border: 1px solid #666666;
}
#weatherBox{
	width:470px; 
	float: left;
	margin-left: 120px;
	padding: 8px 0;
	border: 1px solid #6666CC;
}