@charset "UTF-8";

/* Reset */

* { margin:0px; padding:0px; }


body { font-family:Arial, Helvetica, sans-serif; font-size:12px; }

a { text-decoration: none; color:#CC0000; }
a:hover { color:#0000FF; }
img {border: none}
h1 { font-size: 16px; margin-top:10px; margin-bottom:10px; }
h2 { font-size: 14px; margin-top:11px; margin-bottom:5px; }
h3 { font-size: 12px; margin-top:6px; margin-bottom:3px; }
h4 { font-size: 12px; margin-top:5px; margin-bottom:2px; }
h5 { font-size: 10px; margin-top:4px; margin-bottom:1px; }
h6 { font-size: 10px; margin-top:3px; margin-bottom:1px; }
p { margin-top:12px; margin-bottom:12px; }
ul { margin-top:12px; margin-bottom:12px; padding-left:40px; }

.bold {font-weight:bold; }

/* Site specific colouring - used with some in page elements*/
.site_bg_colour { background-color:#CC0000; }

/* Masthead */
#masthead {
	height:24px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:2px;
	background-color:#444444;
	color:#DDDDDD;
	border-bottom-left-radius:15px;border-bottom-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;
	
	font-size:11pt;
	font-weight:bold;
	padding-top:4px;
	
}
#masthead_center { width:974px; margin:auto; }
#masthead_image { padding-left:15px; }
#masthead .mh_contact_link { float:right; padding-right:20px; }
#masthead .mh_contact_link a { color:#DDDDDD; }
#masthead .mh_contact_link a:hover { color:#CC0000; }
#masthead .mh_phone_number { float:right; padding-right:20px; }
#masthead .mh_email_address { float:right; padding-right:20px; }
#masthead .mh_email_address a { color:#DDDDDD; }
#masthead .mh_email_address a:hover { color:#CC0000; }

/* Page Content */
#wrapper {
	width: 974px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#wrapper_body {
	width: 973px;
	height: auto;
	float: left;
	background: url(/images/wrapper_background.png) repeat;
	background-color:#FFFFFF;
	border-right: solid 1px #333333;
	border-left: solid 1px #333333;
}

/* Header */
#header2 { 
	width: 973px;
	height: 150px;
	float: left;
	border: solid 1px #333333;
	border-bottom: none;
	background-color:#000000;
}
#site_logo {
	position:absolute;
	padding:10px;
	padding-top:5px;
}
#header { 
	width: 758px;
	height: 190px;
	float: left;
	border: solid 1px #333333;
	border-bottom: solid 2px #CC0000;
	background-color:#000000;
}


/* Forms */
input, select, textarea { font-size:12px; border:solid 1px #999999; background-color:#FFFFFF;}
textarea { float:left; padding:4px 2px; }
input{ float:left; padding:4px 2px; margin:2px 0 10px 10px;}
select{ float:left; padding:4px 2px; margin:2px 0 10px 10px;}
label{ display:block; clear:both; text-align:right; font-weight:bold; float:left; width:100px; margin-top:7px;}
label.plain{ display:block; clear:both; text-align:right; font-weight:bold; float:left; width:auto; margin-top:7px;}
label.full_width{ display:block; clear:both; text-align:left; font-weight:normal; float:left; width:760px; margin-top:7px; }
textarea.large_textarea { width:500px; height:100px; }
input.large_text { width:500px; }

.button_main { background-color:#000000; color:#FFFFFF; background-image:url(../css/images/red_gradient.png); cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-weight:bold; border: 1px solid #CC0000; font-size:12px; }
.button_main:hover { background-position: 50% 100%; }
.button_secondary { cursor:pointer; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; border: 1px solid #999999; font-size:12px; }

/* Sidebar */
#sidebar {
	width: 171px;
	height: auto;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	border-right:solid 2px #CC0000;
}
#sidebar_menu { }
#sidebar_menu a { color:#FFFFFF; }
#sidebar_menu ul li a { color:#000000; }
#sidebar_menu a:hover { color:#CC0000; }
#sidebar_menu .block_link_selected { color:#CC0000; }
.sidebar_block_holder {list-style:none; padding-left:5px; padding-right:5px; position:relative;}
.sidebar_block_heading { padding-top:7px; padding-left:5px;padding-right:5px; padding-bottom:5px; margin-bottom:0px;background-color:#000000;color:#FFFFFF; border-bottom:solid 1px #CC0000; background-image:url(../css/images/red_gradient.png); position:relative; background-repeat:repeat-x; }
#sidebar_menu .sidebar_block_heading > a { color:#FFFFFF; }
.sidebar_block_body {list-style:none; padding:5px;margin-top:0px; margin-bottom:10px; background-color:#FFFFFF;color:#000000; border:solid 1px #CC0000; border-top:none;}
.sidebar_block_divider_line {border-color:#CC0000; border-width:0px; border-bottom-width:1px; border-style:solid;}
.sidebar_block_special_offer { border:none; background-image: url(../css/images/red_gradient.png); background-color:#000000; margin-bottom: 10px; padding:7px 5px 5px}
#sidebar_menu .sidebar_block_special_offer a { color:#FFFFFF; }
#sidebar_menu .sidebar_block_special_offer a:hover { color:#000000; }

.sidebar_logo { float:left; padding:5px 15px; width:100%; }

.sidebar_image_full { width:130px; }
.sidebar_image_half { width:50px; }

.master_list {list-style:none; padding-left:5px;}
.second_list {list-style:none; padding-left:10px;}

.second_list a {color:#FFFFFF;}
.second_list a:hover {color:#CC0000;}
.third_list {list-style:none;padding-left:15px;margin-top:0px; margin-bottom:0px; }
.sidebar_heading { padding-top:10px;padding-left:10px; padding-right:10px;}

.sidebar_divider_line {border-color:#CC0000; border-width:0px; border-bottom-width:1px; border-style:solid; margin:5px; margin-right:20px; margin-left:10px; }
.sidebar_selected {text-decoration:underline; color:#CC0000;}
.sidebar_link_selected {text-decoration:none; color:#CC0000;}

.help_icon { float:left; margin-top:6px; margin-left:5px; }

/* Page content */
#main_content {
	width: 770px;
	height: auto;
	float: left;
	padding: 15px;
	border-left:solid 2px #CC0000;
	margin-left:-2px;
	border-top:solid 2px #CC0000;
}


ul.icon_list {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.icon_list li {
	float:left;
}
	 

/* Footer */
#footer {
	height:110px;
	width: 973px;
	float: left;
	border: solid 1px #333333;
	border-top: solid 2px #CC0000;
	background-color:#000000;
	color:#CCCCCC;
}
#footer a {color:#CCCCCC;}
#footer a:hover {color:#CCCCCC; text-decoration:underline;}
#footer ul { height:80px; float:right; list-style:none; text-align:right; line-height:1.4; margin-right:50px; padding-left:10px; }
#footer li.ul_title { font-weight:bold; }
#footer #hatt_logo { position:absolute; left:30px; padding-top:20px; }
#footer #copyright { font-size:11px; left:44px; padding-top:70px; position:absolute; }
#footer #webmaster { font-size:11px; left:24px; padding-top:85px; position:absolute; }

.newsletter {
  width : 708px;
  height : 90px;
  padding : 10px;
  overflow : auto;
  /*background : url('../IMAGES/Site/hatt_bar.png');*/
  background-color:#EEEEEE;
  border : 1px solid #CFCFCF;
  border-bottom : solid 3px #CC0000;
}

/* Photo Gallery */
.photo {
	margin: 10px;
}

div#photos img {
	border: 1px solid #cccccc;
}
div#photos {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	margin-bottom: 50px;
}
div#otherContent{
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
}
div#otherContent p {
	text-align: justify;
}
div#homeImg {
	border: 1px solid #CCCCCC;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	text-align: center;
}
div#homeImg img {
	border: 1px solid gray;
}
div#permalink {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}
div#permalink img {
	border: 1px solid gray;
}
div#top {
	height: 25px;
}
div#bottom {
	height: 25px;
}
div#contactImg {
	width: 550px;
	margin-top: 50px;
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 50px;
}
div#contactImg img {
	border: 1px solid white;
}
div#contactDiv {
	width: 550px;
	margin-left:auto;
	margin-right: auto;
}
div#mark {
	margin-top: 2px;
	margin-right: 5px;
	float: left;
}
td.stack {
	width: 95px;
	background-image: url(images/stackBG.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}
td.set {
	width: 95px;
}
.setThumb {
	float: left;
	width: 90px;
	height: 125px;
	margin: 10px;
}
.setThumb_m {
	float: left;
	width: 260px;
	height: 200px;
	margin: 10px;
	margin:0 auto;
}

.setImg {
	padding-left:5px;
}
.setTitle {
	color: black;
	width: 90px;
	text-align: center;
}
.title {
	color: #990000;
	font-style: italic;
}