a img {
	border: none;
}

body {

	background-image: url(images/header-bg.gif);
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #303030;
	font-size: 80%;
	line-height: 150%;
	/* the following style adds a scrollbar to firefox when too short to scroll normally, which keeps the page width consistant */
	overflow: -moz-scrollbars-vertical;

}

body h1 {
	font-size: 16px;
	color: #591b1b;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

body h2 {
	font-size: 16px;
	color: #591b1b;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

body h3 {
	font-size: 110%;
	color:#767676;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

hr {
	padding: 0px;
	margin: 0px 30px 0px 30px;
	height: 1px;
	border-top: 1px solid #4e4c2f;

}


.windowHeader {
	background-image: url(images/header-bg.gif);
	background-repeat: repeat-x;
	height: 160px;
}

.breaker {

	height: 30px;
	background-image: url(images/breaker-bg.gif);
	background-repeat: no-repeat;
	width: 960px;
	margin: 0px auto;
	background-color: #545f56;
	
}

.windowFooter {
	background-image: url(images/header-bg.gif);
	height: 100px;

}

.WindowContentContainer {
	background-image: url(images/content-bg.gif);
	background-repeat: repeat-x;
	background-color: #545f56;

}

.pageContainer  {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	
}



.headerContainer {
	
	height: 160px;
	width: 960px;
	padding: 0px;
	margin: 0px;
	background-image: url(images/header2.gif);
	margin: 0px auto;
}

.headerContainer p {
	color: white;
	padding: 0px;
	margin: 0px;
	
}

.headerInfo a {
	color: white;
	text-decoration: none;
	
}

.headerInfo {

	float: right;
	padding: 0;
	margin: 10px 0px 0px 0px;
	height: 110px;
	text-align: right;

}



	
.menu {

	text-align: center;
	padding: 0px;
	height: 35px;

}

.menu a {

	color: white;
	text-decoration: none;

}

.menu a:hover{

	color: grey

}

.menutab {
	
	

}

.ContentContainer  {
	min-height: 430px;
	width: 960px;
	padding: 0px;
	background-color: white;
	margin: 0px auto;
}

/* This makes IE take note of the height, as it ignores min-height in the css above. Firefox uses the min height, but not this*/
*html .ContentContainer{
	height: 430px;
}

.ContentContainerText  {
	padding: 10px 20px 20px 20px;
	margin: 0px;
	

}

.footerContainer {

	width: 960px;
	padding: 0px;
	margin: 0px auto;

}

.footerContainer p, .footerContainer a {
	color: white;
	text-align: center;
}

.footerText {
	padding: 15px 20px 0px 0px;
	text-align: right;
}


.leftCol {
	width: 360px;
	padding: 0px;
	margin: 0px;
	float: left;


}

.rightCol {
	width: 600px;
	padding: 0px;
	margin: 0px;
	float: left;


}

.ColText {
	padding: 20px;

}

.facts td {
	padding: 3px 10px;
}

.attract {
	padding: 10px 0px 0px 20px;
}

.attract img{
	border: none;
}

.attract tr td{
	border: 3px solid #ccc;


}

.attract tr td:hover{
	border: 3px solid #591b1b;
}


.floatLeft {
	float: left;

}

.clear {
	clear: both;

}

.textB {
	font-weight: bold;
}

.textI {
	font-style: italic;
}

.attract  td{
	padding: 5px;
}


.tablePrices th{
	background-color: #c3c3c3;

}

.tablePrices tr.one {
	background-color: #ccc;
	text-align: center;

}

.tablePrices tr.two{
	background-color: #ddd;
	text-align: center;
}

.MBm20 {
	margin: 0 0 20px 0;
}

.slr {
	background:url("images/slr.gif") no-repeat bottom;
	height: 50px;
}

.slr p{
	padding: 20px 0 0 80px;
	text-align: middle;
}







