/*
	FILE: web.css
	DATE: 11.1.2005.dave
	DESC: STYLES FOR SCREEN DISPLAY
*/

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	line-height: 16px;
	color: 000000;
	background: url('/images/site_bg.gif');
	overflow: -moz-scrollbars-vertical;
	margin-top: 20px;
	margin-bottom: 40px;
}

a { color: #66669A; text-decoration:underline; }
a:link {}
a:visited {}
a:hover { text-decoration:none; }
form { padding:0px; margin:0px; }
input { font-size: 11px; padding:0px 2px; }
select { font-size: 11px; }
textarea { font-size: 11px; }

hr { height:1px; color:#e0e0e0; }

h2 { font-size:14px; font-weight:bold; color:#66669A; }

h3 { font-size:13px; font-weight:bold; color:#66669A; margin-bottom: 0px; }

a.purpleLink { color:#66669A !important; text-decoration:underline !important; }
a.purpleLink:hover { color:#FF952F !important; text-decoration:none !important; }

/* CLASS STYLES ============================================================= */

.noprint { display:block; }
.print_header { display:none; }
.print_footer { display:none; }

.error { color:#990000; font-weight:bold; }
.success { color:#009900; font-weight:bold; }
.form_label { font-size:11px; text-align:right; vertical-align:top; padding-right:5px; }
.form_label_b { font-size:11px; font-weight:bold; }
.form_display { font-size:11px; }
.form_required { font-size:11px; color:#7CAF4A; font-weight:bold; text-align:right; vertical-align:top; padding-right:5px; }
.form_required_descr { font-size:11px; color:#7CAF4A; font-weight:bold; vertical-align:top; padding-right:5px; }

.note { font-size:9px; text-align:center; }

.checkout {
	background-image: url(images/checkout_roll.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 21px;
	width: 134px;
	float:right;
}
.checkout:hover {
	background-image: url(images/checkout_roll.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 21px;
	width: 134px;
}

/* DIV STYLES =============================================================== */

#container { position:relative; width:780px; margin:0px auto; overflow:hidden; }
	#top { font-size:1px; height:10px; background:url('/images/site_top.gif') no-repeat; position:relative; }
		#top_right { font-size:1px; height:10px; background:url('/images/site_top_right.gif') no-repeat top right; width:700px; overflow:hidden; position:absolute; right:0px; top:0px; }

	#content { position:relative; z-index:1; background:#ffffff; text-align:left; }
		#header	{ position:relative; background:url('/images/header_bg.gif') repeat-x; height:176px; margin:0px 5px; text-align:right; }
		#header_home { position:relative; background:url('/images/header_home_bg.gif') repeat-x; height:176px; margin:0px 5px; text-align:right; }
		#header_account { position:relative; background:url('/images/header_home_bg.gif') repeat-x; height:85px; margin:0px 5px; text-align:right; border:1px solid #99CC67; border-width:0px 0px 1px 0px; }
			#header_left { position:absolute; top:0px; left:0px; background:url('/images/header_left.gif') no-repeat; width:3px; height:11px; }
			#header_right { position:absolute; top:0px; right:0px; background:url('/images/header_right.gif') no-repeat; width:3px; height:11px; }

			#logo_home { position:absolute; top:34px; left:10px; }
			#logo_inside { position:absolute; top:30px; left:18px; }
			#logo_tag { position:absolute; top:70px; left:10px; font-size:9px; color:#666699; }

			#gnav { background:#ffffff; padding:0px 10px 0px 15px; float:right; }
			#gnav a { color:#333366; font-size:10px; font-weight:normal; text-decoration:none; padding-right:5px; }
			#gnav a:link { text-decoration:none; }
			#gnav a:visited { text-decoration:none; }
			#gnav a:hover { text-decoration:underline; }
			#gnav a.on { color:#333366; font-size:10px; font-weight:bold; text-decoration:none; padding-right:5px; }
			#gnav a.on:link { text-decoration:none; }
			#gnav a.on:visited { text-decoration:none; }
			#gnav a.on:hover { text-decoration:none; }


			#login { position:relative; background:url('/images/login_bg.gif') repeat-x; height:41px; float:right; font-size:9px; color:#ffffff; text-align:left; }
				#login .login_field { font-size:11px; font-weight: normal; width:70px; height:15px; border:0px solid #ffffff; border-width:0px; padding:0px 2px; }
				#login a { color:#ffffff; text-decoration:none; }
				#login a:link { text-decoration:none; }
				#login a:visited { text-decoration:none; }
				#login a:hover { text-decoration:underline; }

				#login_buttons { position:absolute; top:0px; left:0px; }
					#login_buttons li { float:left; list-style:none; }
					#login_buttons a { position:relative; top:-6px; color:#ffffff; text-decoration:none; padding:0px 5px; }
					#login_buttons a:link { text-decoration:none; }
					#login_buttons a:visited { text-decoration:none; }
					#login_buttons a:hover { text-decoration:none; }

				#login_welcome { position:absolute; top:20px; left:5px; font-size:12px; font-weight:bold; }
				#login_logout { position:absolute; top:20px; right:5px; }
				#login_forgot { position:absolute; top:20px; right:5px; }
				#login_picture { position:absolute; top:41px; left:0px; background:url('/images/pic_course.jpg') no-repeat; width:285px; height:135px; }

			#pnav { position:absolute; bottom:78px; background:#ffffff; }
			#pnav ul { padding: 0px; margin: 0px; }
			#pnav li { list-style:none; display: inline; }
				#pnav li a.off { font-size:10px; font-weight:bold; color:#ffffff; background:#66669A; padding:0px 16px; height:17px; text-decoration:none; float:left; }
				#pnav li a.off:link {}
				#pnav li a.off:visited {}
				#pnav li a.off:hover { background:#99CC67; }
				#pnav li a.on { font-size:10px; font-weight:bold; color:#ffffff; background:#99CC67; padding:0px 16px; height:17px; text-decoration:none; float:left; }
				#pnav li a.on:link {}
				#pnav li a.on:visited {}
				#pnav li a.on:hover {}
				#pnav li .l_off { background: url('/images/pnav_left_off.gif') no-repeat; width: 3px; height: 17px; float: left; }
				#pnav li .l_on { background: url('/images/pnav_left_over.gif') no-repeat; width: 3px; height: 17px; float: left; }
				#pnav li .r_off { background: url('/images/pnav_right_off.gif') no-repeat; width: 3px; height: 17px; float: left; }
				#pnav li .r_on { background: url('/images/pnav_right_over.gif') no-repeat; width: 3px; height: 17px; float: left; }

			#newsletterSignup { position:absolute; top:30px; right:20px; text-align:center; }
			#newsletterSignup strong { color:#66669A; }

			#questionsPhone { position:absolute; top:52px; right:20px; font-weight:bold; color:#79AC4F; text-align:center; }			

			#page_title { position:absolute; bottom:40px; left:16px; font-size:24px; line-height:30px; color:#ffffff; }

			#snav { width:150px; padding-right:20px; color: #999999; }
				#snav ul { padding:0px; margin:0px 0px 0px 10px; }
				#snav li { list-style:none; padding:2px 0px; }
				#snav .on { color:#FF952F; font-weight:bold; }
				#snav a { color: #66669A; text-decoration:underline; }
				#snav a:link {}
				#snav a:visited {}
				#snav a:hover { text-decoration:none; }
				#snav a.on { color:#FF952F; text-decoration:underline; }
				#snav a.on:link {}
				#snav a.on:visited {}
				#snav a.on:hover { text-decoration:none; }

	#footer { position:relative; z-index:0; border:1px solid #C9E4AE; border-width: 1px 0px 0px 0px; background:#ffffff; padding:10px 15px 3px 15px; }
		#fnav { color:#669933; font-size:10px; font-weight:bold; z-index:25; position:relative; }
		#fnav a { color:#333366; font-size:10px; font-weight:normal; text-decoration:none; }
		#fnav a:link { text-decoration:none; }
		#fnav a:visited { text-decoration:none; }
		#fnav a:hover { text-decoration:underline; }
		#fnav a.on { color:#333366; font-size:10px; font-weight:bold; text-decoration:none; }
		#fnav a.on:link { text-decoration:none; }
		#fnav a.on:visited { text-decoration:none; }
		#fnav a.on:hover { text-decoration:none; }
		#f_img { background:url('/images/footer_arrow.gif') no-repeat; width:53px; height:24px; position:absolute; top:8px; right:15px; }

	#btm { font-size:1px; height:10px; background:url('/images/site_bottom.gif') no-repeat; position:relative; }
		#btm_right { font-size:1px; height:10px; background:url('/images/site_bottom_right.gif') no-repeat top right; width:700px; overflow:hidden; position:absolute; right:0px; top:0px; }

/* HOMEPAGE STYLES ========================================================== */

	/* 	#homepage_img { position:absolute; top:-46px; left:5px; z-index:1; } FOR OLD HOMEPAGE IMAGE */
	#homepage_img { position:absolute; top:-77px; left:5px; z-index:1; }
	#homepage_text { position:relative; top:28px; left:380px; z-index:2; height:291px; }
		#homepage_text h1 { font-family: Georgia,verdana, arial, helvetica, sans-serif; font-size:19px; font-weight:normal; color:#333366; line-height:20px; margin:0px; padding:0px; }
		#homepage_text p { position:relative; top:14px; left:25px; margin:0px; padding:0px; width:300px; }
		#homepage_button_1 { position:absolute; top:121px; left:60px; z-index:3; }
		#homepage_button_2 { position:absolute; top:180px; left:60px; z-index:3; }
	#quotes { width:360px; position:absolute; top:170px; left:0px; font-size:10px; line-height:14px;}
	#quotes a { font-size:10px; text-decoration:none;}
	#quotes a:hover { font-size:10px; text-decoration:underline;}
	#address {
	font-size:10px;
	line-height:25px;
	color:#FFF;
	background-image: url(images/address_bg.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 760px;
	margin-top:10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#address a { color:#FFF;}
#address .green {color:#99CC66}
/* PAGE SPECIFIC STYLES ===================================================== */

	#faq {}
		#faq ul { padding:0px; margin:0px; }
		#faq li { list-style:none; }

	#site_map {}
		#site_map ul { padding:0px; margin:0px; }
		#site_map li { list-style:none; }

	#courses { color:#66669A; font-weight:bold; font-size:11px; }
		#courses p { color:#333333; font-weight:normal; font-size:11px; }
		#courses .types { color:#66669A; font-weight:normal; font-size:11px; }
		#courses a { color:#333333; font-weight:bold; font-size:11px; }
		#courses a:link { text-decoration:none; }
		#courses a:visted { text-decoration:none; }
		#courses a:hover { text-decoration:none; color:#FF952F; }

	#course_detail {}
		#course_detail h2 { font-size:14px; font-weight:bold; color:#66669A; }
		#course_detail strong { font-weight:bold; color:#66669A; }
		#course_detail li { padding:0px; margin:0px; }

	#author_bio { width:200px; float:right; background:#D1D1E0; padding:3px; color:#333333; border:1px solid #ffffff; border-width:0px 0px 20px 20px; }
		#author_bio strong { color:#333333; }
	#author_bio_content { border:1px solid #ffffff; padding:10px; }

	#payment_info { float:right; background:#D1D1E0; padding:10px; width:150px; color:#66669A; border:1px solid #ffffff; border-width:0px 0px 20px 20px; }

	#processing { width:100%; text-align:center; padding-top:40px; }
		h2 { font-size:14px; font-weight:bold; color:#66669A; }

	#my_account { text-align:left; }

	
	.tabLinks {
		position:relative;
		top:1px;
		clear:both;
	}
	.tabLinks a {
		display:block;
		float:left;
		background:#fff;
		border:1px solid #ccc;
		border-width:1px 1px 0px 1px;
		padding:2px 5px;
		margin-right:5px;
		font-weight:bold;
		text-decoration:none;
	}
	.tabLinks a.off {
		background:#efefef;
		border-width:1px 1px 1px 1px;
		padding:2px 5px 1px 5px;
	}
	.tabLinks a span {
		font-weight:normal;
	}
	.tabContent {
		border:1px solid #ccc;
		padding:5px 20px 20px 20px;
	}
	
	a.stateBtn {
		display:block;
		float:left;
		width:100px;
		margin:0px 5px 5px 0px;
		border:1px solid #454679;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color:#fff;
		background:url('/images/state_off.gif') repeat-x;
		height:13px;
		line-height:13px;
	}
	a.stateBtn:hover {
		border:1px solid #e68709;
		background:url('/images/state_over.gif') repeat-x;
	}
	a.stateBtn2 {
		display:block;
		float:left;
		width:102px;
		margin:0px 5px 5px 0px;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color:#333366;
		background:url('/images/state_off2.gif') repeat-x;
		height:16px;
		line-height:16px;
	}
	a.stateBtn2:hover {
		background:url('/images/state_over2.gif') repeat-x;
	}