*{
	padding: 0;
	margin: 0;
}
body {
	background-color: #002e5e;
}
#wrapper {
	width: 741px;
	\width: 770px;
	w\idth: 741px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}
#header {	}
#logo {background-image: url(img/bg_header.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 176px;}
#logo2 {background-image: url(img/top_nav11.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 35px;}
#top_nav {
	text-align: center;
	background-image: url(img/top_nav22.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 29px;
	/*border: thin solid #990000;*/}
#top_nav li{
	display: inline;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #399;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}
#top_nav li a:link {color:#FFF;text-decoration:none; font-weight:bold;}
#top_nav li a:visited {color:#FFF;text-decoration:none; font-weight:bold;}
#top_nav li a:hover {color:#399;text-decoration:none; font-weight:bold;}

#content {
	background-color: #FFF;
}
#content-left {
	width: 200px;
	float: left;
	background: #FFF url(img/bg_content_left.gif) no-repeat left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #069;
	font-variant: normal;
	line-height: 14px;
	padding: 10px 0px 5px 15px ;
}
#content-left #left_nav li {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
}

#left_nav li a:link{color: #069;text-decoration: none;}
#left_nav li a:visited{color: #069;text-decoration: none;}
#left_nav li a:hover{color: #add6ad;text-decoration: none;}



#left_nav #arrows ul{
	list-style-type: none;
	margin-left: 5em;
}
#left_nav #arrows li{
	background-repeat: no-repeat;
 	background-position: 0.6 0.3em;
	padding-left: .9em;
	font-weight: normal;
	list-style-position: inside;
}

#left_nav #arrows a:link {color: #399 !important; text-decoration:none;font-weight: normal;}
#left_nav #arrows a:visited {color: #399 !important ;text-decoration:none;font-weight: normal;}
#left_nav #arrows a:hover {color:#069 !important ;text-decoration:none;font-weight: normal;}

#content-main {
	width:510px;
	float: right;
	background-color: #FFF;
	padding: 10px 15px 10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#content-main ul,ol{
	padding-left: 15px;
	padding-top: 0;
	padding-bottom: 4px;
}
#content-main li{
	list-style-position: inside;
}
.pd_content{width:355px;}
div#box1{
	/*background-image: url(img/bg_content_main_table_bot.gif);*/
	background-repeat: no-repeat;
	background-position: bottom;
}
div#box1 p{
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	line-height: 15px;
}

div#box1top li{
	margin: 10px;
}
div#box1top blockquote{
	margin: 5px 10px 5px 10px;
}
#box1top{
	/*background-image: url(img/bg_content_main_table_top.gif);*/
	background-repeat: no-repeat;
	background-position: top;
}
#strechback{
	background-image: url(img/box_lines.gif);
	background-repeat:repeat;}
div#box1 a:link{color:#006699;text-decoration: none;}
div#box1 a:visited{color:#006699;text-decoration: none;}
div#box1 a:hover{color:#009933;text-decoration: none;}
div#nifty{
	float:right;
	width:130px;
	margin:10px;
	background:#add6ad;
}
div#nifty p{
	background-image: url(img/spacer.gif);
	font-size: 10px;}

#inside_box ul{
	padding-left: 2px;
	list-style-position: inside;
}	
#inside_box li{
}	
	
#content_bottom{clear: both;
	background-image: url(img/bg_content_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 24px;}
#footer{
	text-align: center;
	background-color: #000;}
#footer p{
	letter-spacing: 0.2em;
	text-align: center;
	color: #099;
	font-size: 11px;
	padding-top: 3px 0 3px 0;
	background-color: #002E5E;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a:link{color: #099;text-decoration: none;}
#footer a:visited{color: #099;text-decoration: none;}
#footer a:hover{color: #add6ad;text-decoration: none;}
.greenmist {color: #399;}
.orange{color:#f90;}
.green {color: #093;}
.blue {color:#069;}
.ltblue {color:#0066CC;}
.white {color:#fff;}
.rust {color:#a54141;}
.gray{color:#999999;}



/* --->>> Login Area <<<--- */
/* Updated by Ron - Greater Web 5/3/2009 */

/* area reset */
.loginarea * {
	color: #000;
	font-size: 1em;
	margin: 0; padding: 0;
}

.loginarea a img { border: none; }

/* clear float */
.hr, .br {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
}

/* boxes */
.loginarea {
	padding: 11px 0 0;
	margin: 0 0 15px;
	background: url(img/bg_login-top.png) no-repeat 0 0;	
} * html .loginarea { background-image: url(img/ie6/bg_login-top.gif); }
	.loginarea-wrapper {
		min-height: 141px;
		padding: 0 25px 0 10px;
		background: url(img/bg_login-bottom.png) no-repeat 0 bottom;	
	} * html .loginarea-wrapper { height: 141px;  background-image: url(img/ie6/bg_login-bottom.gif); }

/* headings */
.loginarea h1,
.loginarea h2 {
	color: #006699;
	font: bold 1.25em/1.25 Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	margin: 0 20px 5px 0;
}
	.loginarea h1 a { color: #006699; }
	.loginarea h2,
	.loginarea h2 a { color: #ff9900; }

/* fake dropdown */
.loginarea .chromestyle { width: 158px; margin: 0 0 5px 0; }
.loginarea .chromestyle ul { text-align: right; }

.loginarea .dropmenudiv a { color: #3b8a4e; }


/* form stuff */
.loginarea form { width: 100%; float: left; }
.loginarea .searchBox {
	width: 130px;
	float: left;
	color: #7e7e7e;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 2px 0;
	border-color: #bbb;
}
.loginarea .searchBtn {
	float: left;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #006699;
	border-color: #006699;
}

/* cart */
.loginarea .cart {
	width: 100%;
	float: left;
	clear: both;
	color: #3b8a4e;
	margin: 5px 0 0;
}
	.loginarea .cart a {
		color: #3b8a4e;
		font-weight: normal;
		white-space: nowrap;
	} .loginarea .cart a span { color: #ff9900; font-weight: bold; }


.loginarea .reg-now {
	color: #3b8a4e;
	margin: 5px 0;
	white-space: nowrap;
}
	.loginarea .reg-now a { color: #ff9900; }

.loginarea .session { margin: 15px 0; }
	.loginarea .session strong { color: #3b8a4e; }

#content-main #cart-nav { margin: 0; padding: 0; text-align: center; }
#cart-nav li { display: inline; margin: 0; }
#cart-nav li a {
	padding: 0 10px;
	border-left: 1px solid #ccc;
} #cart-nav li.first a { color: #3b8a4e; font-size: 1.25em; border: none; }
	#cart-nav li.first a:hover { color: #006699; text-decoration: underline; }

/* REMOVED
div#loginarea{
	width:177px;
	text-align:left;
	background-color: #FFF3E8;
	background-image: url(img/login_box_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#loginarea p{
	margin: 0;
	padding: 5px;
}
div#loginarea a:link{color: #031074;}
div#loginarea a:visited{color: #031074;}
div#loginarea a:hover{color: #f90;}
#areatop 
{background-image: url(img/login_box_top.gif);
	background-repeat: no-repeat;
	background-position: center top;}
div#loginarea form{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
*/
/* REMOVED as duplicated*/

.large{
	font-size: 18px;}
#box1top h1{
	padding: 3px 3px 3px 6px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #006c5a;
	font-weight: normal;
}	
#box1top h2{
	background-color: #c4cfe7;
	padding: 3px 3px 3px 6px;
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	color: #006c5a;
	font-weight: normal;
}
#box1top h3{
	font-size: 18px;
	color: #006c5a;
	font-weight: normal;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #006c5a;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}
#box1top h4{
	font-size: 18px;
	color: #093;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}
#box1top h5{
	font-size: 16px;
	color: #093;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}
 /*light box css*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/img/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/overlay.png", sizingMethod="scale");
	}
#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(/img/spacer.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/overlay.png", sizingMethod="scale");
	}	
	/*end light box css*/
	
.ButtonImg  {
 	border: 0;
 }
 
 .imagePad  {
 	padding-right: 4px;
 }
.articletables{
	width:350px;
	padding-left: 10px;
}
.articletables h2{
	color:#006699;
	font-size:18px;
	padding-left: 10px;
	font-weight: bold;
}
.dash_orange{
	background-image: url(img/dash_orange.gif);
	background-repeat: repeat-x;
	text-align: center;
	width: 480px;
}
.dot_orange{
	background-image: url(img/dash_orange.gif);
	background-repeat: repeat-x;
	width: 170px;
}
.blueback{
	background-color: #036;
	font-size: 12px;
	color: #FFF;
}
.yelloback{
	background-color:#FFFF99;
	font-size: 12px;
	color: #f90;
}
li {}

/* --->>> Added by Ron 2008 <<<--- */
/* core */
#green-col {
	position: relative;
	width: 510px;
	padding: 15px 0 0;
	background: transparent url(img/bg_green-col-top.gif) no-repeat 0 0;
	}
#green-col-wrapper {
	padding: 0 10px 0 10px;
	margin: 0 0 15px;
	background: transparent url(img/bg_green-col-tile.gif) repeat-y 0 0;
	}
#green-col-btm {
	width: 510px;
	height: 15px;
	position: absolute;
	bottom: -15px; left: 0;
	background: transparent url(img/bg_green-col-btm.gif) no-repeat 0 bottom;
	}
	
div.br {
	width: 100%;
	float: left;
	clear: both;
	} div.br br { display: none; }

/* article copy */
/* added to create right margin as per bethann */
#article-copy {
	margin-right: 35px;
	}
	
/* ad block */
#side-ad {
	width: 150px;
	float: right;
	margin: 0 0 10px 10px;
	}

/* general formating */
div#box1 #green-col p  {
	line-height: 1.65;
	margin: 0 0 12px;
	padding: 0;	
	}
div#box1 #green-col td p  {	
	padding: 5px 5px 5px 10px;
	}
	
div#box1 #green-col p.info {
	color: #006699;
	padding: 5px;
	border-top: 1px dashed #006699;
	border-bottom: 1px dashed #006699;
	}
	
div#box1 #green-col p.infoUnderRule {
	color: #006699;
	padding: 5px;
	border-bottom: 1px dashed #006699;
	}
			
div#box1 #green-col h2 {
	color: #006699;
	font: bold 20px/1.75 Georgia, "Times New Roman", Times, serif;
	}
div#box1 #green-col h3 {
	color: #006699;
	font: bold 14px/1.75 Georgia, "Times New Roman", Times, serif;
	}
div#box1 #green-col ul {
	list-style-position:outside;
	line-height: 1.5;
	}
	
/* callouts */
div.callout {
	width: 175px;
	border: 1px solid #cee1e7;
	background: #f6fdf6;
	}
	
	div.callout-left { float: left; margin-right: 10px; }
	div.callout-right { float: right; margin-left: 10px; }

div.callout h3 {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	background: #adb2ad;
	padding: 5px 8px;
	}

#content-main #green-col .callout ol {
	font-size: 10px;
	margin: 10px 0;
	padding: 0 8px;
	}
	
#green-col .callout li {
	line-height: 1.5;
	padding: 0;
	margin: 0 0 8px;
	}

/* photo */
#green-col div.photo {
	padding: 15px 5px 5px;
	margin: 10px;
	border-top: 1px dashed #989c98;
	border-bottom: 1px dashed #989c98;
	}	
#green-col div.photo p {
	color: #989c98;
	font-size: 10px;
	text-align: center;
	font-style: italic;
	padding: 0; margin: 0;
	}
	
#green-col div.photoNoBorder {
	padding: 15px 5px 5px;
	margin: 10px;
	color: #989c98;
	font-size: 10px;
	text-align: center;
	font-style: italic;
	}	
	
/* --->>> Ron Added 6/24/2009 <<<--- */
/* reset */
div#box1 #white-col p { margin: 0; padding: 0; }

/* clear float */
.clear {
	height: 1px;
	clear: both !important;	
	visibility: hidden;
	margin-top: -1px;
	border: 0;
	background-color: transparent;
}

/* column */
#white-col {
	width: 510px;
	position: relative;
	background: url(img/bg_col-white-tile.png) repeat-y 0 0;	
}
	#white-col-wrapper {
		width: 510px;		
		background: url(img/bg_col-white-top.png) no-repeat 0 0;	
	}
	.white-col-btm {
		width: 510px;
		height: 15px;
		position: absolute;
		bottom: -13px; left: 0;
		background: url(img/bg_col-white-btm.png) no-repeat 0 bottom;
	}
	
/* cube */
.cube {
	width: 160px; height: 160px;
	float: left;
	display: inline;
	position: relative;
	margin: 5px 5px 20px 5px;
	overflow: hidden;
}
.cubeWideSkinny {
	width: 490px; height: 60px;
	float: left;
	display: inline;
	position: relative;
	margin: 5px 5px 20px 5px;
	overflow: hidden;
}

.cubeRule {
	width: 490px; height: 25px;
	float: left;
	display: inline;
	position: relative;
	/*margin: 5px 5px 20px 5px;*/
	overflow: hidden;
}

/* variations */
.tall {	height: 330px; }
.wide { width: 330px; }	

.flt-right { float: right; }

.cube h3 {
	color: #5a8aad;
	font: bold 11px/16px Verdana, Geneva, sans-serif;
	padding: 0 5px;
}

div#box1 #white-col p { font-size: 10px; padding: 0 5px; }
div#box1 #white-col p.img,
div#box1 #white-col p.more { padding: 0; }

/* image links */
a img { border: none; }

/* more button */
.cube p.more a {
	width: 55px;
	height: 23px;
	position: absolute;
	bottom: 0; right: 0;
	text-indent: -9999px;
	background: url(img/btn_more.png) no-repeat 0 0;
}



/**************************************************/
/* --->>> assessment styles <<<--- */
.assessment * { line-height: 1.5; }
div#box1 .assessment p {
	line-height: 1.5;
	padding: 0 10px 10px 10px;
}
.assessment p.select select {
	width: 350px;
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	padding: 1px 3px;	
}

.assessment li {
	padding: 0 10px 10px 20px;
}
.assessment h2,
.assessment h3 {
	color: #f90;
	font: 20px century gothic, Arial, Helvetica, sans-serif;
	letter-spacing: -.025em;
	padding: 0 10px 10px 10px;
}

.assessment h2 {
	color: #a5bddb;
	font-size: 30px;
} 
	.assessment h2.small { font-size: 20px; }
	.assessment h2.small span { color: #000; }

.assessment .radio-list {
	margin: 10px; padding: 10px;
	border: 1px dashed #a5bddb;
}
.assessment .radio-list td,
.assessment .data td {
	font-size: 11px;
	padding: 3px;
}

.mii img.graph { margin: 0 0 3px 6px; }

#wrapper div#box1{BACKGROUND-IMAGE:none;}