/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 Tahoma, Verdana, sans-serif;
  background-color:#FAF2E1;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 1.6em;
  font-weight: normal;
}

h3 {
	font-size: 1.5em;
	font-weight: bold;
}

p, li {
  font-size: 1.2em;
}

h1, h2, p {
  margin: 1em 0;
}

#branding h1 {
  margin: 0;
  text-indent: -5000px;
  background: #fff url(/images/logo.gif) no-repeat top left;
  height: 137px;
}

#wrapper {
  background-color: #fff;
}

#branding {
  height: 411px;
  background-color:#fff;
}

#address {
	width: 200px;
	float: right;
	text-align: right;
	font-size: 0.9em;
	margin-top: -120px;
	margin-right: 10px;
}

#flash-holder {
	background: #fff url(/images/flash-background.jpg) no-repeat top left;
	height: 221px;
}

#topnav {
	height: 40px;
	border-bottom: 1px dotted #99854B;
	line-height: 40px;
	text-align: center;
}

#topnav ul {
	list-style: none;
	font-size: 0.9em;
}
#topnav li {
	position:relative;
	display: inline;
	margin-right: 35px;
}
#topnav li a { 
	color: #000;
	text-decoration: none;
}
#topnav li a:hover {
	color: #ff0000;
	text-decoration: underline;
}









#topnav ul ul {
	list-style: none;
	font-size: 0.8em;
}
#topnav li li {
	position:none;
	display: block;
	margin-right:0;
}
#topnav li li a { 
	color: #000000;
	text-decoration: none;
}
#topnav li a:hover {
	color: #888888;
	text-decoration: underline;
}






#nav ul ul li#current a	{font-weight:normal; color:#FFFFFF !important;}

#nav ul ul a 			{display:block; color:#FFFFFF; text-decoration:none !important;}

#nav ul ul li			{display:block; text-align:left; margin:0 !important;}

#nav ul ul a:hover, #nav ul li#current ul a:hover  {color:#AAAAAA;}

#nav li ul 			{position: absolute; left: -999em; height:auto; margin: 0em; padding: 0px 5px 0px 5px; z-index:10000;}

#nav li ul a 			{margin:1; width:100%; padding:0; border:0; margin:0 !important;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul  {position: absolute; width:100px; left:0; top:13px; background-color:#CCCCCC;}








#mainNav {
  list-style: none;
  background-color:#F2F0E9;
  border: 1px solid #D2C8AA;
  margin-right: 10px;
}

#footer {
  background-color:#FFFFFF !important; overflow:auto;
  padding: 1px 20px;
  border-top: 1px dotted #99854B;
  text-align: right;
}

#footer p {
	float:left;
	text-align:left;
	width:65%;
	font-size: 0.9em;
	color: #7a7a7a;
	margin-right: 10px;
}



#footer ul			{float:right; clear:none; font-size: 0.9em; margin-top:5px;}
#footer ul li			{display:inline; color:#7a7a7a; margin-left:5px;}
#footer ul li a		{color:#7a7a7a; text-decoration:none;}
#footer ul li a:hover	{text-decoration:underline;}




/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 773px; 
  margin: 0 auto; 
  text-align: left; 
}


#content { 
  width: 450px;
  float: left; 
}

#content-full{ 
  width: 750px;
  padding-left: 15px;
  padding-bottom: 50px;
  float: left; 
}

#mainNav { 
  width: 300px; 
  float: right; 
} 

#footer { 
  clear: both; 
} 

/* Add some padding 
================================== */

#mainNav * {
  padding-left: 20px;
  padding-right: 20px;
}

#mainNav * * {
  padding-left: 0;
  padding-right: 0;
}

#content * {
  padding-left: 20px;
}

#content * * {
  padding-left: 0;
}


/* Additional styles */

.opening-hours {
	width: 85%;
	margin-left: 20px;
	padding: 10px;
	border: 1px solid #99854B;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Form Styling */

.clear {
  clear: both;
}

#mainNav form, #homeContact form {
  font-size: 1.3em;
}


/* fieldset styling */

#mainNav fieldset, #homeContact fieldset {
	margin: 1em 0; /*  space out the fieldsets a little*/
	padding: 1em;
	border : 1px solid #ccc;
}

/* legend styling */

#mainNav legend, #homeContact legend {
	font-weight: bold;
	color: #000000;
}

#mainNav form p, #homeContact form p {
  	position: relative;
	width: 240px;
	font-size: 0.85em;
}

/* style for  labels */

#mainNav label, #homeContact label {
	float: left;
	width: 6em;
	margin-bottom: 3px;
}



/* :KLUDGE: Explicitly set the width for IE6- */

* html .feedback{
  width: 10em;
}

#mainNav input {
  width: 170px;
}

#mainNav select {
	font-size: 0.8em;
}

#mainNav  input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#mainNav  input.radio, input.checkbox {
  width: auto;
}

#mainNav input.submit {
	width: 75px;
}

/* style form elements on focus */

#content  input:focus, textarea:focus {
	background: #ffc;
}

#mainNav  input.radio {
	float: left;
	margin-right: 1em;
}

#mainNav  textarea {
	width: 170px;
	height: 100px;
}

#comments_form h2 {
	font-size: 0.65em;
}







#homeContact form dl {font-size:11px; font-weight:normal !important;}

#homeContact legend {font-weight: bold; font-size: 1.3em;}


#homeContact select	{font-size:12px;}

#homeContact input {width:200px;}
#homeContact textarea{width:200px;}
#homeContact div{font-weight:normal; float:left;}
#flexiform-submit {width:100px !important;}

#flexiform div {font-weight:normal !important;}










/* ADDED SITEMAP STYLES */

.sitemap ul			{font-size:1em;}
.sitemap ul li 		{padding:2px 0;}
.sitemap ul li a		{color:#000000; text-decoration:none;}
.sitemap ul li a:hover	{text-decoration:underline;}


.sitemap ul ul		{margin-left:15px; font-size:0.9em;}
.sitemap ul ul li 		{}
.sitemap ul ul li a		{color:#000000;}
.sitemap ul ul li a:hover	{text-decoration:underline;}



