@charset "utf-8";
body  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #222;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #4d4d4f;
}
#container { 
	width: 945px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #d1d3d4;
	margin: 0 auto 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
	background: #000; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:276px;
	border-bottom:10px solid #4d4d4f;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	background-position:top left;
} 
#header h1 {
	padding:0;
	margin:0;
}
#full {
	padding:0;
	margin:0;
	border:0;
	background-image:url(../images/top_bg.gif);
	background-repeat: repeat-x;
	background-position:top left;
	background-color: #d1d3d4;
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 530px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 30px 0px 15px 10px; /* padding keeps the content of the div away from the edges */
}
#sidebar1 p{ 
	margin:15px 0;
	line-height:16px;
	font-size:12px;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 155px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:transparent; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:  10px 0px 15px 0px; /* padding keeps the content of the div away from the edges */
}
#news {
	padding:0px 5px 5px 5px;
	border-left:2px solid #8e9093;
	margin-left:8px;
	}
#mainContent { 
	margin: 0 160px 0 540px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 15px 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#home {
	margin:0;
	width:790px;
	padding:0 0 15px 0;
	border:0;
	float:left;
	}

#footer { 
	padding: 2px 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#d1d3d4;
	height:18px;
	border-top:2px solid #8e9093;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 1px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:8px;
	text-align:center;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
table {
	border:0;
	width:100%;
	margin-top:0px;
	}
td {
	padding-left:0px;
	}
table p {
	font-size:12px;
	padding:0;
	margin:2px 0;
	}	
.offers_title {
	background-image:url(../images/special-offer-title-bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#d1d3d4;
	width:405px;
	height:192px;
	}
.offers_title h2 {
	color:white;
	font-size:16px;
	font-weight:normal;
	margin: 2px 0 2px 10px;
	}
		
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p {
	margin:10px 0px 5px 0;
	padding:0;
	color:#4d4d4f;
	font-weight:normal;
	font-size:11px;
	}
a:link, a:visited, a:active {
	color: #4d4d4f;
	text-decoration: underline;
	font-weight:normal;
}
a:hover {
	color: #4d4d4f;
	text-decoration: none;
	font-weight:normal;
}
hr {
	margin: 5px 0px 5px 0px;
	color: #8e9093;
	border: 0;
	border-top: 2px solid #8e9093;
	height: 1px;
}
/* Page Headings */
h1, h2, h3, h4, h5, h6 {color: #4d4d4f;font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
h1  	{font-size:14px;margin:5px 0 5px 0;}
h2  	{font-size:13px;margin:15px 0 0px 0;}
h3  	{font-size:12px;margin:0px 0 0px 0;text-align:center;}

h3 a:link, h3 a:visited, h3 a:active {
	color: #FFF;
	text-decoration: none;
	font-weight:normal;
	background-color:#4d4d4f;
	padding:3px 20px;
	font-size:11px;
}

h3 a:hover {
	color: #999999;
	text-decoration: none;
	font-weight:normal;
	background-color:#4d4d4f;
	padding:3px 20px;
	font-size:11px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    h3 a:link, h3 a:visited, h3 a:active { 	padding:4px 20px; }
	h3 a:hover {padding:4px 20px;}
	}


form {margin: 0;}

blockquote 	{
	font-style:italic;
	color: #4d4d4f;
	border-left: 2px solid #4d4d4f;
	padding-left: 10px;
	font-size: 1.2em;
}

abbr				{}
acroynm			{}
cite				{}
address			{}
strong			{}
em					{}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {	height:24px;background: #000;display:block;clear:both;border-right:0px solid #000;}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;background:#555;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	height:25px;
	background: #000;
	border-top: 0;
	border-bottom: 0px solid #000;
	padding:4px 0 0 0;
	width:740px;
	float:left;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 11px; 
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;}
#nav ul li a {display: block; background: #000; padding: 5px 20px; padding-bottom: 4px; border-left: 0px solid #000; border-right: 0px solid #000; color: #fff; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background: #000; border-color: #fff; color: #999999;}
#nav li a:active, #nav ul li a.active {background: #000; border-color: #fff; color: #fff;}

/* Current page Customisations*/
#nav li.menu-current a		{background: #000; color: #fff; border-bottom: 0px solid #000;text-decoration:underline;}
#nav li.menu-current a		{font-weight: bold;} 

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; border: 0px solid #FFF; font-size: 100%;}
#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0px 0 0 15px; padding: 0; line-height: 1.2em;border: 0px solid #FFF;}
#nav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #000; color: #fff; border: 0px solid #FFF;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {background: #4d4d4f; border: 0; color:#fff;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}




/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Search Box */
#search_box {
	color: #fff;
	background-color:#000;
	height:24px;
	float: right;
	width: 205px;
	clear:right;
	padding-bottom:5px;
}
#search_box fieldset {border:0;}
#search_box label {font-size:11px;color:white;float:left;padding:5px 5px 0 0;	margin-bottom:3px;
}

#search_string {
	width: 120px;
	height: 14px;
	font-size: 9px;
	vertical-align: middle;
	padding: 2px 4px 0 2px;
	margin:2px 3px 3px 10px;
	border:solid 0 #fff;
	background-color: transparent ;
	background-image: url(../images/srch_input_bg.gif);
	background-repeat:no-repeat;
	background-position:right;
	position: absolute; 
	}
/* fieldset>#search_string {
	background-color: transparent ;
	background-image:url(..images/srch_input_bg.gif);
	background-repeat:no-repeat;
	 }
*/
#search_submit {
	height: 18px;
	font-size: 11px;
	vertical-align: middle;
	padding: 0 0 6px 0;
	margin:0 0px 0 5px;
	float:right;
	background-color:#000;
	padding:3px;
	color:white;
	border:0;
}
/* end search  */


/* News Page Styles */

.post_title, .post_date {
	border-bottom: 0px solid #8e9093;
	font-size:12px;
}

.post_title {
	font-weight: bold;
	font-size: 12px;
	color: #4d4d4f;
}

.post_date {
	text-align: right;
	font-weight: bold;
}

.post_short {
	text-align: justify;
	padding-bottom: 5px;
}

.comment_title {
	font-weight: bold;
}

.comment_text {
	font-weight: bold;
	border-bottom: 1px solid #8e9093;
	padding-bottom: 15px;
}

.comment_title, .comment_text {
	border-left: 1px solid #8e9093;
}

.comment_info {
	text-align: right;
	border-right: 1px solid #8e9093;
}

.comment_title, .comment_info {
	border-top: 1px solid #8e9093;
	background-color: #EEEEEE;
}

.selected_group_title { 
	font-size: 13px;
	font-weight:bold;
}
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}

/* end news */

/* Form Styles */

.required {
	color: #FF0000;
}
.field_title {
	font-size: 12px;
	width: 100px;
	vertical-align: top;
	text-align:right;
}
.textfield {
	font-size: 12px;
	width: 200px;
}
.textarea {
	font-size: 12px;
	width: 90%;
	height: 100px;
}
.field_heading {
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 10px;
	color: #666666;
}
.select {
	font-size: 12px;
}
.checkbox_label {
	font-size: 11px;
	cursor: pointer;
}
.radio_label {
	font-size: 11px;
	cursor: pointer;
}
.email {
	font-size: 12px;
	width: 200px;
}
/*** Don't remove the class nixhier, this is required for ASP ***/
.nixhier {
	display:none;
}
/* end form */

/* contact form */

label{
	width: 130px;
	text-align: left;
	color: #4d4d4f;
	font-weight:bold;
	margin: 5px 0 2px 5px;
	clear: left;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:11px;
}

.input-box{
	margin: 0 0 5px 5px;
	color: #4d4d4f;
	border: 0;
	background-color: #FFFFFF;
	width:185px;
	height: 14px;
	font-size:10px;
	padding: 1px 0 0 1px;
	font-family: Arial, Helvetica, sans-serif;
}
.textarea{
	margin: 0 0 5px 5px;
	color: #4d4d4f;
	background-color: #FFFFFF;
	border: 0;
	font-family:  Arial, Helvetica, sans-serif;
	width:185px;
	height: 40px;
	font-size:10px;
	padding: 1px 0 0 1px;
}

.contact {
	border:0;
	width: 198px;
	padding:20px 0 0 0px;
	font-family:  Arial, Helvetica, sans-serif;
	color:#4d4d4f;
	background-image:url(../images/form_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:355px;
}

.submit-button{
	margin:3px 5px 0 0;
	color: #4d4d4f;
	border: 0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color: #BCBDC0;
	padding: 0px;
	float:right;
}

/* end form */