@charset "UTF-8";
	
   @import url("reset-min.css"); /* ------- Reset all CSS Styles */
   
   
   
/******************************************** Datatrac ********************************************/
	
   
	body{
		font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #4b4942;
		background: #FFFFFF;
	}
	a{
	text-decoration: none;
	color: #000066;
}
	a:hover{
	color: #000000;
	text-decoration: underline;
}
	hr{display: none;}
	strong{font-weight: bold;}
	ul.borderedlist li{
		border-bottom: 1px dashed #d1cfcd;
	}
	ul.borderedlist li a{
		display: block;
		padding:3px 0 0 2px;
		height: 26px;
		color: #42423b;
	}
	ul.borderedlist li a:hover{
	background: #E5E5E4;
	color: #000066;
}


/******************************************** Images ********************************************/
.img_left {float:left;}
.img_right {float:right;}
.homepageMap {float:right; margin-top:60px;}
.homepageLogo {float:left; margin-top:-40px;;}


/******************************************** Container ********************************************/
	.container{
		width:900px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;
	}
/******************************************** Header ********************************************/
	#header{
	height: 253px;
	position: relative;
	background-color: #4a4841;
	background-image: url(../icons/header_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
	#navigation{
		position: absolute;
		right: 0;
		top:20px;
	}
	
	#header .container{height: 253px;}

/******************************************** Main Content ********************************************/
	#main{padding:24px 0 20px 0;}
	#leftcolumn{float: left;width:193px;}
	#center{float: left;width:380px;padding: 0 20px;}
	#rightcolumn{float: left;width:287px;}
	#bottominfo{
	padding-bottom:25px;
	width: 100%;
	overflow: hidden;
	background-color: #CCCCCC;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #000066;
	}
	.bottomcolumn{
		float: left;
		width:288px;
		margin-right: 18px;
	}
	.bottomright{margin-right:0;}	
	

	h1{
		position: absolute;
		height: 71px;
		top: 15px;
	}
	h1 a{
		font: 24px/24px Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 22px 9px 25px 20px;
		display: block;
		color: #fff;
		background: url(../icons/logo_bg.gif) left top no-repeat;
	}
	h1 a:hover{color: #fff;}
	h1 a span{
		height:71px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(../icons/logo_right.gif) right top no-repeat;
	}
/******************************************** Top Navigation ********************************************/
	#navigation li{
		float: left;
		padding-right: 23px;
		text-transform: uppercase;
		font-size: 1.3em;
		font-weight: normal;
	}
	#navigation li a{
	color: #CCCCCC;
}
	#navigation li a:hover {
	color: #FFFFFF;
}

	#navigation li a.current {
	color:#FFFFFF;
	}

	#slogan{
	position: absolute;
	height: 125px;
	color: #FFFFFF;
	padding:0 440px 0 7px;
	bottom: 0;
	font-size: 1.7em;
	left: 1px;
	width: 538px;
	}
	
/******************************************** Content ********************************************/

	.leftbox{background: #f1f0ef;padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.8em;}
	h3.leftbox{
	font-size:1.6em;
	font-weight:bold;
	color: #FFFFFF;
	padding:5px 0 10px 23px;
	background-image: url(../icons/heading_blue_back.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
	h3.header_small{
	font-size:15px;
	font-weight: bold;
	padding:0 23px 5px 23px;
}
	ul.leftbox{font-size: 1.2em;}

	.features{padding-top:0px;font:1.27em Arial, Helvetica, sans-serif;}
	
	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	
	/* center column */
	.article_wrapper h2{color: #000066; font-size:2em;margin:10px 0;}
	.article_wrapper p{padding-bottom:10px;font-size:1.3em; line-height:1.8em;}
	.article_wrapper ul li{
	padding-left: 50px;
        font-size:1.3em;
	background-image: url(../icons/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	/* right column */
	.rightbox_wrapper{
		background: #eeeded;
		padding:5px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		font-size:11px;
		line-height: 18px;
		color: #58584D;
	}
	.rightbox{border: 1px solid #d9e0e8;width:285px;overflow: hidden;padding-bottom:6px;}
	.product_image{ float: left;margin: 6px 0 0 6px;}
	.product_wrapper{float: right;width:200px;}
	.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}
	.product_wrapper p{font-size:1em; width:190px;}
	.lastbox{margin:0;}


/******************************************** Article Content ********************************************/
	#articlePage{float: left;width:640px;padding: 0 20px;}
	
	#articlePage ul li{
	font-size:1.2em; padding-bottom:10px; list-style:disc; margin-left:10px; line-height:inherit;	
	}

	ul.borderedlistArticles li{
		border-bottom: 1px dashed #d1cfcd;
	}

	ul.borderedlistArticles li div {
		display: block;
		padding:5px 0;
		height: auto;
		color: #42423b;
	}	
	
	ul.borderedlistArticles li div:hover{
	background: #E5E5E4;
	color: #000066;
	}	

	h3.articlebox{
	font-size:1.6em;
	font-weight:bold;
	color: #FFFFFF;
	padding:5px 0 10px 23px;
	background-image: url(/icons/heading_blue_back.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	}
	
	h3.articlebox:hover{ background: #000066; }
	.addButton {
	padding:3px; color:#FFFFFF; background-color:#000000; font-size:12px; font-weight:bold; margin:-1px 5px 5px 15px;
	}
	.addButton:hover{
	color:#666666; text-decoration:none;}
	
	.editButton {
	padding:2px; font-size:10px; font-weight:bold; margin-top:-5px;
	}



/******************************************** Login ********************************************/

	#login {
	background-color:#999999;
	padding:5px;
	background-image: url(../icons/footer_background.gif);
	background-repeat: repeat-x;
	margin-top:-20px;
	}
	.userLogin {margin-right:10px; margin-top:10px; font-size:1.0em;}

	h3.userLogin{
	font-size:1.6em;
	font-weight:bold;
	color: #FFFFFF;
	margin-top:-10px;
	margin-right: 0px;
	margin-bottom:5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 15px;
	}

	.loginText {
	color:#000000;
	}


/******************************************** Bottom ********************************************/


	.bottomcolumn h3{
	color: #000000;
	font-size:18px;
	padding:15px 0 5px 5px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	}
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 1.2em;
	}
	.iconlist{
		border-top: 1px dashed #d1cfcd;
		font-size: 1.2em;
	}
	ul.iconlist li a{
	padding-left: 25px;
	background-color: #CCCCCC;
	background-image: url(../icons/bullet_grey.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
	ul.iconlist  li a:hover{
	color: #000033;
	background-color: #CCCCCC;
	background-image: url(../icons/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration:none;
}
	
/******************************************** Footer ********************************************/
	#footer{
	height: 37px;
	font-size: 1.2em;
	background-color: #000000;
	background-image: url(../icons/footer_background.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	}
	#footer a{
	color: #FFFFFF;
}
	#designby{
	float: left;
	height: 23px;
	margin-top: 5px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}
	#footer_navigation{
		float: right;
		padding-top:7px;
	}
	#footer_navigation li{float: left;padding-left:38px;}
	#footer_navigation li a{text-transform:uppercase;}
	#footer_navigation li a:hover{
	color: #CCCCCC; text-decoration:underline;
}
	
/******************************************** Menu ********************************************/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#menu {
	list-style:none;
	height:32px;
	z-index:900;
	font-size:1.1em;
	margin-left:200px;
	padding-top:16px;
}
#menu li {float:left; margin-right:1px; margin-left:10px}

#menu li a {display:block; float:left; line-height:20px; color:#ccc; text-decoration:none; font-size:1.0em; font-weight:bold; padding:5px 10px 7px 10px;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:600; position:relative; color:#FFFFFF; background-color:#000000;}
#menu li:hover {position:relative; z-index:100;}
#menu li:hover a {color:#fff; background:#000000;}
#menu :hover ul {left:0; top:32px; width:180px; background:#444;}
#menu ul, #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul li {margin:0; border-top:1px solid #FFFFFF; }
#menu :hover ul li a {width:180px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px; }
#menu :hover ul :hover {background-color:#000000; color:#fff;}

#menu :hover ul :hover ul li a {width:180px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#000000; color:#fff;}

#menu :hover ul :hover ul
{left:180px; top:-1px; background-color:#000000; white-space:nowrap; width:100px; z-index:200; height:auto;}


/* CMS bits and pieces */


.closed {display:none;}
.open {display:block;}
.selected {font-weight: bold; font-size:110%;}
.notselected {font-weight: normal; font-size:100%;}
.error {color:red; font-weight: bold;}