/* Created by TopStyle Pro Trial Version - www.bradsoft.com */
* {
	padding:0;
	margin:0;
	border:0;
	}
body {
	border-bottom: 0;
	background-color: #F6F6F6;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* this outerwrap owes its existence to my desire for a drop shadow - the lucky thing!*/
#outerwrap
{
	margin: 0 auto;
	margin-top: 0px;
	width: 940px;
	background-image: url(images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
.topshadow
{
	margin: 0 auto;
	width: 940px;
	padding: 0;
	border: 0;
	margin-bottom: -5px;
}
#wrapper {
	width: 900px;
	margin: 0 auto;
	margin-top: 5px;
	text-align: left;
	background-color:#FFFFFF;
	padding: 0;
	position: relative;
	left: 0px;
	padding-bottom: 10px;
	
}
#wrapperindex {
	width: 900px;
	margin: 0 auto;
	margin-top: 5px;
	text-align: left;
	background-color:#FFFFFF;
	padding: 0;
	position: relative;
}
#bottombar{
	background-image: url(images/bottombg2.gif);
	width: 780px;
	background-repeat: no-repeat;
	margin: 0 auto;
	height: 50px;
}
#navbar {
	width:860px;
	position: relative;
	background-image: url(images/navbg.jpg);
	margin: 0px;
	padding-right: 40px;
	border: 0;
	color: white;
	height: 30px;
	border-bottom: 1px solid #7D6800;
	text-align: right;
	}
.navtext {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: x-small;
		font-weight: bold;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 5px;
		color: White;
		text-decoration: none;
		
	}
.navtext a:link, .navtext a:visited {
		color: white;
		padding-left: 10px;
		text-decoration: none;
}
.navtext a:hover {
		color: #0086ac;
		padding-left: 10px;
		text-decoration: none;
}
#leftbar {
	float: left;
	width: 178px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	display: inline;
	color: #00769b;
}
.navbox {
	border: 1px solid #c9dee4;
	margin-bottom: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-bottom:10px;
	background-color: #F3F8F9;
	_padding-bottom:0;
	*padding-bottom:0;
}
#navlist
{
	margin-left: 0;
	list-style: none;
}
#navlist ul { list-style: none; }
#navlist li
{
	line-height: 18px;
	background-color: #e7f1f3;
	margin-top:0;
}

#navlist li a {
	text-decoration: none;
	color: #191970;
	border-bottom: 1px solid #c9dee4;
	border-top: 1px solid #fff;
	display: block;
	width:146px;
	background: url(images/arrow.gif) no-repeat 10px 10px;
	padding:4px 10px 4px 20px;	
}
#navlist li ul li {
	margin-right: 0;
	display: none;
	background-color:#F3F8F9;
}
#navlist li.current {
	display: block;
	font-weight: bold;
}
#navlist li.current ul li {
	display: block;
}
#navlist li ul li.currentSibling {
	display: block;
	font-weight: normal;
	background-color: #f3f8f9;
}
#navlist li ul li a
 {
	background: url(images/subnav-arrow.gif) no-repeat 20px center;
	padding-left:35px;
	width: 131px;
}
#navlist li ul li a.on
{
	background: #f3f8f9 url(images/subnav-arrow.gif) no-repeat 20px center;
	padding-left:35px;
	width: 131px;
}
#navlist li a.on {
	background-color: #d1b200;
	color: #fff;
}
#navlist li a.off {
	display: none;
}
#navlist li a:hover, #navlist li a:focus
 {
	color: red;
	background-color: #fcfcfc;
}
#navlist li.currentParent
  {
	font-weight: normal;
	background-color: #d1b200;
}
	#navlist li.currentParent a {
		color: #fff;
	}
	#navlist li.currentParent ul li a {
		color: #191970;
	}
#navlist li.current ul.subnavlist li a
  {
	font-weight: normal;
	background-color: #f3f8f9;
}
#leftbar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-image: url(images/h1bar.jpg);
	background-position: top;
	/*line-height: 22px;*/
	font-size: 12px;
	font-weight: bold;
	/*color: #CC6600;
	color: #3E3E3E;*/
		color: #ce8700;
	padding-left: 0.5em;
	padding-bottom: 6px;
	position: relative;
	padding-top: 8px;
	background-color: white;
}

#midcolumn {
	float: left;
	width: 500px;
	margin: 10px 10px 0px 0px;
	/*padding: 0 10px 0 10px;*/
}
.mainbox {
	border: 1px solid #c9dee4;	
	background-image: url(images/boxbg2.png);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 20px;
}
.innerbox {
	float:left;
	width:209px;
	margin-right:15px;
}
.innerbox.innerbox3 {
	width: 657px;
	margin-right: 0;
}
.innerbox.last {
	margin-right: 0;
}
	.innerbox .mainbox {
		padding:10px 10px 40px 10px;
		margin-top:20px;
		height: 130px;
		
	}	
	#rightbar .innerbox .mainbox  ul li {
		margin-left:0;
		background: url(images/tick.png) no-repeat left 5px;
		padding-left:18px;
	}
	.innerbox h2 {
		font-size: 15px;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
		color: #0086ac;
		margin-bottom: 10px;
		border-bottom:1px solid #d7e6ee;
		padding-bottom: 5px;
		
	}
.mainboxprod {
	border: 1px solid #c9dee4;	
	background-color: #f3f8f9;
}
p{
	line-height: 1.5em;
}
#midcolumn p {
	font-family: arial, georgia, "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #191970;
	margin-top: 4px;
}
#rightbar {
	float: left;
	width: 682px;
	margin: 10px 10px 0px 0px;
	font-family: arial, georgia, "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #191970;
	
	/*padding: 0 10px 0 10px;*/
}
#rightbar p {
	margin-top: 4px;
}
#rightbar li {
	background-image: url(images/arrow2.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-top: 2px;
	line-height: 18px;
	margin-right: 20px;
	padding-left: 8px;
	list-style: none;	
	margin-left: 10px;
}
.midcolpad {
	padding: 5px 10px 5px 10px;
}
#rightcolumn {
	float: left;
	width: 178px;
	margin: 10px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}
#rightcolumn ul {
	padding-left: 15px;
	margin-bottom: 5px;
	list-style: none;
}
#rightcolumn li {
	background-image: url(images/arrow2.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-top: 2px;
	border-bottom: 1px solid #c9dee4;
	line-height: 18px;
	margin-right: 20px;
	padding-left: 8px;
	
}
#rightcolumn li ul {
	background-color: #ffe1e8;
	margin-bottom: 0;
	color: #4b0082;
	
}
#rightcolumn li ul li{
	list-style: none;
	padding-left: 8px;
	display: block;
	font-weight: normal;
	voice-family: "\"}\"";		/* Box model hack */ 
  	voice-family:inherit;
	background-image: url(images/arrow2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 11px;
}
.navtext a:link, .navtext a:visited {
		color: white;
		padding-left: 10px;
		text-decoration: none;
}

#rightcolumn a:link, #rightcolumn a:visited {
	text-decoration: none;
	color: #191970;
	display: block;
}
#rightcolumn li a:hover {
	color: red;
}

#rightcolumn h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-image: url(images/h1bar.jpg);
	background-position: top;
	/*line-height: 22px;*/
	font-size: 12px;
	font-weight: bold;
	color: #ce8700;
	padding-left: 0.5em;
	padding-bottom: 6px;
	position: relative;
	padding-top: 8px;
	background-color: white;
}
.schoolsbox {
	float: left;
	margin-right: 16px;
	margin-top: 10px;
	border: 1px solid #c9dee4;
	width: 240px;
	background-image: url(images/boxbg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}
.companiesbox {
	float: left;
	margin-top: 10px;
	border: 1px solid #c9dee4;
	width: 240px;
	background-image: url(images/boxbg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}


h1 {
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	color: #A78C00;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 4px;
}
.smallheader {
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	color: #A78C00;
	font-size: 9pt;
	font-weight: bold;
	margin-left: 20px;
	padding-top: 1px;
	
}
#text p{
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
}
#lefttext {
	width: 500px;
	float: left;
	background: transparent;
	}
#righttext {
	width: 230px;
	float: right;
	padding-bottom: 10px;
	margin-top: 10px;
	background-image: url(images/scrollbar.jpg);
	background-repeat: no-repeat;
	background-color: #9b7c07;
	color: White;
	text-align: right;
}
#righttext h2 {
	padding-left: 60px;
	padding-top: 10px;
	padding-bottom:10px;
	padding-right: 10px;
	color: white;
	font-size: 120%;
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	}
	
#righttext p {
	padding-right: 10px;
	font-family:Arial,Helvetica,sans-serif;
font-size:70%;
margin-left:20px;
}
#righttextso {
	width: 230px;
	float: right;
	padding-bottom: 10px;
	margin-top: 10px;
	background-image: url(images/scrollbar2.jpg);
	background-repeat: no-repeat;
	/*background-color: #9b7c07;*/
	background-color: #990000;
	color: White;
	text-align: right;
}
#righttextso h2 {
	padding-left: 60px;
	padding-top: 10px;
	padding-bottom:10px;
	padding-right: 10px;
	color: white;
	font-size: 120%;
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	}
	
#righttextso p {
	padding-right: 10px;
	font-family:Arial,Helvetica,sans-serif;
font-size:70%;
margin-left:20px;
}
.picright{
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
.logo{
	float: left;
}
.clear {clear:both;
		height:1px;
    	font-size:.001em;
		}
#bottombar{
	background-image: url(images/footerbg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 940px;
	margin: 0 auto;
	padding-top: 8px;
	text-align: center;
	color: white;
	background-color: #f4f4f4;
	height: 50px;
}
#footer{
	background-image: url(images/shadow.jpg);
	background-position: bottom;
	background-repeat: repeat-y;
	width: 940px;
	margin: 0 auto;
	padding-top: 8px;
	text-align: center;
	color: #6495ed;
	background-color: #ddd8d5;
}
#footertext {
	width: 900px;
	background-color: #dae9ed;
	margin: 0 auto;
	padding-top: 20px;	
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	background-image: url(images/navboxbg.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #e6e6e6;
}

#footertext a:link, #footertext a:hover, #footertext a:visited  {
	color: #1650b6;
	text-decoration: none;
}


/* Start of the Products page  */

#productboxleft {
	margin-top: 10px;
	margin-left: 10px;
	display: inline;
	width: 460px;
	float: left;	
	border: 1px solid #e0e0e0;
	padding: 15px 15px 40px 15px;
	background-image: url(images/prodboxbg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: white;
}
.prodnavbox {
	background-color: #f3f8f9;
	border: 1px solid #c9dee4;
	border-top: 1px solid #b5d2da;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 40px;
	float: right;
	width: 140px;
	background-image: url(images/navboxbg.jpg);
	background-position: bottom;
	background-repeat: repeat-x;

}
.prodnavbox h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #00769B;
	font-size: 12px;
	padding-left: 10px;
	font-weight: bold;
	background-image: url(images/navboxbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 2.5em;
	border-bottom: 1px solid #d2e4e8;

}


#textboxleft {
	/*margin-top: 10px;*/
	margin-left: 20px;
	padding-right: 10px;
	display: inline;
	width: 360px;
	float: left;	
	font-family: arial, verdana, arial, helvetica, sans-serif;
	font-size: 70%;
}

.prodleft {
	float: left;
	width: 240px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small;

}
.prodimage {
	float: right;
}
h3 {
	font-family: arial, "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	color: #A78C00;
	font-size: 21px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: normal;
}
h2 {
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	color: #A78C00;
	font-size: 19px;
	font-weight: normal;
}
h2 a {
	text-decoration: none;
	color: #A78C00;
}
.textbody {
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.textbody p {
	font-family: arial, verdana, arial, helvetica, sans-serif;
	font-size: 70%;
}

.textbody ul {
	font-family: arial, verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.rightpic {
	float: right;
	margin-left: 5px;
	margin-right: 10px;
}
h4 {
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	color: #a78c00;
	font-size: small;
	margin-top: 10px;
	margin-bottom: 5px;
}
h5 {
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	color: #0086ac;
	font-size: 110%;
	margin-top: 5px;	
}
h6 {
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	color: #0086ac;
	font-size: 100%;
	margin-top: 5px;	
} 


.lefttext {
	float: left;
	width: 200px;
}
.floatright{
	float: right;
	margin-right: 50px;
}
.floatleft{
	float: left;
	width: 30%;
}

.picright2 {
	float: right;
	margin-right: 20px;
	margin-left: 20px;
}
.contactname {
	float: left;
	margin-right: 10px;
	width: 200px;
}
#flash {
	width: 498px;
	height: 150px;
	border-bottom: 1px solid #e0e0e0;

}
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:red;
	font-size: 13px;
	margin-top: 10px;
	width: 100px;
	padding:	5px;
	background-color: #e8f2f2;
	border: 1px solid #b0dbe8;
	height:20px;
	font-family: arial;
	/* End layout CSS */

	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	
	/* End layout CSS */
	width: 400px;
	padding: 10px;
	background-color: #F2F8F9;
	border: 1px solid #b0dbe8;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	position:relative;
	background-color: #F2F8F9;

}
blockquote{
	background: #F2F8F9;
	padding:15px;
	margin-bottom: 15px;
	border: 1px solid #e6f2f4;
}
.training-button {
	float: right;
	margin-right: 30px;
}
div.training-box {
	border-bottom: 1px dotted #C9DEE4;
	padding:20px 0;	
	padding-left: 30px;
	margin-left:30px;
	display: block;
}	

div.training-box.first {
	border-top: 1px dotted #C9DEE4;
	margin-top:20px;
}
.cms {
	float: right;
}
div.reveal {
	display: none;
}
a.show-hide {
	background: url(images/plus.png) left 2px no-repeat;
	padding-left: 15px;
	margin-top: 10px;
	color: #0086ac
}
img.special-offer {
	float:right;
	margin-right: 50px;
}
div#nav {
	position: absolute;
	right: 10px;
	z-index: 999;
	top:4px;
}
div#nav a {
	background: #fff;
	font-size: 10px;
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 2px;
	text-decoration: none;
	margin-right: 2px;
}
div#nav a.activeSlide {
	background: #ccc;
	color: #fff;
}
div#flash {
	position: relative;
}