@charset "UTF-8";

body {
	margin:0;
	font:100% Verdana,Arial, sans-serif;
	color: #666; 
	padding:0;
	/*background: url("images/footer-solid-bg.gif") center bottom repeat-y;*/
	background: #fff;
}
div#wrapper {width: 100%; height: 100%; background: url("images/body-bg.gif") repeat-x;}
div#container{
	width: 960px;
	padding: 0;
	margin:0 auto;
	text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
width: 960px;
}

p, ul, ol {font-size: 80%; line-height: 1.5; margin:0; padding:0 0 10px 0;}
ul li, ol li { margin: 0 0 0 30px; }

a {color: #337900; font-weight: bold; text-decoration: underline;}

div#header {height: 145px;}
div#header_left {float: left; width: 470px; margin: 15px 0 0 0; height: 80px;}
div#header_right {float: left; width: 490px; background: url("images/header-right-bg.gif") no-repeat; height: 85px;}

div#search {margin:10px 0 0 0; float: left; width: 350px; border-right: 1px solid #948b67;}
div#expert {float: left; width: 100px;margin:10px 0 0 0; padding:0; height: 26px;}
div#expert img {margin:1px 0 0 15px;}


/* main nav -------------------------- */

ul#main_nav {padding:0;margin:0; font-family:Arial, Verdana, sans-serif; font-size: 90%;line-height: 1; height: 48px; letter-spacing: 1px;}
ul#main_nav li {list-style:none; padding:0 0 0 15px; float: left; margin:0; height: 48px;}
ul#main_nav li.selected {background: url("images/nav-left-bg.gif") no-repeat left top;}
ul#main_nav li a {color: #effae1;float:left;display:block; text-decoration:none;font-weight: normal; padding: 22px 15px 12px 0;}
ul#main_nav li.selected a {color: #396500;background: url("images/nav-right-bg.gif") no-repeat right top;}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
ul#main_nav a {float:none;}
/* End IE5-Mac hack */


/* top nav -------------------------- */
ul#top_nav {margin:21px 0 0 16px; padding:0;font-size: 70%;}
ul#top_nav li {list-style: none; display: inline; padding:0 8px 0; margin: 0;}
ul#top_nav li a {color: #6f5e24;font-weight: normal;}


/* sub nav -------------------------- */
div#subnav ul {margin:0; padding:0;font-size: 95%;font-family:Arial, sans-serif;border-top: 1px solid #ccc;letter-spacing: 1px;}
div#subnav ul li {list-style: none; padding: 5px 0; border-bottom: 1px solid #ccc;margin:0;}
div#subnav ul li a {color: #a4a199;text-decoration: none;font-weight: normal;}
div#subnav ul li.selected a {color: #62b02c;}

div#subnav img {border: 5px solid #b0a96f; margin:0 0 10px;}


/* layout -------------------------- */
div#content {padding:20px 0 20px 0;background: #fff;}
div#home_left {float: left; width: 680px; margin:0 20px 0 0; }
div#home_right {float: left; width: 260px; margin:0;}
div#home_right p {line-height: 1.2; position: relative;}

div#subnav {float: left; width: 150px; margin:0 30px 0 0;}
div#page_content {float: left; width: 500px;}

div#filter_bar {float: right; width: 470px; background: url("images/filter-bar-bg.gif") no-repeat;margin:5px 0 0 0;}
div#filter_bar ul {margin:0; padding:5px 15px 10px 0;font-size: 80%;font-family:Arial, sans-serif;letter-spacing:1px;}
div#filter_bar ul li {padding: 0; margin: 0; list-style: none; display: inline; padding:0 10px 0 15px;border-left: 1px solid #cbd9c0;/*background: url("images/filter-off.gif") left center no-repeat;*/}
div#filter_bar ul li a {color: #949d82; font-weight: bold}
div#filter_bar ul li.first {border: none;padding:0 10px 0 15px;}
div#filter_bar ul li a.selected {color: #424a2f;}

div#filter_bar_large {background: url("images/filter-bar-large-bg.gif") no-repeat;margin:5px 0 15px 0;}
div#filter_bar_large p {padding: 10px;font-size: 100%;font-family:Arial, sans-serif;color: #949d82; font-weight: normal}
div#filter_bar_large p strong {font-weight:bold; color: #424a2f; margin:0 10px 0 0;}

div#video_left {float: left; width: 520px; margin:0 30px 0 0;}
div#video_right {float: left; width: 410px; margin:42px 0 0 0;}
div#video_list_scroller {margin:10px 10px 0 0; height: 300px; overflow:auto;}

div.noflash_audio, div.noflash_video, object {margin:0 0 10px;}

div#home_slideshow object {margin:0;}



/* right hand side -------------------------- */
div#rhs_box_top {height: 45px; background: url("images/rhs-box-top.gif") no-repeat;}
div#rhs_box_btm {background: #f5ebcf url("images/rhs-box-btm.gif") left bottom no-repeat; padding:0 0 10px}
div#rhs_box_btm p {padding: 10px 10px 5px;}

ul#rhs_video_list {margin:0; padding:0;}
ul#rhs_video_list li {margin:0 0 0 10px; list-style: none; display: inline; padding:0;}
ul#rhs_video_list li img {border: 2px solid #d5c280;}

div#rhs_bloggers_top {height: 48px; background: url("images/rhs-bloggers-top.gif") no-repeat;}
div#rhs_bloggers_mid {background: url("images/rhs-bloggers-mid.gif") repeat-y; padding: 0;}
div#rhs_bloggers_btm {height: 15px; background: url("images/rhs-bloggers-btm.gif") no-repeat;}

div.blogger_inner {padding: 10px 15px;}
div.blogger_inner a {color: #62b02c;}

div#rhs_video_holder {background: url("images/video-rhs-bg.gif") no-repeat; height: 360px; margin:0 0 20px;}

/* homepage -------------------------- */
div#home_slideshow {margin:0 0 20px;}
div#home_block {height: 168px; background: url("images/home-green-block.gif") no-repeat;}

div#home_block_left {float: left; width: 339px; margin:10px 0 0 0;border-right: 1px solid #cbd9c0;}
div#home_block_right {float: left; width: 340px; margin:10px 0 0 0;}

div#home_block_left p {padding:0 10px 0 0;}

div#home_course_list {margin:10px 0 0 15px; background:url("images/home-courselist-bg.gif") no-repeat; padding: 10px 10px 15px 15px;}


/* listing -------------------------- */

div.listing_block {width: 150px; float: left; margin:0 25px 10px 0;}
div.listing_block_last {width: 150px; float: left; margin:0 0 10px 0;}
div.listing_block img, div.listing_block_last img {border: 5px solid #b0a96f; margin:0 0 5px;}

div.news_listing {border-bottom: 5px solid #f4f0e4; padding:5px 0}

div.video_listing {padding: 0 0 0 15px; margin:0 0 10px;}
div.video_listing p {padding:0 90px 10px 0; height: 30px;}


/* blog -------------------------- */
div#blog_latest {background: #e9dbb3 url("images/blog-latest-bg.gif") no-repeat; height: 143px;}
div#blog_latest_left {float: left; width: 50px; margin:0 10px 0 0;}
div#blog_latest_right {float: left; width: 440px;}
div#blog_latest_right p {padding:0 10px 0 0;}

div#blog_latest_btm {background: url("images/blog-latest-btm.gif") no-repeat;margin:0 0 10px}
div#blog_latest_btm p {color: #f7f1d3; text-align: center; padding: 4px 0 10px 0; margin:0 8px 0 390px;}

div.blog_listing {border-bottom: 5px solid #f4f0e4; padding:5px 10px}

div.blog_comment {border-bottom: 1px solid #ccc; padding:5px 0 0 0;}


/* image gallery -------------------------- */

ul.image_gallery {margin:0 0 10px; padding:0;}
ul.image_gallery li {list-style:none; display: inline; margin:0; padding:0;}
ul.image_gallery li img {border: 5px solid #b0a96f; margin:0 10px 10px 0;}



/* footer -------------------------- */
/*div#footer {background: #f7f1d3 url("images/footer-bg.gif") no-repeat; padding:10px 0 30px 0; margin:0; color: #999;}*/
div#footer {background: url("images/footer-bg-small.gif") top right no-repeat; padding:10px 0 30px 0; margin:0; color: #999;}
div#footer a {color: #999; font-weight: normal;}
div#footer p {padding:0; font-size: 75%;}

div#footer_right p {color: #353c1f; padding:0 0 0 15px}

div#footer_left, div#footer_right {float: left; width: 480px;}
div#footer_right a {margin:0 0 0 25px; color: #6f5e24;}


/* Hs and Ps -------------------------- */
h1 {color: #314407; font-size: 155%;font-family:Arial, sans-serif;letter-spacing:1px;margin:0 0 15px; padding:0;line-height: 1.3;}
h1 span {color: #818774;}

h2 {color: #62b02c; font-size: 120%;font-family:Arial, sans-serif;letter-spacing:1px;margin:0; padding:0 0 10px;line-height: 1.4;}
div#home_block h2 {padding: 0 15px 10px;color: #424a2f;}
div#blog_latest h2 {padding:0;}

h3 {color: #949d82; font-size: 90%;font-family:Arial, sans-serif;letter-spacing:1px;margin:0; padding:0;line-height: 1.4;}
div#home_block h3 {padding: 0 15px 5px; }
div#rhs_box_top h3 {padding: 10px 10px 10px;font-size: 95%; color: #818774;}
h3.rhs_title {background: url("images/h3-rhstitle-bg.gif") no-repeat; padding: 6px 10px; margin:10px 0;}
div#rhs_bloggers_top h3 {padding: 10px 10px 10px 15px;font-size: 95%;}
div#blog_latest h3 {padding: 10px;font-size: 95%;}
div.blog_listing h3 {padding:0 0 5px;}
div#rhs_video_holder h3 {padding: 10px 10px 10px 15px;font-size: 95%; margin:0 0 10px 0;}
form#comment h3 {padding:0 0 10px;}

h4 {color: #353c1f; background: #e3e1bf; font-size: 90%;font-family:Arial, sans-serif; margin:0 0 10px; padding:3px 5px;line-height: 1.4;}
h4.warning {background: url("images/caution-icon.gif") left center no-repeat; padding:7px 0 7px 40px; margin:0 0 10px;}


p.now_playing {background: url("images/now-playing.gif") top right no-repeat; height: 30px;}
p.caution {background: url("images/caution-icon.gif") left center no-repeat; padding:7px 0 7px 40px; margin:0 0 10px;}


/* clears and images -------------------------- */
div#header_clear {clear: left;line-height: 0.1; height: 2px;}

div.clear_left {clear: left;line-height: 0.1; height: 1px;}
div.clear_left_white {clear: left;line-height: 0.1; height: 1px; background: #fff;}

div.clear_right {clear: right;line-height: 0.1; height: 1px;}

div.clear_both {clear: both;line-height: 0.1; height: 1px;}

div.bloggers_clear {clear: both;line-height: 0.1; height: 1px; border-bottom: 2px solid #f6ecd0;}

img.home_thumb {border: 3px solid #b4af7b; margin:0 15px 0 15px; float: left;}
img.meet_staff {margin: 5px 15px 0 0; float: right;}
img.rhs_blog_thumb {margin:5px 0 0 10px; float: right; border: 2px solid #d5c280;}
img.rhs_bloggers_thumb {margin:0 10px 10px 0; float: left; border: 2px solid #d5c280;}
img.latest_blog_thumb {border: 2px solid #d5c280; margin:0 0 0 10px}
img.blog_listing_thumb {margin:0 10px 5px 0; float: left; border: 2px solid #d5c280;}
img.listing_left {margin:0 10px 10px 0; float: left; border: 5px solid #d5c280;}
img.page_pic {margin:0 0 10px 0;}
img.rhs_staff_thumb {border: 2px solid #b4af7b; float: left; margin:0 10px 10px 10px;}
img.back_btn {margin:0 0 15px;}
img.view_posts_btn {float: right;margin:0 0 5px;}
img.video_thumb {margin:0 10px 5px 0; float: left; border: 2px solid #d5c280;}

img.page_image {border: 5px solid #b0a96f; margin:0 0 10px;}
img.page_image_right {border: 5px solid #b0a96f; margin:0 0 10px 10px; float: right;}


/* forms -------------------------- */
form#main_search, form#cse-search-box, form#course_list, form#filter {margin:0; padding:0;}
form.email_form {margin:0 0 20px; padding:10px 0 0 0;border-top: 5px solid #f4f0e4}
form#comment, form#comment_form {margin:0; padding:0;}

form.email_form label, form#comment label, form#comment_form label {
	color: #949d82; 
	font-size: 90%;
	font-family:Arial, sans-serif;
	font-weight: bold;
	display: inline;
	width: 160px;
	float: left;
	margin: 5px 0;
	clear: left;
}

form.email_form label.error, label.error, form#comment label.error, form#comment_form label.error, p#security_question.error {
  color: #FF0000;
}

input.email_text, input.comment_text {margin:5px 0; padding:2px 2px 3px; width: 300px; background: #fcfaee; border: 1px solid #e3e1bf; font-size: 14px;font-family:Verdana,Arial, sans-serif; color:#666666;}
textarea.email_textarea, textarea.comment_textarea {margin:5px 0; padding:2px 2px 3px; width: 300px; background: #fcfaee; border: 1px solid #e3e1bf; font-size: 14px;font-family:Verdana,Arial, sans-serif; color:#666666;}

input.email_btn, input.comment_btn {margin:5px 0 0 160px;}

input.security_text {margin: 0 5px;width: 70px; background: #fcfaee; border: 1px solid #e3e1bf; padding:2px 2px 3px; font-size: 14px;color: #666; vertical-align:middle;font-family:Verdana,Arial, sans-serif;}

p#security_question {font-size: 90%;font-weight: bold;color: #949d82;margin:5px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
p#security_question span {font-weight: normal;font-size: 70%; font-style:italic; color: #666; text-decoration:underline;cursor:pointer;}

input.search_text {margin:0 10px 0 25px; padding:2px 2px 3px; width: 235px; background: #fff; border: 1px solid #bdb4a5; font-size: 14px;font-family:Verdana,Arial, sans-serif; color:#666666;}
input.search_btn {vertical-align:top;margin:2px 0 0 0}

select.course_list {vertical-align:middle; margin: 0;font-size: 15px;background: #fdf9e8; width: 205px; color: #808080}
input.course_list_btn {vertical-align:middle; margin:0 0 0 10px;}

select.filter_dd {vertical-align:middle; margin: 0 10px 0 5px;font-size: 15px;background: #fdf9e8; width: 150px; color: #666}
input.filter_btn {vertical-align:middle; margin:0 0 0 5px;}