html,body {
	margin: 0; 
	padding: 0;	
}

/*universal selector for ALL elements under body*/
body * {
	margin: 0; 
	padding: 0;
}

/*Now reset teh body somargins are auto and tex-align is 
centered for crappy IE win*/
body { 
	background: #8B1D27 url(../images/bg_body.gif) 50% 0 repeat-y;
	font: 76% Verdana, Helvetica, Arial, Tahoma, sans-serif;
	color: #333;
	margin: 0 auto;
	text-align: center;
	line-height: 1.4;
}

img {border: 0; margin: 0;}

h1 { font-size: 1.9em; color: #8B1D27; line-height: 1.2em; }
h2 { font-size: 1.6em; color: #999; line-height: 1em; margin-bottom: .3em;}
h3 { font-size: 1.3em; color: #000; line-height: 1em; }
h4 { font-size: 1em; line-height: 1em; color:; }
h5 { font-size: 1.1em;  }

p,dl {font-size: 1em; line-height: 1.4em;}
hr {border: none; border-top: 1px solid #ccc; margin: 20px 0;}
table,th,tr,td {font-size: 1em;}

blockquote {
	color: #666; 
	font: 1.3em "Times New Roman", serif;
}

a { 
	color: #31631C; 
	font-weight: bold; 
	text-decoration: none;
}
a:hover { 
	color: #666; 
	text-decoration: underline;
}

/*in case we need to clear anything*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearing {
	height: 0;
	line-height: 0;
	clear: both;
}/* probably redundant when using clearfix - delete later*/

/****************************************************************
*  Layout elements
****************************************************************/
#wrapper {
  background: #B38F6F;
  width: 710px;
  text-align: left;
  margin: 0 auto;
}

#header {
	background: #B38F6F;
	position: relative;
}
#header img {
	margin-left: 5px;
	text-align: center;
	display: block;
}

#container {
	width: 100%;
	float: left;
	margin-right: -250px;
}

#sidebar {
	background: #fff url(../images/grain.gif) 0 0 repeat-x;
	width: 225px;
	float: right;
	margin-right: 10px;
	margin-bottom: 0px;
	display: inline;
}

#sidebar-inner {
	background: url(../images/grain_b.gif) bottom left repeat-x;
	padding-bottom: 25px;
	position: relative;/*bcos IE is retarded on AP elements*/
}

#content {
	background: #fff url(../images/grain.gif) 0 0 repeat-x;
	margin-right: 250px;
	margin-left: 10px;

}
#content-inner {
	background: url(../images/grain_b.gif) bottom left repeat-x;
	padding: 0 10px 25px 10px;
	position: relative;
}

#content h1 {
	padding: 1em 0 .3em 0;
	margin-bottom: .3em;
	text-transform: uppercase;
	font-family: verdana, arial, sans-serif;
	border-bottom: solid 1px #8B1D27;
}
#content h3 {
	padding: 1em 0 .5em 0;
	margin-bottom: .3em;
	font-size: 1.4em;
	font-family: verdana, helvetica, arial, sans-serif;
	color: #B38F6F;
	border-bottom: dotted 1px #8B1D27;
}

#content p {
	margin-bottom: 15px;
}

#content p#address {
	font-size: 1.2em;
	font-family: arial, helvetica,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	border-bottom: solid 1px #fff;
}

#content p a.pastpresent,#content a.map {
	background: #31631C;
	color: #fff;
	font-weight: bold;
	padding: 2px 4px;
}
#content a.map {
	line-height: 2.2em;
}

#content #hours {
	width: 100%;
	float: left;
	font-size: .9em;
	line-height: 1.4em;
	padding-bottom: 15px;
	overflow: hidden;
}
#content #hours span.day {
	width: 70%;
	float: left;
}

#content #hours span.time {
	width: 29%;
	float: right;
	margin-right: -3px;
}

#content p.text-foot {
   padding: 10px;
	border-top: solid 1px #D0A58C;
	border-bottom: solid 1px #D0A58C;
	font-family: georgia,times,"times new roman",serif;
	letter-spacing: 1px;
	text-align: center;
	color: #31631C;
	font-size: .9em;
}

#content ul#stocked { 
	float: left;
	width: 100%;
}
#content ul#stocked li {  
 }

#content ul#benefits, #content ul#benefits li { 
	margin: 0; 
	padding: 0;
} 
#content ul#benefits li {
	padding-left: 15px;
	margin-left: 25px;
}

#content ul.left-float {
	margin: 0; 
	padding: 0;	
	width: 100%;
	background: #fff;
	overflow: auto;
}

#content ul.left-float li {
	margin-left: 5px;
	padding-left: 15px!important;
	width: 150px;
	list-style: none;
	background: url(../images/navarrow.gif) -6px 3px no-repeat;
	float: left;
} 


#footer {
	background: #8B1D27;
	color: #fff;
	padding: 1em .3em;
	font-size: .8em;
}

#footer ul, #footer li {
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
}
#footer a {
	color: #ccc;
	padding: 0 5px;
	border-right: solid 1px #fff;
}

#header ul {
	position: absolute;
	right: 5px;
	top: 0;
}
#header ul,#header li {
	margin: 0 ; 
	padding: 0;
}
#header li {
	display: inline;
}




#sidebar h1 {
	padding: .3em;
	margin: 18px 3px 3px 3px;
	color: #fff;
	background: #8B1D27;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 1.6em;
}

#navwrapper {
	background: url(../images/nav_repeat_v3.gif) 0 0 repeat-y;
	padding-bottom: 9px;
	margin-left: 10px;
}
/*\/*/
* html #navwrapper {
	padding-bottom: 3px;
}/**/

#navbtm {
	background: url(../images/nav_btm_v3.gif) -4px -3px no-repeat;
	padding-bottom: 30px;
	margin-left: 10px;
}

#sidebar ul, #sidebar li {
	margin: 0;
	padding: 0;
	list-style-type: none
}
#sidebar ul {
	background: url(../images/nav_top_v3.gif) 0 0 no-repeat;
	padding-top: 27px;
}

#sidebar ul ul {
	background-image: none!important;
	padding-top: 0;
	padding-bottom: 10px;
}

#sidebar li a {
	display: block;
	background: /*url(../images/navarrow.gif) -2px 8px no-repeat*/;
	padding: 5px 0 4px 16px;
	margin: 0 40px 0 20px;
	font-family: arial,sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	letter-spacing: -1px;
	color: #fff;
	border-bottom: solid 1px #996644;
}

#sidebar li li a {
/*	background-image: none;
*/	padding: 7px 0 3px 36px;
	font-family: arial,sans-serif;
	font-weight: bold;
	font-size: .9em;
	letter-spacing: 1px;
	color: #000;
	display: inline;
	border-bottom-width: 0; 
}


/* footer area */


/*Form field entries and layout*/
input, textarea {
	border: solid 1px #666;
	background: #D6CEB5;
	padding: 2px;
	margin: 0;
}
form.center {
	margin: 0 auto!important;
	text-align: center;	
	width: 390px;
}
div.genericform {
	margin: 0 auto;
	text-align: left;
	width: 280px;
}
div.genericform input {
	margin-bottom: 5px;
}
input.radio {
	background: #fff;
	border: solid 1px #fff;
	vertical-align: bottom;
}
input.button {
	background: #996644;
	border: solid 1px #000;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	height: 26px;
}
p.compulsory {
	font-size: 10px;
	font-weight: bold;
}


/*next previous buttons for gallery*/
div.indent {
	margin-left: 20px;
}

img.random {
	margin-left: 28px;
	margin-top: 10px;
}

div.prevnext {
	width: 100%;
	float:left;
}
a.prevnext {
	padding: 3px 6px; 
	border: solid 1px #000; 
	background: #996644; 
	text-decoration:none; 
	color: #fff; 
	font-size:.9em;
	font-weight: bold;
	text-align: center;
	height: 0;
	line-height: 40px;
	margin-top: 10px;
}
/*\*/
* html a.prevnext {line-height: 20px;}	
/**/
a:hover.prevnext {
	background:#666; 
	color:#fff;
}
#gallery {
	margin: 0 auto;
}
#gallery-inner {
	width: 280px;
	text-align: center;
	margin-left: 60px
}
#galleryfull {
	margin: 0 auto;
}
#galleryfull img {
	padding: 5px;
	border: solid 1px #ccc;
}
.imageborder {
	float: left; 
	width: 125px; 
	padding: 3px; 
	margin: 20px 5px 0 0; 
	border: solid 1px #ccc;
	font-size: .9em;
}
/*hide from ie mac\*/
* html .imageborder {
	width: 135px; 
	wid\th: 125px; 
}
/*end ie5mac hide*/



body#timetable #navwrapper, body#timetable #sidebar {
	display: none;
}

body#timetable #content {margin-right: 5px}


/*--- the timetable ---*/
table#timetable {
	padding: 0;
	margin: 0;
	border: solid 1px #000;
	border-collapse: collapse;
	width: 95%;
	font-size: .9em;
}
table#timetable th {
	font-weight: bold;
	background: #ccc;
	font-size: 1.1em;
}
table#timetable td {
	padding: 2px 7px;
	vertical-align: top;
	border-right: solid 1px #666;
}
table#timetable tr,table#timetable td {
	border-top: solid 1px #666;
}	
table#timetable td.time {
	width: 120px;
}


/**/
.center 		{margin: auto; text-align: center;}
.clear 		{ clear: both; }
.italics 	{font-style: italics;}	.blog_box {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}