/***********************************************/
/* Bird In Hand Inn - Copyright 2008       */
/* Designed by McColm Graphics           */
/* www.mccolmgraphics.co.uk             */
/* email: info@mccolmgraphics.co.uk    */
/***********************************************/

body{
	margin: 0px 0px 0px 0px;
	font-family: verdana;
	font-size: 13px;
	background-color: #231a4f;
	color: #000000;  
}

a:link {
	color: #0066FF;
	text-decoration: none;
} 

a:visited {
	color: #0066FF;
	text-decoration: none;
}  

a:hover {
	color: #0066FF;
	text-decoration: none;
}  

a:active {
	color: #0066FF;
	text-decoration: none;
} 

h1{
	font-size: 15px;
} 

#main{
	width: 100%;
	height: 100%;
	background-color:  #987988;
}

/* changing background colour of this div will change the colour in the top left and right sections */
#top{
	margin: auto;
	height: 30px;
	background-color: #231a4f;
	border-bottom: 2px solid #FFFFFF;
}

#topnav{
	margin: auto;
	height: 30px;
	width: 960px;
	background-color: #392e7a;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	
}

#topnav li a:link, #topnav li a:visited, #topnav li a:hover, #topnav li a:active{
	color: #FFFFFF;
	text-decoration: none;
}  

/* changing background colour of this div will change the colour on the left and right hand side of the body below header and above footer */
#centre{
	background-color: #231a4f;	
}

/* changing background colour of this div will change the colour on the left and right hand side of the header */
#wraphead{
	margin: auto;
	background-color: #231a4f;
	border-bottom: 2px solid #FFFFFF;
} 

 
#header{
	margin: auto;
	width: 960px;
	height: 150px;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

#button{
       margin: auto;
       float: right;
       padding: 15px 30px 0px 0px;
}

/* logo area */
#headleft{
	margin: auto;
	float: left;
	width: 180px;
	height: 150px;
	border-right: 2px solid #FFFFFF;
	overflow: hidden;
}
 
/* right hand side of header can be used for header images */
#headright{
	margin: auto;
	float: right;
	width: 778px;
	height: 150px;
	overflow: hidden;
	background-image: url(../images/header.jpg);
}

#wrap{
	margin: auto;
	width: 964px;
	background-color: #392e7a;
}	  

#body{
	margin: auto;
	float: left;
	width: 960px;
	background-color: #392e7a;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
}

#navcont{
	margin: auto;
	float: left;
	width: 780px;
}

#navigation{
	margin: auto;
	float: left;
	width: 172px;
	padding: 30px 4px 10px 4px;
	color: #FFFFFF;
}

#navigation ul{
	list-style-type: none;
	width: 172px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

#navigation li{
	margin: 0px 0px 1px 0px;
	font-weight: bold;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	width: 162px;
	background-color: #392e7a;
	padding: 10px 5px 10px 5px;
}

#navigation li a:link, #navigation li a:visited, #navigation li a:hover, #navigation li a:active{
	color: #FFFFFF;
	text-decoration: none;
}  

#content{
	margin: auto;
	float: right;
	width: 584px;
	padding: 10px 8px 10px 8px;
	background-color: #FFFFFF;
}
 
/* photograph thumbnails for gallery */
#images{
	margin: auto;
	float: right;
	width: 170px;
	padding: 10px 5px 10px 5px;
} 

#bottom{
	clear: both;
	background-color: #231a4f;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;	
}


#footer{
	clear: both;
	margin: auto;
	height: 150px;
	width: 960px;
	background-color: #392e7a;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	color: #FFFFFF;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
	color: #FFFFFF;
	text-decoration: none;
}  
 
/* copyright information etc */
#footleft{
	margin: auto;
	float: left;
	width: 684px;
	padding: 25px 8px 10px 8px;
	overflow: hidden;
}
 
/* right hand side of footer to be used for buccaneer logo */
#footright{
	margin: auto;
	float: right;
	height: 150px;
	width: 180px;
	border-left: 2px solid #FFFFFF;
	overflow: hidden;
}