/* CSS Document */



/*DROP DOWN MENUS*/
#nav, #nav ul { /* all lists */
	padding:0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	/*width: 200px;*/ 
}

#nav li { /* all list items */
	margin: 0;
	padding:0;
	float: left;
	 /*  width: 10em; width needed or else Opera goes nuts */
}

#nav li a {
	color:  #000000;
	padding: 4px 10px 4px 10px;
	border-right: 0; /* 1px solid #000000; */
	border-left: 0; /* 1px solid #000000; */
}

#nav li a:hover {
	color: #336600;
	background: #ffff00;
}

/* second-level lists */
#nav li ul { 
	position: absolute;
	background-color: #ffff00;	
	margin-left: 10;
	width: 127px;
	height: 2em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
}

#nav li ul li a{ 
	width: 127px;
	font-weight: normal;
	padding: 4px;
	border: 0px solid #000000;
	background-color: #ffff00;	
}

#nav li ul li { 
	border-bottom: 0px solid #000000;
}

#nav li ul li a:hover {
	color: #ffffff;
	background: #336600;
	width: 127px;
}

/* third-and-above-level lists */
#nav li ul ul { 
	width: 127px;
	margin: -19px 0 0 127px;
}






/*GENERAL STYLES*/
body, td { 
	font-family: verdana,arial;	
	font-size: 11px; 
	color: #747457; 
	}

.standard,p {
	font-family: verdana,arial;
	font-size: 11px;
	color: #747457;
	

	}
b, strong {
	color:#000000;
	font-weight:bold;
}

a { 
	color: #336600; 
	text-decoration: underline;
	}
	
a:hover { 
	color: #000000; 
	text-decoration: none; 
	}

.h1        	{ font-size: 14px; color:#336600; font-weight:bold; }
.heading1  	{ font-size: 14px; color:#336600; font-weight:bold; }
.h2 	   	{ font-size: 12px; color:#336600; font-weight:bold; }
.heading2  	{ font-size: 12px; color:#336600; font-weight:bold; }
.h3			{ font-size: 12px; color:#CC0000; font-weight:bold; }
.heading3	{ font-size: 12px; color:#cc0000; font-weight:bold; }
.highlight 	{ font-size: 16px; color:#336600; font-weight:normal; }
.smalltext 	{ font-size:  9px; color:#747457; font-weight:normal; }
.header		{ font-size: 22px; color:#FFFFFF; font-weight:normal; }

ul {
	list-style-image:url(../../images/bullet.gif);
	line-height:2em;
	font-size:11px;
	color:#747457;
}

ol li {
	line-height:5mm;
	font-size:11px;
	color:#747457;
}

/*NAVIGATION TEXT STYLES USED BY ALL NAVS*/

.sitenav,.sitenav:visited { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none }
.sitenav:hover 			{ font-size: 11px; font-weight: bold; color: #336600; text-decoration: none }
.sitenavcurrent 		{ font-size: 11px; font-weight: bold; color: #336600; text-decoration: none; }
.sitenavcurrent:hover 	{ font-size: 11px; font-weight: bold; color: #336600; text-decoration: none }
.subnav,.subnav:visited { font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; }
.subnav:hover 			{ font-size: 11px; font-weight: normal; color: #000000; text-decoration: none }
.subnavcurrent,
.subnavcurrent:visited	{ font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; background-color:#336600 }
.subnavcurrent:hover 	{ font-size: 11px; font-weight: normal; color: #000000; text-decoration: none }
.bsubnav,.bsubnav:visited { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none;}
.bsubnav:hover 			{ font-size: 11px; font-weight: normal; color: #ffff00; text-decoration: none }
.bsubnavcurrent,
.bsubnavcurrent:visited	{ font-size: 11px; font-weight: normal; color: #ffff00; text-decoration: none }
.bsubnavcurrent:hover 	{ font-size: 11px; font-weight: normal; color: #ffff00; text-decoration: none }


/*TOP NAV BAR AND ASSOCIATED IN THIS SECTION SUB NAV*/

.topnavbarfields {
	padding:0 5px 0 5px;
	height: 8px;
}
	
div#topsubnav{}

div#topsubnavheading{
	background-color: #000000;
	height: 24px;
	width: 100%;
}
div#topsubnavlinks{
	height: 200px;
	width: 100%;
	padding: 10px;
	background-color: #000000;
}

/*SIDE NAV BAR STYLES INCLUDING DROP DOWN NAV*/
div#nav{
	background-color:#ffff00;
	padding:0;
}

div#navheading{
}
	
div#navitem{
/*	background-image: url(../../images/nav-item-back.gif); */
/*	background-repeat:repeat-x;   */
	background-color:#ffff00;
	border-bottom-width: 0PX;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
}

div#navitemcurrent{
/*	background-image: url(../../images/nav-item-back.gif); */
/*	background-repeat:repeat-x;   */
	background-color:#ffff00;
	border-bottom-width: 0PX;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
}

/*SUBNAV BOXES*/

div#subnav{
	width: 100%;
	margin:0px;
	padding-left:  10px;
	padding-bottom: 5px;
	background-color:#669900;
	border-left: 0px solid #669900;
}

div#subnavheading {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: 100%;
	padding-left: 0px;
	background-color:#669900;
	text-align: left;
}

div#subnavtext {
	font-size: 11px;
	color: #ffffff;
	width: 100%;
	padding-top: 5px;
	padding-left: 0px;
	border-left: 0px solid #669900;
	}

div#subnavbuttonrow {
	width: 100%;
	text-align: right;
	border-left: 0px solid #669900;
	border-bottom: 0px solid #669900; 
	padding-bottom: 5px;
}

#bsubnavitemcurrent,
#bsubnavitem {
	height: 2.5em;
}



/*TEASER BOXES*/

.teaser_display {
	visibility: visible;
}

.content_display {
	visibility: visible;
}

.teaserbox{
	background-color:#cccc99;
	width: 100%;
	margin:0px;
	padding:0px;
}

.teaserheading {
	font-size: 11px;
	font-weight: bold;
	color: #669900;
	padding-left: 10px;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#ccff33;
	text-align: left;
}

.teasertext {
	font-size: 11px;
	color: #000000;
	width: 145px;
	padding:10px;
	
}
.teaserbuttonrow {
	width: 100%;
	text-align: right;
	border-left: 0px solid #cccc99;
	border-bottom: 0px solid #cccc99; 
	padding-bottom: 10px;
}
	

/* MAILINGLIST BOX */

#box-mailinglist{
  	background-color:#669900;
	width: 206px;
	padding-bottom: 5px;
}
  
#box-mailinglist-heading{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#336600;
	text-align: left;
}
  
#mailinglisttext {
	font-size: 11px;
	color: #000000;
	padding: 5px 0px 0px 10px;
	text-align: left;
	border-left: 0px solid #cccc99;
	width: 172px;
}

#ckecktext {
	padding: 5px 0px 0px 10px;
	border-left: 0px solid #cccc99;
}
	
#jointext{
	font-size: 9px; 
	font-weight:normal; 
	color:#ffffff; 
	text-align: left;
	padding: 5px 10px 0px 0px;
}

#mailinglistbuttonrow{
	padding: 5px 10px 0px 0px;
	align:left;
}
  

/* SEARCH BOX */
	
#searchbox {
	 /* background-image:url(../../images/teaser-back.gif); */
	 /* background-position:bottom; */
	background-color:#669900;
	padding-bottom: 5px;
	width: 206px;
}
	
#searchheading{
/*	background-image: url(../../images/h-search.gif); */
/*	background-repeat: no-repeat; */
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#336600;
	text-align: left;
}
	
#searchfieldrow{
	padding: 5px 0px 0px 10px;
	width: 172px;
}
	
#searchbuttonrow{
	padding: 5px 10px 0px 0px;
	align:right;
}
	
	
/*LOGIN BOX STYLE */
#loginnavbox{ 
	background-color:#669900;
	width: 206px;
	padding-bottom: 5px;
}
	
#loginnavheading{
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#336600;
	text-align: left;
}

	
#loginnavbuttonrow{
	padding: 5px 10px 5px 0px;
	align:left;
}

#logintext{
	font-size: 11px; 
	font-weight:normal; 
	color:#ffffff; 
	text-align: left;
	padding: 5px 0px 0px 10px;
	height: 15px;
}
	
#logouttext{
	font-size: 11px; 
	font-weight:bold; 
	color:#ffffff; 
	text-align: left;
	padding: 5px 0px 0px 10px;
	width: 100%;
}
	
.logouttext_ref  {
	font-size: 11px; 
	font-weight:bold; 
	color:#ffffff; 
	text-decoration: none;
}

.logouttext_ref:hover  {
	font-size: 11px; 
	font-weight:bold; 
	color: #336600; 
	text-decoration: none;
}
	
/*CONTAINER CONTENT STYLES*/

.sitecontentfield{
	background-color:#ffffff;
	padding:0;
}

	
/*ONLINE FORMS*/

.formback 			{ width:100%; border:1px solid #efefef}
.formquestion 		{ background-color: #f2f2b8 }
.formquestionneeded { background-color: #efefef }
.formfield			{ font-size:11px; width: 100%; border: 2px solid #cccc99; background-color: #f2f2b8}
.formanswer 		{ font-size:11px; width: 100%; background-color: #cccc99}
.formtable			{ padding: 2px 2px 2px 2px; width: 100%; background-color: #ffffff}
.clientform {
	font-size:10px; 
	padding: 0px 5px 0px 5px;
}


/*CALENDAR*/

.calendareventday { 
	font-size: 8pt; 
	font-weight: normal; 
	color:#000000; 
	background-color:#99CC00;
	text-align: center;
	text-decoration:none;
}

.calendartext { 
	font-size: 8pt; 
	font-weight:normal; 
	color:#ffffff; 
	background-color:#336600; 
	text-align: center;
	text-decoration:none;
}
.calendartext:hover { 
	font-size: 8pt; 
	font-weight:normal; 
	color:#CCFF00; 
	background-color:#336600; 
	text-align: center;
	text-decoration:none;
}
.calendarmonth {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
}
.calendarheading {
	font-size: 11px;
	color:#ccff33;
	font-weight: bold;
	text-align: center;
	background-color:#336600;
}
.calendarteasertext {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	background-color:#336600;
}

.calendarteaserbox{
	background-color:#336600;
	width: 100%;
	padding: 0;
	margin: 0;
}
.calendarteaserheading {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	height: 17px;
	padding-left: 10px;
	background-color:#ccff33;
	text-align: left;
	width: 100%;
}


/*Classifieds Search Interface*/

.trsm-search-box-out{
	width:100%;
		padding:3px;
		background-color:#dbd9d0;
}

.trsm-search-box{
width:100%;
padding:3px;
}

/*SHOP SET UP*/
.product_body {
	border-top: 0px solid #001e50;
	background-color: #ffffff;
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 10px;
}
.product_thumbs_box {
	background_color: #ffffff;
	border-top: 0px solid #001e50;
	border-bottom: 1px solid #001e50;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.product_thumbnail {
	background_color: #ffffff;
	padding-bottom: 1px;
	margin-bottom: 0px;
	vetical-align: bottom;
}
.product_bottom {
	background_color: #ffffff;
	border-top: 1px solid #001e50;
	border-bottom: 0px solid #001e50;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.productdetailedheading{
	font-size: 14px; 
	color:#336600;
	font-weight: bold;
	padding-top: 10px;
}
	
.productdetailedtext{
	padding-left: 10px;
	}

.productdetailedprice{
	text-align: left;
	font-size:12px;
	color:#000033;
	font-weight:bold;
}
.productcategory_box {
	background_color: #ffffff;
	border-top: 1px solid #001e50;
	border-bottom: 1px solid #001e50;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.productcategoryprice{}
.productcategoryheading{
	font-size: 12px; 
	color:#336600;
	font-weight: bold;
	text-align: left;
}
.relatedproductheading{
	font-size: 12px; 
	color:#336600;
	font-weight: bold;
	text-align: left;
}

.productdetailpic{
	border: 0px solid #CCCCCC;
	vetical-align: bottom;
}
.product_photo {
/*	background-image:url(../../images/shop_product_frame.jpg);
	background-repeat: no-repeat;
	background-position: center; */
	background_color: #ffffff;
	height: 163px;
	width: 175px;
	padding-bottom: 1px;
	margin-bottom: 0px;
}
.productcategory_frame {
	background-image:url(../../images/shop_frame.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 184px;
	width: 175px;
}
.productcategory_photo {
	height: 165px;
	vetical-align: bottom;
	padding: 5px 5px 0px 5px;
}

.productcategory_name_box {
	height: 19px;
	vetical-align: bottom;
	padding: 0px 5px 5px 5px;
}
.productcategory_name {
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold;
	text-align: left;
}
.productcategory_name:hover { 
	color: #ffffff; 
	text-decoration: underline; 
	font-weight: bold; 
}

.productcategory_name1_box {
	vertical-align:middle;
	padding: 0px 5px 5px 5px;
}
.productcategory_name1 {
	text-decoration:none;
	font-size: 12px; 
	color: #336600; 
	font-weight: bold;
	text-align: left;
}
.productcategory_name1:hover { 
	color: #336600; 
	text-decoration: underline; 
	font-weight: bold; 
}

.quantitypricing{
	border: 0px solid  #CCCCCC;
}

.shopfield{ 
	font-size:10px; 
	width: 80px; 
	border: 1px solid #CCCCCC; 
}

/* COURSES */
.course_heading	{ 
	font-size: 14px; 
	color:#336600; 
	font-weight:bold; 
}
.course_title	{ 
	font-size: 12px; 
	color:#336600; 
	font-weight:bold; 
}
.course_subtitle	{ 
	font-size: 12px; 
	color:#000000; 
	font-weight:bold; 
}

.coursesearchbox { 
	background-image:url(../../images/b_search.gif); 
	background-repeat: no-repeat;
	background-color: #dad9d1;
	padding-bottom: 0px;
	width: 100%;
	height: 160px;
}

.coursesearchheading { 
	background-color: #ccff33;
	padding: 4px;
	margin: 4px;
	width: 100%;
	height: 35px;
}
.coursesearchheadingtext { 
	font-size: 14px; 
	color:#000000; 
	font-weight:bold;
}

.coursesearchfooting { 
	background-color: #ffff00;
	padding: 4px;
	margin: 4px;
	width: 100%;
	height: 28px;
}

.coursesearchfootingtext { 
	font-size: 12px; 
	color:#336600; 
	font-weight:bold;
}

/*COURSE CALENDAR*/

.coursecalendarday { 
	font-size: 8pt; 
	font-weight: normal; 
	color:#000000; 
	background-color:#ffff00;
	text-align: center;
	text-decoration:none;
	width:30px;
}

.coursecalendarday:hover { 
	font-size: 8pt; 
	font-weight: normal; 
	color:#ff0000; 
	background-color:#ffff00;
	text-align: center;
	text-decoration:none;
	width:30px;
}

.coursecalendartext { 
	font-size: 8pt; 
	font-weight:normal; 
	color:#ffffff; 
	text-align: center;
	text-decoration:none;
	width:30px;
}

.coursecalendartext:hover { 
	font-size: 8pt; 
	font-weight:normal; 
	color:#ff0000; 
	text-align: center;
	text-decoration:none;
	width:30px;
}

.coursecalendarmonth {
	font-size: 12px;
	color: #003333;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
}
.coursecalendarheading {
	font-size: 11px;
	color:#003333;
	font-weight: bold;
	text-align: center;
	width:30px;
}
.coursecalendarteasertext {
	font-size: 11px;
	color: #003333;
	font-weight: bold;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}