/* CSS Document */
/* by Robert Allan */
/* for HOTSCOT */

body 
{
	background: #000000;
	margin: 0px; 
	padding: 0px;
	color:#000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:100%;
}
.clear { clear:both; }
#wrap
{
	position: relative;
	display: block;
	width: 752px;
	margin: 0px auto 0 auto;
	padding: 0px 0px 0px 0px;
	background-color:#000000;
}
#wrap-inside
{
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	border-left: solid 1px #ffffff; 
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	background-color:#ffffff;
}

.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

/* HTML ELEMENTS
*******************************************************/
h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:150%;
	font-weight:normal;
	color:#AFC6D7;
}

h2 {
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	font-size:120%;
	font-weight:normal;
	color:#98c573;
	border-bottom: dotted 1px #98c573;
}

h3 {
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
	font-weight:normal;
	color:#9f9f69;
}

h4 {
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	color:#759CB9;
}

h5 {
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
	color:#98c573;
}

h6 {
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:80%;
	color:#9f9f69;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	font-size:80%;
	color:#666666;
	line-height:165%;
}

a {
	color:#9f9f69;
	text-decoration:underline;
}

a:hover {
	color:#666666;
	text-decoration:none;
}

p.sitemapmain {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	line-height:150%;
	font-size:90%;
}

p.sitemapmain a {
	color:#618EAF;
	text-decoration:none;
}

p.sitemapmain a:hover {
	color:#AFC6D7;
	text-decoration:none;
}

p.sitemapsub {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	line-height:130%;
}

p.sitemapsub a {
	color:#98c573;
	text-decoration:none;
}

p.sitemapsub a:hover {
	color:#666666;
	text-decoration:none;
}

ul {
	margin: 0px 0px 0px 45px;
	padding: 0px 0px 10px 0px;
	font-size:80%;
	color:#666666;
}

ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#666666;
	line-height:165%;
}

ul.faqlist {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 10px 0px;
	font-size:80%;
	color:#666666;
	list-style-type:decimal;
}

ul.faqlist li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#666666;
	line-height:165%;
}

/*img.contentfloat {
	margin: 25px 0px 10px 30px;
	padding: 0px 0px 0px 0px; 
	float:right;
}
*/
.rightimage {
	position:relative;
	margin: 6px 0px 0px 30px;
	padding: 0px 0px 0px 0px; 
	float:right;
}

.rightimage img{
	display:block;
	width:150px;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px; 
}

img.contentfloatnews {
	margin: 10px 0px 10px 30px;
	padding: 0px 0px 0px 0px; 
	float:right;
}

/* START PAGE ELEMENTS
*******************************************************/


/* LOGO & STRAPLINE
*******************************************************/
#top {
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#ffffff;
}
#logo {
	position: relative;
	display: block;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
}
#logo img { padding-left:24px; }
#strapline {
	position: relative;
	display: block;
	width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
}
#strapline img { padding-top:2px; }

#black-tab {
	position: relative;
	display: block;
	width: 750px;
	height: 36px;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#000000;
	background-image: url(../images/toptab.gif);
	background-repeat: no-repeat;
}

.marquee {
	width: 440px;
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 0px 20px; 
	float:left;
}

.contact-info {
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
	
}

.marquee p {
	padding: 8px 0px 0px 20px;
	color:#ffffff;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}

.contact-info p {
	padding: 8px 20px 0px 0px;
	color:#ffffff;
	text-align:right;
	font-size:12px;
	font-weight:bold;
}

.contact-info a {color:#ffffff; text-decoration:none;}
.contact-info a:hover {color:#618EAF;}

/* FLASH SLIDES & HEADER IMAGES
*******************************************************/
#header {
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#ffffff;
}

/* HOMEPAGE FEATURE LINKS
*******************************************************/
#home-toplinks {
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#ffffff;
	border-top: solid 1px #ffffff;
}

#home-toplinks-pics {
	position: relative;
	display: block;
	width: 728px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 22px; 
	background-color:#98c573;
	border-bottom: solid 1px #ffffff;
}
#home-toplinks-pic01, 
#home-toplinks-pic02, 
#home-toplinks-pic03,
#home-toplinks-pic04 {
	position: relative;
	display: block;
	width: 175px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	border-right: solid 1px #ffffff;
}
#home-toplinks-pic01 { 
	border-left: solid 1px #ffffff;
	margin-left:0px; 
}

#home-toplinks-text {
	position: relative;
	display: block;
	width: 728px;
	height:26px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 22px; 
	background-image: url(../images/back_toplinks.gif);
	background-repeat: no-repeat;
}
#home-toplinks-txt01, 
#home-toplinks-txt02, 
#home-toplinks-txt03,
#home-toplinks-txt04 {
	position: relative;
	display: block;
	width: 175px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	border-right: solid 1px #ffffff;
}
#home-toplinks-txt01 { 
	border-left: solid 1px #ffffff;
}

#home-toplinks-txt01 p, 
#home-toplinks-txt02 p, 
#home-toplinks-txt03 p,
#home-toplinks-txt04 p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	color:#ffffff;
	font-size:90%;
}

#home-toplinks-txt01 p a, 
#home-toplinks-txt02 p a, 
#home-toplinks-txt03 p a,
#home-toplinks-txt04 p a {
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

#home-toplinks-txt01 p a:hover, 
#home-toplinks-txt02 p a:hover, 
#home-toplinks-txt03 p a:hover,
#home-toplinks-txt04 p a:hover {
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

/******************************************************/
/* CONTENTZONE - inc Nav & Content
*******************************************************/
#contentzone {
	position: relative;
	display: block;
	width: 750px;
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#ffffff;
}

#nav {
	position: relative;
	display: block;
	width: 198px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
}
#content {
	position: relative;
	display: block;
	width: 502px;
	margin: 7px 0px 20px 0px;
	padding: 0px 25px 0px 25px;
	float:right; clear:right;
}

#content img.letterbox {
	margin: 0px 0px 10px 0px;
}

#faq-content, #links-content, #download-content, #news-content, #gallery-content {
	position: relative;
	display: block;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Nav Styles
*******************************************************/
#nav ul.topnav {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
	font-size:90%;
	color:#666666;
	text-align:right;
	list-style-type:none;
}

li.nav01 {
	display:block;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	color:#666666;
	list-style-type:none;
	border-bottom: dotted 1px #d6d6d6;
	/*background: url(../images/dotted_line.gif) no-repeat;*/
}

#nav ul.topnav li.nav01 a {
	color:#666666;
	text-decoration:none;
	font-weight:normal;
}

#nav ul.topnav li.nav01 a:hover {
	color:#cbbb83;
	text-decoration:none;
	font-weight:normal;
}

#nav ul.topnav li.nav01 #active {
	color:#afc6d7;
	font-weight:normal;
}

/*#nav ul.topnav li.nav01 a:hover.on {
	color:#cbbb83;
	text-decoration:none;
	font-weight:normal;
}*/
/* Sub Nav Styles
*******************************************************/

#nav ul.subnav {
	margin: 0px 0px 0px 25px;
	padding: 8px 0px 8px 10px;
	color:#afc6d7;
	list-style-type:none;
	text-align:left;
	background-image: url(../images/blue_grad_subnav.jpg);
	background-repeat: repeat-x;
	/*border-bottom: dotted 1px #d6d6d6;*/
}

#nav ul.subnav li.sub {
	color:#759CB9;
	text-align:left;
	padding-bottom:3px;
	font-size:95%;
}
#nav ul.subnav li.sub a {
	color:#759CB9;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}

#nav ul.subnav li.sub a:hover {
	color:#98c573;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}

#nav ul.subnav li.sub #active {
	color:#98c573;
	font-weight:bold;
}

/*#nav ul.subnav li.sub a:hover.on {
	color:#98c573;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
}*/



/******************************************************/
/* HOME TAB STYLES - Expandable
*******************************************************/

/* Whats New Box Styles
*******************************************************/
#home-whatsnew {
	position: relative;
	display: block;
	width: 502px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#ffffff;
}

.home-whatsnew-left {
	position: relative;
	display: block;
	width: 248px;
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
	background-color:#ffffff;
}
.home-whatsnew-right {
	position: relative;
	display: block;
	width: 248px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
	background-color:#ffffff;
}
.content_feature {
	position: relative;
	display: block;
	width: 502px;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}


/* Whats New Box Styles - EXPANDABLE Green & Blue Boxes
****************************************************************************/
.blue_tab_box, .green_tab_box {
	position: relative;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}

.blue_tab_left, .green_tab_left {
	position: relative;
	display: block;
	width: 11px;
	height: 23px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
}
.blue_tab_title2 {
	position: relative;
	display: block;
	height: 23px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#afc6d7;
	float:left;
}
.green_tab_title2 {
	position: relative;
	display: block;
	height: 23px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#98c573;
	float:left;
}
.blue_tab_right, .green_tab_right {
	position: relative;
	display: block;
	width: 11px;
	height: 23px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
}

.blue_tab_title2 p, .green_tab_title2 p { 
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 2px 10px;
	color:#ffffff; 
	font-weight:bold;
	text-align: center;
}

.blue_grad {
	position: relative;
	display: block;
	width: 248px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-image: url(../images/blue_grad.jpg);
	background-repeat: repeat-x;
	border-top: solid 1px #afc6d7;
	min-height:100px;
 	height:auto !important;
  	height:100px;
}
.green_grad {
	position: relative;
	display: block;
	width: 248px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/green_grad.jpg);
	background-repeat: repeat-x;
	border-top: solid 1px #98c573; 
	min-height:100px;
 	height:auto !important;
  	height:100px;
}

/* 
Blue & Green Gradients for content pages
*********************************************8*/

.blue_grad_long {
	position: relative;
	width: 502px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-image: url(../images/blue_grad.jpg);
	background-repeat: repeat-x;
	border-top: solid 1px #afc6d7;
}
.green_grad_long {
	position: relative;
	width: 502px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/green_grad.jpg);
	background-repeat: repeat-x;
	border-top: solid 1px #98c573; 
}

.blue_grad img, .green_grad img, .blue_grad_long img, .green_grad_long img {
	margin: 14px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	width:62px;
}

.blue_grad p, .green_grad p, .blue_grad_long p, .green_grad_long p {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 5px 0px;
	color:#666666; 
	font-size:70%;
	line-height:140%;
}

.blue_grad a, .green_grad a, .blue_grad_long a, .green_grad_long a {
	color:#666666;
	text-decoration:underline;
	font-weight:bold;
}

.blue_grad a:hover, .green_grad a:hover, .blue_grad_long a:hover, .green_grad_long a:hover {
	color:#cbbb83;
	text-decoration:none;
	font-weight:bold;
}

/*************/

.trim_gray {
	position: relative;
	display: block;
	width: 750px;
	height:5px;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#cccccc;
}

/******************************************************/
/* GALLERY 
*******************************************************/

table.gallery {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}

table.gallery td {
	padding: 6px;
	background-color:#ffffff; 
}

table.picgallery {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
}

table.picgallery td {
	padding: 0px;
	background-color:#ffffff; 
}

/******************************************************/
/* FOOTER 
*******************************************************/
#footer
{
	position: relative;
	display: block;
	width: 750px;
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px; 
	background-color:#93CF28;
}
#footer .text-left
{
	position: relative;
	display: block;
	width: 375px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#003366;
	float:left;
}
#footer .text-right
{
	position: relative;
	display: block;
	width: 375px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#003366;
	float:right; clear:right;
	text-align:right;
}




#footer {
	position: relative;
	display:block;
	width: 750px;
	height:52px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	background-color:#9f9f69;
}

#footer-left {
	width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float:left;
}
#footer-right {
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	float: left;
}

#footer-left p {
	margin: 0px 0px 0px 0px;
	padding: 10px 25px 10px 25px;
	font-size:70%;
	color:#ffffff;
	line-height:140%;
	text-align:left;
}

#footer-right p {
	margin: 0px 0px 0px 0px;
	padding: 10px 25px 10px 25px;
	font-size:70%;
	color:#ffffff;
	line-height:140%;
	text-align:right;
}

#footer-left a,
#footer-right a {
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
}

#footer-left a:hover,
#footer-right a:hover {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}