/* ======= GLOBAL STYLES ======= */

* {
	margin: 0;
	padding: 0;
}
body, html {
	margin: 0; 
	padding: 0; 
	background-color: #FFF;
}
#pages {
	width: 955px;
	margin: 0 auto 20px auto;
	padding: 0 1px;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	visibility: hidden;
	height: 0px;
}

/* ======= HEADER ======= */

#header {
	width: 955px;
	height: 490px;
	margin: 0 auto;
	padding: 0;

}
#otherheader {
	width: 955px;
	height: 200px;
	margin: 0 auto;
	padding: 0;

}

/* ==== new navigation menu ==== */
#navcontainer {
	float: left;
	margin: 0;
	padding: 0;
	width: 175px;
 }
#nav, #nav ul {
	float: left;
	margin: 0 0 10px 0;
	width: 175px;
	padding: 0;
	list-style-type: none;
}
#nav li {
	list-style-type: none;
	margin: 0 0 1px 0;
	padding: 0; 
	display: block;
	background: url(../images/menu-bg.jpg) repeat-x;
}
#nav a:link, #nav a:active, #nav a:visited {
	font: 13px Arial, Tahoma, Verdana, georgia, times, serif; 
	color: #636466; 
	text-decoration: none;
	margin: 0;
	display: block;
	padding: 10px; 
}
#nav a:hover {
	color: #636466;
	text-decoration: none;
	background: url(../images/menu-hover.jpg) repeat-x;
}
#nav li a.current {
	color: #FFF;
	background: url(../images/menu-current.jpg) repeat-x;
}
#nav li a.current:hover {
	color: #FFF;
	background: url(../images/menu-current.jpg) repeat-x;
} 
.register {
	margin: 0;
	padding: 2px 0;
}


/* ======= CONTENT ======= */

#content { 
	width: 955px;
	margin: 0 auto 10px auto;
	padding: 0;
}
#content p {
	font: 13px/18px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #636466;
	margin: 0;
	padding: 0 0 10px 0;
}
#content h1 {
	font: bold 17px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #7eaf2e;
	margin: 0;
	padding: 0 0 10px 0;
}
#centre { 
	float: left;
	width: 458px;
	margin: 0;
	padding: 0;
}
#centre ul {
	font: 12px/18px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #636466;
	margin: 10px 0 10px 20px; 
	padding: 0 0 0 20px;
}
#centre ul li {
	list-style-type: disc; 
}
#centre a:link, #centre a:active, #centre a:visited, #right a:link, #right a:active, #right a:visited {
	font: bold 13px Arial, Tahoma, Verdana, georgia, times, serif; 
	color: #636466; 
	text-decoration: underline;
	margin: 0;
	padding: 0; 
}
#centre a:hover, #right a:hover {
	color: #636466;
	text-decoration: underline;
}
#centre .price {
	font: bold 16px/18px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #636466;
	margin: 10px 0;
}
#full { 
	float: left;
	width: 718px;
	margin: 0;
	padding: 0;
}
#full ul {
	font: 12px/18px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #636466;
	margin: 10px 0 10px 20px; 
	padding: 0 0 0 20px;
}
#full ul li {
	list-style-type: disc; 
}
#full ol {
	font: 12px/18px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #636466;
	margin: 10px 0 10px 20px; 
	padding: 0 0 10px 20px;
}
#full ol li {
	list-style-type: decimal; 
	margin: 0;	
	padding: 0 0 10px 20px;
}
#full a:link, #full a:active, #full a:visited {
	font: bold 13px Arial, Tahoma, Verdana, georgia, times, serif; 
	color: #636466; 
	text-decoration: underline;
	margin: 0;
	padding: 0; 
}
#full a:hover {
	color: #636466;
	text-decoration: underline;
}
#full .price {
	font: bold 16px/18px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #636466;
	margin: 10px 0;
}

#content h2 {
	font: bold 15px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #49abdb;
	margin: 0;
	padding: 0 0 10px 0;
}
#left { 
	float: left;
	width: 175px;
	margin: 0 25px 0 0;
	padding: 0 0 0 20px;
}
#right { 
	float: left;
	width: 228px;
	margin: 0 0 0 40px;
	padding: 0;
}

iframe {
	border: 1px solid #999;
}
/* ======= TABLE STYLES ======= */

td, th {
	font: 13px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #636466; 
	color: #636466;
}
#hometable {
	background-color: #FFF;
	border-bottom: 1px solid #8c8c8c;	
}
#hometable td {
	border-top: 1px solid #8c8c8c;	
	border-left: 1px solid #8c8c8c;	
	border-right: 1px solid #8c8c8c;	
	padding: 4px;
}
#hometable th {
	border-top: 1px solid #8c8c8c;	
	border-left: 1px solid #8c8c8c;	
	border-right: 1px solid #8c8c8c;	
	text-align: left;
	padding: 4px;
	color: #49abdb;
}
#hometable tr:hover, #hometable tr.hilite {
	background-color: #e5e5e5;
}

/* ======= TABLE STYLES ======= */

td, th {
	font: 13px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #636466; 
	color: #636466;
}
.datatable {
	background-color: #FFF;
	border-bottom: 1px solid #8c8c8c;	
	border-right: 1px solid #8c8c8c;	
}
.datatable .times {
	color: #404040;
}
.datatable .small {
	font: 11px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #9e208b; 
}
.datatable td {
	border-top: 1px solid #8c8c8c;	
	border-left: 1px solid #8c8c8c;	
	padding: 4px;
}
.datatable th {
	border-top: 1px solid #8c8c8c;	
	border-left: 1px solid #8c8c8c;	
	text-align: left;
	padding: 4px;
	color: #3badcf;
	background-color: #dbeff6;
	font: 13px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #636466; 

}
.datatable tr:hover {
	background-color: #e5e5e5;
}

/* ======= CONTACT FORM ======= */
#contactform {
	width: 426px;
	margin: 0;
	padding: 16px; 
	background: #ececec url(../images/contact-bg.jpg) no-repeat;
	border: 1px solid #ccc;
}
#contactform input { 
	font: normal 12px Arial, Helvetica, sans-serif; color: #636d72;
	width: 300px;
	margin: 2px 0;
	padding: 2px;
	border: 1px solid #ccc; 
}
#contactform textarea { 
	font: normal 12px Arial, Helvetica, sans-serif; color: #636d72;
	width: 300px;
	height: 140px;
	margin: 2px 0 0 0;
	padding: 2px; 
	border: 1px solid #ccc;
}
#contactform input:focus, #contactform textarea:focus { 
	background-color: #FFC; 
}
#contactform input.submit {
	font: bold 13px Arial, Helvetica, sans-serif;; color: #FFF;
	width: 180px;
	float: left;
	margin: 10px 6px 0 0;
	padding: 2px; 
	border: 1px solid #7eaf2e;
	background-color: #7eaf2e
}

/* ======= FOOTER STYLES ======= */

#footer {
	width: 911px;
	font: 11px Arial, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	margin: 00;
	padding: 10px 22px;
	color: #666; 
}
#footer a:link, #footer a:active, #footer a:visited {
	color: #666;
	text-decoration: underline; }
#footer a:hover {
	color: #666;
	text-decoration: underline; }
.footerleft {
	float: left;
	text-align: left;
	width: 500px;
	margin: 0;
	padding: 0;
}
.footerright {
	float: right;
	text-align: right;
	width: 300px;
	margin: 0;
	padding: 0;
}