/*LAYOUT*/

   body {
	font-size:75%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #009933;
	color: #333333;
	line-height: 150%;
	height:100%;
	background-attachment: scroll;
	background-image: url(/background-grad.gif);
	background-repeat: repeat-x;
	background-position: left top;
   } 

html {
height:100%
}
   #container {
	margin: 0 auto;
	text-align: left;
	width: 750px;
	background: #FFFFFF;
	padding-right: 25px;
	padding-left: 25px;
	min-height:100%;

   }
   
#introBox {
	background-color: #FFEE99;
	padding: 5px 15px;
	float: left;
	height: 290px;
	width: 190px;
	color: #009933;
	margin-top: 10px;
}

#indexheadingbox {
	background-color: #FFEE99;
	padding: 5px 15px;
	float: left;
	width: 490px;
	margin: 0 0 10px 0;
}

#indexheadingboxtop {
	width:520px;
	height:50px;
	float: left;
	background-image: url(/header-bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #009933;
	padding: 0px;
	margin: 0px 0px 10px;
	clear: both;
}

#indexheadingboxtop h1{
	padding-left: 15px;
	line-height: 50px;
}

#siteMapTextBox {
	float: left;
	width: 520px;
	margin-top: 10px;
	margin-left: 10px;
}

#siteMapTextBox ul {
	margin:0 0 1em 0;
	padding:0;
	list-style-type:none;
}

   .mainimage {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;

}
   .smallimages {
	float: left;
	margin-top: 10px;
	width: 220px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
   .bodyTextBox {
	float: left;
	width: 520px;
	margin-top: 10px;
	margin-left: 10px;
}

.divider {
	background-color: #009933;
	height: 1px;
	width: 520px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.clear {
	clear: both;
}
   
/*MENUS*/   
      
   #navcontainertop {
	float: left;
	width: 750px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
	#navcontainertop ul {
	margin: 0px;
	padding: 0px;
}
 #navcontainertop ul li {
	list-style-type: none;
	padding:0;
	margin-right:5px;
	width:121px;
	float:left;
	display:inline;
	background:#FFCC00 url(/topmenu-button.gif) repeat-x left top;
}

 #navcontainertop ul li a {
	color: #009933;
	font: bold 14px Arial, Helvetica, sans-serif;
	width:121px;
	text-align: center;
	text-decoration: none;
	display: block;
	float:left;
	background:#FFCC00 url(/topmenu-button.gif) repeat-x left top;
	height:30px;
	line-height:30px;
}

#navcontainertop a:hover {
	color: #FFFFFF;
	background-color:#009933;
	background-position:left bottom;
 }
 
#navcontainer {
	height:300px;
	float: left;
	margin: 10px 0 0;
	width: 220px;

}
   #navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

 #navcontainertop li {
	width:220px;
	height: 30px;
	float:left;
	display:inline;
	background-color: #FFDD00;
	background:#FFDD00 url(/leftmenu-button.gif) repeat-x left top;
}

#navcontainer a {
	display: block;
	color: #009933;
	width: 205px;
	height: 30px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height:30px;
	border-bottom: 5px solid #FFFFFF;
	background-color: #FFDD00;
	background:#FFDD00 url(/leftmenu-button.gif) repeat-x left top;

}

#navcontainer a:hover
{
	color: #FFFFFF;
	background-color: #00AA44;
	background-position:left bottom;

}

/*TYPE ELEMENTS*/

h1 {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;

}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003399;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;

}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

.headers-blue {
	color: #003399;
	text-transform: uppercase;
}

.headers-green {
	color: #009933;
	text-transform: uppercase;
}

.bodyTextLarge {
	font-size: 120%;
	color: #111111;
	line-height: 145%;
}

   .subheads {
	font-size: 15px;
	font-weight: bold;
	color: #003399;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

/*LINKS*/

a {
	color: #009933;
}
a:visited {
	color: #009933;
}
a:hover {
	color: #00CC33;
}
a:active {
	color: #00FF33;
}

/*GALLERY*/

.thumbnails {
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
}
	.thumbcontainer {
	float: left;
	width: 520px;
	clear: both;
}

/*FOOTER*/

.footer {
	background-color: #009933;
	float: left;
	height: 15px;
	width: 720px;
	padding: 10px 15px;
	margin-top: 30px;
	color: #FFFFFF;
	font-size:95%;

}

#baselinks a {
	color: #FFFFFF;
}
#baselinks a:visited {
	color: #FFFFFF;
}
#baselinks a:hover {
	color: #00FF33;
}
#baselinks a:active {
	color: #00CC33;
}
.baselinkText {
	float: right;
}
   .copyright {
	float: left;
}

/*TABLE STYLING*/

#nottingham_classes, #nottingham_prices, #birmingham_classes, #birmingham_prices, #derby_classes, #derby_prices, #sheffield_classes, #sheffield_prices {
	width: 100%;
	font-size:95%;
	border-collapse:collapse;
}

#nottingham_classes thead th, #nottingham_prices thead th, #birmingham_classes thead th, #birmingham_prices thead th, #derby_classes thead th, #derby_prices thead th, #sheffield_classes thead th, #sheffield_prices thead th {
	font-weight: bold;
	text-align:left;
	color: #FFFFFF;
	background-color: #3fb265;
	padding:0.5em;
	border: 2px solid #FFFFFF;
}

#nottingham_classes tbody th, #nottingham_prices tbody th, #birmingham_classes tbody th, #birmingham_prices tbody th, #derby_classes tbody th, #derby_prices tbody th, #sheffield_classes tbody th, #sheffield_prices tbody th {
	font-weight: bold;
	text-align:left;
	color: #009933;
	background-color:#bfe5cc;
	padding:0.5em;
	border: 2px solid #FFFFFF;
}

#nottingham_classes td, #nottingham_prices td, #birmingham_classes td, #birmingham_prices td, #derby_classes td, #derby_prices td, #sheffield_classes td, #sheffield_prices td {
	text-align:left;
	background-color:#fff2bf;
	padding:0.5em;
	border: 2px solid #FFFFFF;
}