/* Silverstone Accommodation */

body {
 margin: 0px; 
 font-size: 62.5%;
 background:url("/images/background.jpg") repeat-x;
 background-color: #C0C0C0;
 }

#wrapper {
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 0 0 0;
}

h1 {             margin-top: 0;
                font: bold 2.6em  Verdana, Arial, Helvetica, sans-serif;
                color: #B26B00;  
}
h2 {             margin-top: 0;
                 font: bold 2.0em Verdana, Arial, Helvetica, sans-serif;
                color: #B26B00; 
}

h3 {            font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
                color: #B26B00; 
					 margin: 0px 0px -1px 0;
}

h4 {            font: bold 1.7em Verdana, Arial, Helvetica, sans-serif;
                color: #FFF; 
}

h5 {            font: bold 1.65em Verdana, Arial, Helvetica, sans-serif;
                color: #336600; 
}

h6 {            font: bold 1.55em Verdana, Arial, Helvetica, sans-serif;
                color: #336600; 
}


#tophome {
  margin: 0px;
  padding: 0px; 
  background: #ECC738;
  height: 185px;
  width: 980px;
}

#left {
  position: absolute;
  left: 0px;
  top: 185px;
  width: 140px; 
  background: #ECC738;
  padding: 5px 5px 5px 10px;
  color: #FFF;
}

#right {
  position: absolute;
  right: 0px;
  top: 185px; 
  width: 10px;
  padding: 0px;
  background: #ECC738;
}

#center {
  margin-left: 150px;
  margin-right: 10px;
  background: #FFF;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 5px;
  padding-left: 10px;
}

#footer {
  background: #ECC738;
  margin: 0px;
  color: #FFF;
  visibility: hidden;
  padding: 0px;
  width: 980px;
  padding: 0px 0px 0px 0px;
  border-bottom: 5px solid #000000;
}

#caption {
  position: absolute;
  Left: 150px;
  top: 470px; 
  width: 10px;
  padding: 0px;
  background: #ECC738
}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}


a.linkclass1 {text-decoration:none; color:#B26B00; font-weight:bold; }
a.linkclass1:visited {text-decoration:none; color:#07df0b; font-weight:bold; }
a.linkclass1:active {text-decoration:none; color:#568C57; font-weight:bold; }
a.linkclass1:hover {text-decoration:underline; color:#568C57; font-weight:bold; }

/* Footer */
a.linkclass {text-decoration:none; color:#FFF; font-weight:bold; }
a.linkclass:visited {text-decoration:none; color:#FFF; font-weight:bold; }
a.linkclass:active {text-decoration:none; color:#000; font-weight:bold; }
a.linkclass:hover {text-decoration:underline; color:#000; font-weight:bold; }

a.linkclass2 {text-decoration:none; color:#B26B00; font-weight:bold; }
a.linkclass2:visited {text-decoration:none; color:#000; font-weight:bold; }
a.linkclass2:active {text-decoration:none; color:#568C57; font-weight:bold; }
a.linkclass2:hover {text-decoration:underline; color:#568C57; font-weight:bold; }


p,ul,ol {
   font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	margin:  0px;
	padding: 0px 0px;
	}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}

ul.star{
	list-style-image: url("../images/orange-pillow.gif");
	margin-left: 30px;
	font: 1.3em Verdana, Arial, Helvetica, sans-serif;
}

ul.greenstar{
	list-style-image: url("../images/green-bullet.gif");
	margin-left: 30px;
	 font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

ul.bigstar{
   list-style: none;
	margin-left: 3px;
	font: 2.0em Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
}

ul.bigstar li {
	color: #FFF;
}

#logo1 {
  position: absolute;
  right: 10px;
  top:   5px;
}



#table.head {
  position: absolute;
  left: 5px;
  top:  10px;
}

#table.head2 {
  position: absolute;
  left: 70px;
  top:  10px;
}


ul.home{
	list-style-image: url("/images/white-bullet.gif");
	margin-left: 30px;
	font: 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: White;
	
}


cite {
	float: right;
	margin: -10px 20px 0 0;
}


img {
	border: none;
}

hr {
	display: none;
}

table, input, textarea, select, li {
	font: 1em Arial, Helvetica, Sans-Serif;
	line-height: 160%;
	color: #333;
}

.tablesortable {
	margin: 1em 0;
	width: 100%;  /* was 100 */
	border-collapse: collapse;
}

th, td {
	padding: 2px 5px;
	font: 1.2em Arial, Helvetica, Sans-Serif; /* added by me */
}

th {
	text-align: left;
	font: bold 1.4em Arial, Helvetica, Sans-Serif; /* added by me  was 1.2em*/
}

.odd {
 background-color: #FFE6BF;
}
.even {
 background-color: #FFDAA2;
}

/* // HTML Tags */

#listing {
  position: absolute;
  left: 0px;
  top:   15px;
  font: bold 1.5em  Rockwell, Verdana, Arial, Helvetica, sans-serif;
  color: #FF9900;
}

.table.foot {
  position: relative;
  left: 60px;
  top:  25px;
  color: #FFF;
  font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

#namecentre {
  position: absolute;
  left: 10px;
  top:   130px;
  font: bold 2.5em  Rockwell, Verdana, Arial, Helvetica, sans-serif;
  color: #000;
}

#namecentre1 {
  position: absolute;
  left: 10px;
  top:   160px;
  font: bold 1.5em  Rockwell, Verdana, Arial, Helvetica, sans-serif;
  color: #000;
}


#name {
  position: absolute;
  left: 10px;
  top:   80px;
  font: bold 2.5em  Rockwell, Verdana, Arial, Helvetica, sans-serif;
  color: #FFF;
}

#footadd {
  position: relative;
  left: 0px;
  top:  10px;
  color: #FFF;
}

/* navigation left column */

#nav {
  margin: 0;    
  padding: 0;
  background: #ECC738;   
  list-style-type: none;
  width: 132px;  
  float: left; 
}
#nav li {
  margin: 0;
  padding: 0;
  float: left; 
  width: 100%; 
  border-bottom: 2px solid #FFF; 
}

#nav a {    /* this is all the navigation except the page you are on */
display: block; 
color: #000;
text-decoration: none;
background: #ff9900;
padding: 0.3em 0 0.3em 0.5em;
line-height: 1.5;
border-left: 12px solid #CC9900;
border-right: 1px solid #FF9900;
}

#nav a:hover {  
background: #CC9900;
color: #FFF;
border-left: 12px solid #FF9900;
border-right: 1px solid #CC9900;
}

/* this sets the colour of the navigation on the page you are on */

#body_hom #nav_hom a,
#body_hot #nav_hot a,
#body_bab #nav_bab a,
#body_hou #nav_hou a,
#body_roo #nav_roo a,
#body_sel #nav_sel a,
#body_cam #nav_cam a,
#body_eat #nav_eat a,
#body_pub #nav_pub a,
#body_con #nav_hol a
#body_con #nav_con a,
	 
{
background: #FF9900;
color: #000;
border-left: 12px solid #065068; 
border-right: 1px solid #FF9900;
}

#leftnavposition {
  position: relative;
  left: 2px;  /* was 0 */
}

.floatright{
	float: right;
	width: 360px;
}