/* +------------------------------------------------------------------------+ */
/* | CSS created by www.axxesssolutions.net																	| */
/* | Modified: 24th November 2005																						| */
/* +------------------------------------------------------------------------+ */

body, td {
	font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
	font-size: 9pt;
	color: #333;
}
#bodyStyle {
	background-color: #86A2BA;
	text-align: left;
	margin: 0;
	padding: 0;
}
h1, h2, h3, .field_heading {
	font-weight: normal;
	color: #67849C;
	margin-bottom: 6px;
	padding: 2px;
}
h4, h5, h6 {
	font-weight: normal;
	color: #67849C;
	margin-top: 8px;
	margin-bottom: 6px;
	padding: 1px;
}
h1 {font-size: 18pt;}
h2 {font-size: 16pt;}
h3 {font-size: 14pt;}
h4 {font-size: 12pt;}
h5 {font-size: 11pt;}
h6 {font-size: 10pt;}

form {margin: 0;}
img {border: 0;}
li {/*line-height: 1.5;*/}

address {font-style: normal;}

a {text-decoration: underline;}
a:link, a:visited {color: #339;}
a:active, a:hover {color: #900;}
hr { width: 100%;}

blockquote {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.1em;
	font-style: italic;
	color: #485DA0;/*333*/
}

/* Begin The Building Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.minwidth {/*width: 698px;*/}

#page { width: 768px; /*860px*/ margin-left: auto; margin-right: auto; border: 1px solid #67849C; background-color: #fff;}

#heading {
	background: #485DA0 url(head_bg.gif) top right no-repeat;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 80px;
	float: left;
	clear: both;
}
.heading {float: left;}
#heading a {color: #fff;}

.headingIMGbox {margin: 0; padding: 0; background: #000; border-bottom: 1px solid #86A2BA; width: 100%; float: left; clear: both;}
.headingIMG {background: #000 url('bg_header_banner.jpg') top left no-repeat; color: #fff; /*width: 698px;*/ height: 120px; margin: 0; padding: 0; text-align: right; vertical-align: bottom;}
.headingIMG h1 {color: #fff; text-transform: lowercase; font-size: 24px}

.headdiv {
	background: #333;
	border-bottom: 1px solid #999;
	height: 0px;
	font-size: 0%;
	clear: both;
}

/*used for news splash */
#headerinfo { margin-top:10px;margin-bottom:20px; }
#headerinfo fieldset {padding: 3px; border: 1px solid #ddd;}

.siteTitles	{ margin: 10px 8px 2px 8px;}
.siteTitles a {text-decoration: none;}
.headName 	{font-size: 2em;}
.headslogan {font-size:1em;margin-top:10px;}

/* Search Box used on top of every page */
#searchbox { font-size: .8em; margin: 5px 4px;}
#searchbox form {display: inline;}

.fieldText {
	width: 100px;
	height: 24px;
	float: left;
}
.fieldText input.text {
	width: 94px; /*94*/
	height: 18px;
	padding: 0;
	margin: 1px;
	background: #fff;
	border: 1px solid #86A2BA;
	color: #000;
	text-indent: 2px;
}
html>body .fieldText input.text {margin: 2px;}
.fieldSubmit {
	width: 40px; /*68*/
	height: 24px;
	float: left;
}
/* Submit button */
.fieldSubmit input.submit {
	width: 50px; /*64*/
	height: 20px;
	margin: 2px;
	background: #86A2BA;
	border: 1px outset #eee; 
	text-transform: uppercase;
	color: #fff;
	font-size: 90%;
}

/* Menu Items
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.menu { color: #333; line-height: normal;}
.menu ul {padding-left: 0; margin-left: 0; list-style: none;}
.menu ul ul {padding:0;margin-left: 10px;}
.menu ul ul ul {padding:0;margin-left: 20px; }
#colLeft li {display:block;float:left;clear:both;width:140px;}

.menu_default a { display: block;margin-top: 2px; margin-bottom: 2px; padding: 2px;}
.menu_default a {font-weight: normal; border: 1px solid #ddd; }

.menu_default a:link { text-decoration: none;}
.menu_default a:visited {text-decoration: none;}
 /*.menu ul ul ul a{color: #06c;} for the sub pages (products)*/
.menu_default a:active, .menu_default a:hover {color: #900; text-decoration: none; border: 1px solid #900;}
.menu ul ul a {border-color: #339;}

/* Make sure ie adds padding to menu's left side */
fieldset.leftbox ul { padding-left: 4px; }

.menu_current a {
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
	border: 1px solid #ddd;
	font-weight: normal;
	color: #900;
}
.menu_current .menu_default a {font-weight: normal;}

/* 3 column table */

#root {
	width: 100%;
	background-color: #fff;
	text-align: left;
	clear: both;
}
#colLeft {
	width: 175px;
	vertical-align: top;
	text-align: left;
	padding: 4px;
}
#colLeft div {vertical-align: top;}
#colLeft form {display: inline;}

/* Main Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#colMain {
	width: auto;
	background-color: #fff;
	background: #fff url(menu_border.gif) no-repeat top left;
	vertical-align: top;
	text-align: left;
}
/* keep table borders for users without stylesheets
 & hide the "ugly" borders for those with */
#colMain table[border="1"]{ border:0;}

/* logos used under menu */
#accreditation { text-align: center; }
#accreditation img { padding: 2px; }

#mainContent 			{padding: 4px;}
#mainContent img 	{margin: 4px;}

blockquote.message 	{margin: 0; padding: 0; line-height: 1.4; padding-left: 8px;}
blockquote .quote 	{font-size: 200%; color: #039; line-height: 1;}


.rowbox {font-size: 90%; padding-top: 2px;}
.rowbox a, .rowbox a:link, .rowbox a:visited, .rowbox a:active, .rowbox a:hover {font-weight: bold;}
label.rowbox { text-align: left;}

/* Used for the login Details */
.leftbox {margin-top: 16px; border: 1px solid #ddd;}
.leftbox .leftboxhead {padding: 4px; color: #666; text-align: center; font-weight: bold;}
.leftbox .leftboxhead strong {font-weight: normal;}
.leftbox .leftboxbody {padding: 4px; text-align: center;}

.leftbox input.text {border: 1px solid #333; background-color: #E1EEFA;}


/* Footer Elements */
.footdiv {
	background: url(footer_border.gif) no-repeat top left;
	height: 5px;
	clear: both;
}
#footer {
	vertical-align: top;
	text-align: left;
	padding-top: 5px;
	padding-left: 4px;
	font-size: 81%;
	color: #999;
}
#footerlogo 	{ float: left; width: 175px; display: inline;}
#footertext		{ float: left; width: auto; clear: right; }

#footer a {color: #06c;}
#footer a:link, #footer a:visited {text-decoration: none;}
#footer a:active, #footer a:hover, #footer a:focus {text-decoration: underline;}
#author {
	padding-top: 8px;
	padding-bottom: 8px;
	background-color:#fff;
}

#footer, .footdiv {background-color:#fff;}

.clearfix {
    clear: both;
    line-height: 1px;
    font-size: 1px;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
}

.padding { padding: 2px; }

.options {margin: 8px auto; font-size: .8em;}
.options a {display: inline !important;}

.stealth {visibility: hidden; display: none;}
.topLink {
	background-image: url('icon_up_arrow.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: 20px;
	height: 16px;
}

.floatLeft 	{float:left;}
.floatRight {float:right;}

#rollovers	{padding:0;margin:0;}
#rollovers td img {display:block;}

/* Website Baker Form Classes */
.field_title {width: 180px !important;}
.textfield {}
.required {color: #f00; font-weight: bold; font-size: 120%;}
.field_heading {/* See h1 above */}
.searchresults {background: #fefefe; width: auto;}

/* Search Results Page */
.searchagain		{}
td.searchinput 	{width: 200px;}
td.searchbutton { }

/* Additional Styles for use in FCKeditor (must be copied in fck_screen.css
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
span.lineDouble {line-height: 2em;}
span.lineOneHalf {line-height: 1.6em;}

span.paraLarge 	{font-size: 1.2em;letter-spacing: 2px;}
span.paraLarge2 {font-size: 1.2em;letter-spacing: 2px;font-weight:bold;}