@charset "utf-8";
/* 
** Body Stuff
*/
body {
	background-color: #f6f6f6;
	margin:0;
	padding:0;
	border:0;
}
body, td, th {
    font: 14px/21px Arial, Verdana, sans-serif;
	color: #333;
}
#wrp {
	margin:20px auto;
	padding:0;
	border:0;
	width:984px;
}
/*
** HTML Tags
*/
p {
	font: 14px/21px Arial, Verdana, sans-serif;
}
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
}
h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
}
h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
}
h4 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:14px;
}

a:link {
	color:#369;
}
a:visited {
	color:#369;
}
a:active, a:hover {
	color: #FF4B33;
}


/*
** HTML Tags Classes
*/
.line_height_36px {
	line-height:36px;
}
.margin_0px {
	margin:0;
}
.margin_3px {
	margin:3px 0;
}
.margin_6px {
	margin:6px 0;
}
.margin_12_0_6_0 {
	margin:12px 0 6px 0;
}
.margin_12_0_3_0 {
	margin:12px 0 6px 0;
}
.margin_30_0_12_0 {
	margin:30px 0 12px 0;
}
.margin_60_0_12_0 {
	margin:60px 0 12px 0;
}
.align_center {
	text-align:center;
}
.quote {
	font-size:12px;
	color:#666;
}
.oblique {
	font-style:oblique;
}
/*
** lesson stuff
*/

#lesson {
	border-bottom:1px solid #ccc;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}
#lesson img {
	border:1px solid #ccc;
}
/*
** 984 Panel Stuff
*/
#panel_984_top {
	width:984px;
	height:30px;
	margin:0;
	text-indent:10px;
	line-height:30px;
	background:#369 url(im/panel-984-top.jpg) no-repeat 0 0;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:fff;
}
#panel_984_mid {
	width:944px;
	margin:0;
	padding:20px;
	background:#fff url(im/panel-984-mid.jpg) repeat-y 0 0;
}
#panel_984_btm {
	width:984px;
	height:10px;
	background-color:#fff;
	margin:0 0 20px 0;
	background:#fff url(im/panel-984-btm.jpg) no-repeat 0 0;
}
/*
** 984 Panel Table Stuff
*/
#panel_984_mid .lhcol {
	width:680px;
	padding:0 44px 0 0;
	margin:0;
	border:0;
	text-align:left;
	vertical-align:top;
}
#panel_984_mid .rhcol {
	width:220px;
	padding:0;
	margin:0;
	border:0;
	text-align:left;
	vertical-align:top;
}
/*
** 314 Panel Stuff
*/
#panel_314_top {
	width:314px;
	height:30px;
	margin:0;
	text-indent:20px;
	line-height:30px;
	background:#369 url(im/panel-314-top.jpg) no-repeat 0 0;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#336699;
}
#panel_314_mid {
	width:282px;
	margin:0;
	padding:16px;
	background:#fff url(im/panel-314-mid.gif) repeat-y 0 0;
}
#panel_314_mid_lower {
	width:282px;
	margin:0;
	padding:0 16px 16px 16px;
	background:#fff url(im/panel-314-mid.gif) repeat-y 0 0;
}
#panel_314_btm {
	width:314px;
	height:6px;
	margin:0 0 20px 0;
	background:#fff url(im/panel-314-btm.gif) no-repeat 0 0;
}
/*
** 220 Like 314 Panel Stuff
*/
#panel_220_top {
	width:220px;
	height:30px;
	margin:0;
	text-indent:10px;
	line-height:30px;
	background:#369 url(im/panel-220-top.jpg) no-repeat 0 0;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#panel_220_mid {
	width:196px;
	margin:0;
	padding:12px;
	background:#fff url(im/panel-220-mid.gif) repeat-y 0 0;
}
#panel_220_btm {
	width:220px;
	height:10px;
	margin:0 0 20px 0;
	background:#fff url(im/panel-220-btm.gif) no-repeat 0 0;
}
/*
** 220 Download Blue Panel Stuff
*/
#panel_220_blu_top {
	width:220px;
	height:20px;
	margin:0;
	background:#369 url(im/panel-220-blu-top.gif) no-repeat 0 0;
}
#panel_220_blu_mid {
	width:180px;
	margin:0;
	padding:10px 20px;
	background:#fff url(im/panel-220-blu-mid.gif) repeat-y 0 0;
}
#panel_220_blu_btm {
	width:220px;
	height:20px;
	margin:0 0 20px 0;
	background:#fff url(im/panel-220-blu-btm.gif) no-repeat 0 0;
}
/*
** 220 Dark Panel Stuff
*/
#panel_220_drk_top {
	width:220px;
	height:20px;
	margin:0;
	background:#333 url(im/panel-220-drk-top.gif) no-repeat 0 0;
}
#panel_220_drk_mid {
	width:180px;
	margin:0;
	padding:20px;
	background:#fff url(im/panel-220-drk-mid.gif) repeat-y 0 0;
}
#panel_220_drk_btm {
	width:220px;
	height:20px;
	margin:0 0 20px 0;
	background:#fff url(im/panel-220-drk-btm.gif) no-repeat 0 0;
}
/*
** 220 Blk Panel Stuff
*/
#panel_220_blk_top {
	width:220px;
	height:20px;
	margin:0;
	background:#000 url(im/panel-220-blk-top.gif) no-repeat 0 0;
}
#panel_220_blk_mid {
	width:180px;
	margin:0;
	padding:20px;
	background:#fff url(im/panel-220-blk-mid.gif) repeat-y 0 0;
}
#panel_220_blk_btm {
	width:220px;
	height:20px;
	margin:0 0 20px 0;
	background:#fff url(im/panel-220-blk-btm.gif) no-repeat 0 0;
}
/*
** product matrix
*/
#matrix {
	color:#08318C;
	margin:0 2px;
	padding:0;
}
#matrix td {
	border:1px solid #B4CCD8;
	padding:6px;
}
#matrix h4 {
	font-size: 15px;
	margin:0;
}
#matrix h6 {
	font-size: 12px;
	margin:0;
}
/*
** Product Table Stuff
*/
#product_table {
	margin:0;
	padding:0;
	border:0;
}
/*
** Nav Stuff
*/
#nav {
	width:876px;
	height:37px;
	margin:0 auto 20px auto;
	padding:0 0 0 104px;
	background-color:#666;
	background-image:url(im/nav-bg.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#nav ul {
	padding:0;
	margin:0;
	list-style:none;
}
#nav li {
	padding:0;
	margin:0;
	line-height:37px;
	width:auto;
	float:left;
	border-right:1px solid #6D6C69;
}
#nav li:hover ul {
	left: auto;
}
#nav li.sfhover ul {
	left: auto;
} /*JS Fix for IE6*/
#nav li:hover {
	position: static;
} /*Fix for sticky menus in IE*/
#nav li ul {
	padding:0;
	margin:0;
	position:absolute;
	left:-999em;
	border-left:1px solid #111;
	border-right:1px solid #111;
	border-bottom:0;
}
#nav li ul li {
	padding:0;
	margin:0;
	width:280px;
	clear:both;
	background-color:#666;
	border-bottom:1px solid #111;
	border-right:0;
}
#nav a {
	margin:0;
	padding:0 37px 0 37px;
	line-height:37px;
	display:block;
	color:#fff;
	font-size:12px;
	text-decoration:none;
}
#nav a:hover {
	background-image:url(im/nav-over.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	background-color:#336699;
}
#nav li ul li a {
	padding:0;
	margin:0;
	text-indent:37px;
}
/*
** footer
*/
#footer_outer {
	height: 160px;
	width: 100%;
	background-color: #444;
	margin:0;
	padding:20px 0 0 0;
}
#footer_inner {
	width: 940px;
	color: #FFF;
	margin:0 auto;
}
/*
** Help Stuff
*/
span.info {
	display: block;
	padding: 10px 10px 10px 70px;
	margin: 15px 0;
	color: #0055BB;
	border: 1px solid #d6d6d6;
	background: #eff url(im/icon_info.png) 10px 20px no-repeat;
}