/*
Project Title:	Overton Grange Hotel 
Description:	Dynamic CMS Website
Author:			Visualcode Limited
Date:			12.04.06
Version:		2.0
*/

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#515151;
	font-size:0.8em;
	margin:0;
	padding:0;
	background:#766F56;
	text-align:center;	}

html,body{
      margin:0;
      padding:0;
      height:100%;
   }

/* ::: Generic Style Content ::: */

table,
input,  
select, 
textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#333;
	font-size:0.8em;
	}

div {
	margin:0;
	padding:0;
	}
	
a:link {
	color: #851818;
	font-weight: normal;
	text-decoration: none;
}

a:visited {
	color: #851818;
	font-weight: normal;
	text-decoration: none;
}

a:active {
	color: #0A0E3E;
	font-weight: normal;
	text-decoration: none;
}

 a:hover {
	color: #49422A;
	font-weight: normal;
	text-decoration: none;
}
	
h1 {
	font-family: Georgia,serif;
	font-size: 1.7em;
	color: #49422A;
	font-weight:normal;
	}

h2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;;
	font-size: 1.2em;
	color: #9B9376;
	font-weight: normal;
	display:inline;
}

h3,h4,h5,h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.1em;
	color: #9B9376;
	font-weight: normal;
	display:inline;
}

small {
	
	}

img {
	border:0;
	}

hr {
	border:0;
	border-top:#C0C0A2 solid 1px;
	background:#FFF;
	height:1px;
	clear:both;
	}

/* ::: Specific 3 Row Layout Elements ::: */

#headDiv	{
	padding:0;
	margin:0;
	height:134px;
	background:#766F56;
	}

#pictureDiv {
	padding:0;
	margin:0;
	height:205px;
	background:#766F56;
	text-align:center;
	clear:left;
	padding-top:10px;
	border-top:#2E2A19 solid 1px;
	}

#mainDiv {
	padding:0;
	margin:0;
	margin-top:12px;
	background:#766F56;
	padding-top:0px;
	padding-bottom:0px;
	
	}

#footerDiv {
	padding:0;
	width:750px;
	margin:0 auto;
	margin-top:10px;
	color:#FFF;
	text-align:left;
	}
	
/* ::: Specific top Elements ::: */

#dateContainer {
	height:20px;
	background:url(img/date.gif) repeat-x;
	border-bottom:#FFF solid 1px;
	padding-top:2px;
	}

#date {
	color:#FFF;
	font-family: Georgia,serif;
    font-style: normal;
    font-weight: normal;
    font-size: 1em;
    line-height: normal;
    width:750px;
    text-align:right;
    margin:0 auto;
	}

#logoContainer {
	height:105px;
	border-bottom:#2E2A19 solid 1px;
	text-align:center;
	}

#logoContainer img{
	border:0;
	}

/* ::: Navigation ::: */
#firstNav {
	background:url(img/navBack.gif) repeat-x;
	height:29px;
	position:relative;
	}

#NavContainer {
	width:750px;
	margin:0 auto;
	position:relative;
	height:29px;
	}

#NavContainer img {
	border:0;
	}

#NavContainer ul {
	margin:0;
	padding:0;
	position:relative;
	
	}

#NavContainer ul li{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	margin-left:7px;
	display:block;
	}

#NavContainer ul li.noMargin{
	margin-left:0;
	}
 
#NavContainer li  ul {
	display: none;
 	position: absolute;
	top: 29px;
	left:0;
	z-index:2;
	}

#NavContainer li:hover ul,
#NavContainer li.mshover ul{ 
	display: block; 
	margin:0;
	padding:0;
	background:transparent url(img/drop.png) repeat;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	width:200px;
	border-top:#8F8F8F solid 1px;
	border-right:#8F8F8F solid 1px;
	border-left:#8F8F8F solid 1px;
	list-style:none;
	text-align:left;
	}

#NavContainer li ul li {
	margin:0;
	padding:0;
	display:block !important;
	border-top:#FFF solid 1px;
	border-bottom:#8F8F8F solid 1px;
	width:200px
	}

#NavContainer li ul li a{
	display:block;
	padding:2px 5px;
	color:#650909;
	}

#NavContainer li ul li a:hover{
	background:url(img/date.gif) repeat-x;
	color:#FFF;
	}

/* ::: Specific picture Elements ::: */



#pictureContainer{
	width:750px;
	margin:0 auto;
	padding:0;
	border:#9B9376 solid 5px;
	text-align:center;
	height:204px;
	background:#ACA486;
	}

.container {
	background:#FFF;
	border:#6A0C0B solid 1px;
	width:437px;
	height:195px;
	padding:1px;
	margin-left:3px;
	margin-top:3px;
	float:left;
	}

.container2 {
	background:#FFF;
	border:#6A0C0B solid 1px;
	width:143px;
	height:94px;
	padding:1px;
	margin-left:3px;
	margin-top:3px;
	float:left;
	}

/* ::: Specific Body Elements ::: */

#Wrapper {
	background:#FFF;
	width:750px;
	margin:0 auto;
	border:#9B9376 solid 5px;
	background:#FFF url(img/bodyBack.gif) repeat-y;
	}

#Content {
	width:535px;
	float:left;
	text-align:left;
	padding:0px 10px;
	}

#Content h1 {
	padding-top:10px;
	}

#Content ul li {
	background:url(img/bullet.gif) no-repeat;
	background-position:top left;
	list-style:none;
	padding-left:25px;
	margin-top:5px;
	}

#clearMain {
	clear:both;
	background:#FFF url(img/bodyBack.gif) repeat-y;
	height:10px;
	}

/* ::: Side Navigation ::: */

#sideNavContainer {
	width:190px;
	padding-top:0px;
	float:right;
	text-align:left;
	margin-right:1px;
	color:#FFF;
	}

#sideNavContainer ul {
	margin:0;
	padding:0;
	border-top:#766F56 solid 1px;
	list-style:none;
	margin-top:10px;
	}

#sideNavContainer ul li {
	display:block;
	border-top:#FFF solid 1px;
	border-bottom:#766F56 solid 1px;
	}

#sideNavContainer ul li a{
	display:block;
	padding:2px 5px;
	color:#FFF;
	}

#sideNavContainer ul li a:hover{
	background:url(img/date.gif) repeat-x;
	color:#FFF;
	}

#search {
	border-top:#FFF solid 1px;
	}

#search form{
	margin:0;
	padding:0;
	}

#search label{
	font-weight:bold;
	font-size:80%;
	padding:5px;
	width:1px;
	}
	
#search input{
	margin-top:5px;
	}

#search input.search {
	border:1px solid #766F56;
	font-size:1em;
	width:115px;
	}

#search input.button {
	margin-left:5px;
	padding:1px 5px;
	border:1px solid #766F56;
	font-size:1em;
	background:url(img/date.gif) repeat-x;
	color:#FFF;
	font-size:90%;
	}

#address {
	padding:5px 10px 0px 5px;
	text-align:left;
	border-top:#FFF solid 1px;
	}

#design {
	float:right;
	text-align:right;
	width:49%;
	}

#design a {
	color:#FFF;
	}


/*Form Design and Elements*/

#Content form {
	margin:0;
	padding:0;
	background:#ACA486;
	padding:10px;
	color:#FFF;
	border:#9B9376 solid 2px;
	
	}

#Content form p {
	margin:0;
	padding:2px 0 2px 0 ;
	}

#Content form  label {
	float: left;
	margin:0;
	padding:2px 1px 0 1px;
	width: 10em;
	text-align: left;
	font-size:95%;
	font-weight:normal;
	}

#Content form input {
	margin:0;
	padding:2px 1px 0 1px;
	border:#CCC solid 1px;
	font-family: tahoma, arial, sans-serif;
	color:#333;
	}


#Content form select {
	margin:0;
	padding:2px 1px 0 1px;
	border:#CCC solid 1px;
	font-family: tahoma, arial, sans-serif;
	color:#333;
	}

#Content form textarea {
	margin:0;
	padding:2px 1px 0 1px;
	font-family: tahoma, arial, sans-serif;
	color:#333;
	border:#CCC solid 1px;
	width:25em;
	font-size:9pt;
	}	


#Content form input.button {
	border:1px solid #766F56;
	font-size:0.9em;
	background:url(img/date.gif) repeat-x;
	color:#FFF;
	font-weight:bold;
	padding:2px 10px;
	}