@charset "utf-8";
/* CSS Document */

/*BEGIN Structural css for divs and tables*/


div.fullwrapper {/* Main Structure,wrap the whole layout in a div to keep it narrow and centered */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1145px;
	height: auto;/*The full wrap must not limit*/
	text-align: left;/*overcomes the body text align center*/
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0 auto;
	margin-bottom:0 auto;
	border: 0px;
	background-color: #ffffff;
	display:;
   } 
   
   
div.bgleft {/* left background column */
	position: absolute;
	top: 0px;
	left: 0px;
	width:160px;
	height: auto;
	text-align: left; /*overcomes the body text align center*/
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0 auto;
	margin-bottom: 0 auto;
	border: 0px;
	background-image: url(/imgs_com/bg_left.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
	overflow:hidden;
   } 
   
div.bgright {   /* right background column */
	position:absolute;
	left:987px;/*985*/
	top:-6px;
	padding:0;
	width:160px;
	height: auto;
	text-align: left; /*overcomes the body text align center*/
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0 auto;
	margin-bottom:0 auto;
	border: 0px;
	background-image: url(/imgs_com/bg_right.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	overflow:hidden;
   }      
   
div.bodywrapper {
	position: absolute;
	top: 0px;
	left: 160px;
	width: 825px;
	height: auto;
	text-align: left;/*overcomes the body text align center*/
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0 auto;
	margin-bottom: 0 auto;
	border: 0px;
	background-color: #FFFFFF;
   }  
  
   



/*END Structural css for divs and tables*/



html, body {
	margin: 0; 
	padding: 0;
}

html, body, div {
	height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /*this is a helper for IE to center the tables properly see comment below*/
	background-color: #FFFFFF;
}

/*"text-align: center" is there for Internet Explorer, which won't work without it. Unfortunately, "text-align: center" will center all the text inside your table cells, but we counter that by setting "tr" and "td" to align left*/

p {
    line-height:1.35em;
    font-size:.9em;
    margin: 0 0 0 0;
} 

.title01 {
	line-height: 1.6363em;
    font-size:1.1em;
	font-weight:bold;
	text-align: left;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 8px;
	}
	
.title01c {
	line-height: 1.6363em;
    font-size:1.1em;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 8px;
	}	
	
	
	
	
.title02 {
	/*line-height: 1.42em;
	font-size:0.72em;*/
	font-size:0.75em;
	line-height:1.65em;
	font-weight:bold;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 4px;
	}
	
.title02c {
	/*line-height: 1.42em;
	font-size:0.72em;*/
	font-size:8pt;
	line-height:1.65em;
	font-weight:bold;
	text-align: center;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 4px;
	}

.title02blue {
	line-height: 1.42em;
	font-size:0.72em;
	font-weight:bold;
	text-align: left;
	background-color:#E7EFD6;
	border: dotted;
	border-color:#91AE99;
	border-width: 1px;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 4px;
	text-indent: 44px;
	color: #365A58;
	}


.celltitle01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 18px;
	border: 1px dashed #f8d651;
	background: #fef2b1;
	color: #af7164;
	text-align:center;

}		

.celltitle02 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 18px;
	border: 1px dashed;
	background: #d1e8e0;
	color: #8b7184;
	text-align:center;

}		

.celltitle03 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 18px;
	border: 1px dashed #93abbd;
	background: #defcbd;
	color: #506a7e;
	text-align:center;

}		

	
.smallcellbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	color: #1c586c;
	line-height: 14px;
}			
	
.smallcellbody02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	color: #1c586c;
	line-height: 12px;
	text-align:center;
	background:#e1ffc0;
}			
	
.bodysmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	color: #1c586c;
	line-height: 14px;
}	

.bodysmall-c {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	color: #1c586c;
	text-align:center;
	line-height: 14px;
}	


.bodysmall-02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding-right: 8px;
	line-height: 11pt;
	margin: 0 8 0 16px;
}	


.bodysmall-03 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding-right: 8px;
	margin-left: 8px;
	line-height: 11pt;
}	

.bodysmall-04 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	color: #000000;
	line-height: 11pt;
}	

.body_left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:left
}

.body_right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.65em;
	text-align:left;
	margin-top: 0px;
	vertical-align: top;
	color: #000000;
	text-decoration: none;
}

.body_rightindent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.65em;
	text-align:left;
/*	text-indent: 24px;*/
	margin-left: 24px;
	margin-right: 20px;
	vertical-align: top;
	color: #000000;
	text-decoration: none;
}


.smlinks {
	font-size: 9px;
	text-align: center;
	color: 4B2A77;
}
.style-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:left
	margin-top: 0px;
	vertical-align: top;
}

 /* LIST STYLES BEGIN*/
 
 
ul.faqlist{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.72em;
	line-height:1.80em;
	text-align:left;
	text-decoration: none;
	color: #1c586c;
	margin-top: 0;
	padding-top: 8px;
	padding-bottom: 8px;
 }

ul.faqlist a:link {
	text-decoration:none; 
	color: #1c586c;
	}
	
ul.faqlist a:hover {
	text-decoration: underline;
	color: #1c586c;
	}
	
ul.faqlist a:active {
	text-decoration:none; 
	color: #1c586c;
	}

ul.faqlistanswer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.80em;
	text-align:left;
	color: #1c586c;
	margin-top: 0;
	padding-top: 8px;
	padding-bottom: 8px;
 }

ul.faqlistanswer a:link{
	text-decoration:none; 
	color: #1c586c;
	}
	
ul.faqlistanswer a:hover{
	text-decoration:none; 
	color: #1c586c;
	}
	
ul.faqlistanswer a: active{
	color: #1c586c;
	}

ul.faqlist02{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	line-height:10pt;;
	text-align:left;
	color: #000000;
	margin-top: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 4px;
 }

li.faqlist02{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	line-height:11pt;
	text-align:left;
	color: #000000;
	margin-top: 0;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-right: 6px;
 }

ul.itemlist{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	line-height:10pt;;
	text-align:left;
	color: #000000;
	margin-top: 0;
	margin-left: 0;
    padding-left: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 4px;
 }

li.itemlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style:disc;
	font-size: 8.5pt;
	line-height:10pt;
	text-align:left;
	color: #000000;
	margin-top: 0;
	margin-left: 16px;
	padding-left: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
 }
 
 li.itemlist2 {
	text-decoration:none;
	margin-top: 0;
	margin-left: 24px;
	padding-left: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
 }
 
 
 li.itemlist a: hover {
 text-decoration:underline;
 color:#000000;
 }

li.faqlistanswer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.72em;
	line-height:1.40em;
	text-align:left;
	margin-left: 0px;
	color: #000000;
	list-style-type: none;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 8px;
}  

.faqlistanswerbg{
	background-color:#E1EAE3;
	
}

.faqlistanswer1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em;
	text-align:left;
	margin-left: 15px;
	color: #000000;
	list-style-type: none;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
}

.faqlistanswer2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.4em;
	text-align:left;
	margin-left: 24px;
	color: #000000;
	list-style-type: none;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 8px;
}

li.faqlist a:link {
	text-decoration:none; 
	color: #000000;
	}
	
 li.faqlist a:hover {
	text-decoration: none;
	color: #000000;
	}
	
li.faqlist a:active {
	text-decoration:none; 
	color: #000000;
	}
 
ul.rightlist  {
	list-style-type: none;
	text-align: left;
	padding-left: 0;
	padding-top: 14px;
	font-size: 11px;
	text-decoration: none;
	background-color: #FFFFFF;
	margin: 0 0 0 12px;
	}
	
ul.rightlist2 a:link  { 
	text-decoration: underline;
	}
	
ul.rightlist2 a:hover  { 
	text-decoration: underline;
	color: #000000;
	}
	
   
ul.sidelist {
	list-style-type: none;
	text-align: left;
	padding-left: 0;
	font-size: 11px;
	text-decoration: none;
	background-color: #FFFFFF;
	line-height: ;
	margin: 0 0 0 1em;  /*1.72em with bullets active*/
	}
		
li.sidelist a:link {
	text-decoration:none; 
	color: #74B47C;
	}
	
 li.sidelist a:hover {
	text-decoration:underline;
	color: #74B47C;
	}
	
li.sidelist a:active {
	text-decoration:none; 
	color: #74B47C;
	}

li.sidelistbulletactive01{
	/*list-style: url(/imgs_com/bullet01.gif);*/
	list-style-position: outside;
	text-align: left;
/*	font-weight: bold;*/
	padding-left: 5px;
	padding-top: 2px;
	}

li.sidelistbulletactive02{
/*	list-style: url(/imgs_com/bullet02.gif);*/
	list-style-position: outside;
	text-align: left;
/*	font-weight: bold;*/
	padding-left: 5px;
	padding-top: 2px;
	}

li.sidelistbulletcurrent{
	list-style-position:outside;
	text-align: left;
	font-weight:bold;
	color: #1c586c;
	padding-left: 5px;
	line-height: 20px;
	}	
	
ul.sidelistnotactive {
	list-style-type: none;
	text-align: left;
	padding-left: 0;
	font-size: 11px;
	color:#cccccc;
	text-decoration: none;
	background-color: #FFFFFF;
	margin: 0 0 0 1em;
	}	
	
li.sidelistbulletnotactive{
	/*list-style: url(/imgs_com/bullet03.gif);*/
	list-style-position:outside;
	text-align: left;
	text-decoration:none;
	color:#CCCCCC;
	padding-left: 5px;
	}
	
li.sidelistnobull{
	text-align: left;
	padding-left: 4px;
	padding-top: 4px;
	}
		
img.sidelisttitle {
	padding: 0;
	margin-left: 0;
	float:left;
	}		

#vertbar {
	background-color: #FFFFFF;
	background-image: url(/imgs_com/bargrid.gif);
	background-repeat: repeat-y;
	background-position: left top;
	
}

#horzbar {
	background-color: #FFFFFF;
	background-image: url(/imgs_com/bargrid.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.picbarhorz {
	border: 0px;
	background-color:#FFFFFF;
	padding-bottom: 2px;
}


#featurepic {
    background:#fff;
    float:left;
    width:125px;
	height: 150px;
    }
	
#featuretext {
    background:#fff;
    float:right;
    width:200px;
	height: 150px;
    }






div .page {
	background-color: #FFFFFF;
	background-position: 196px 0px;
	vertical-align: top;
}

.pic {
border: 0px;
background-color:#FFFFFF;
float:left;
}

#nav-menu
{
	width:455px;
	height: 20px;
	padding: 0;
	margin: 0;/*OMG-finally this aligned the tr left in IE7 it worked without it in Netscape*/
	float:left;
	background-color:#FFFFFF;
	
}

#nav-menu img 
{ 
	border: none; 
}

#nav-menu a {
  text-indent: -9999px;
  float:left;
  height: 20px;
 
}


#nav-menu ul 
{
	margin: 0; /*Removes indent*/
	padding: 0;/*Removes indent*/
	list-style-type: none;/*Removes html bullet*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	position: absolute; /* positionning for IE5 et IE5.5 */

} 

/*Now we're getting there! One word of warning, by using float: left, whatever you place below your CSS navigation menu will display alongside the menu and not below it. To get round this, be sure to assign clear: both to whatever's next in the HTML document.
Clear - CSS 
Specifies whether to allow floating elements on either side, just the left side, just the right side or neither side of an image.
style="clear:none" - default
style="clear:left" - no elements may be placed on the left side.
style="clear:right" - no elements may be placed on the right side.
style="clear:both" - the image is placed with no elements either side. 
Top

*/

#nav-menu li
{
	float: left;
	list-style:none;
	height: 20px;
	width: 65px;
	margin: 0;
	padding: 0;
	overflow: hidden;
} 

#nav-menu li a span 
{ 
	visibility:hidden; 
} 

#nav-menu li a
{
	display: block;/*vip-allows rollover don't delete*/
	margin: 0; /*Removes indent*/
	padding: 0;/*Removes indent*/
	height: 20px;
	width: 65px;
	float: left;
	font-family: verdana, arial, sanf-serif;
	font-size: 12px;
	color: #000;
	text-decoration:none;

} 

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */ 

#nav-menu li a.home {
background: url(/imgs_nav/nav_home.gif) #fff top left no-repeat;
}

#nav-menu li a.homecurrent {
background: url(/imgs_nav/nav_home_current.gif) #fff bottom left no-repeat;
	width: 65px;
}

#nav-menu li a.enroll {
background: url(/imgs_nav/nav_enroll.gif) #fff top left no-repeat;
}

#nav-menu li a.enrollcurrent{
background: url(/imgs_nav/nav_enroll_current.gif) #fff bottom left no-repeat;
	width: 65px;
}

#nav-menu li a.faqs {
background: url(/imgs_nav/nav_faqs.gif) #fff top left no-repeat;
}

#nav-menu li a.faqscurrent{
background: url(/imgs_nav/nav_faqs_current.gif) #fff bottom left no-repeat;
	width: 65px;
}

#nav-menu li a.about {
background: url(/imgs_nav/nav_about.gif) #fff top left no-repeat;
}

#nav-menu li a.aboutcurrent{
background: url(/imgs_nav/nav_about_current.gif) #fff bottom left no-repeat;
	width: 65px;
}

#nav-menu li a.contact {
background: url(/imgs_nav/nav_contact.gif) #fff top left no-repeat;
}

#nav-menu li a.contactcurrent{
background: url(/imgs_nav/nav_contact_current.gif) #fff bottom left no-repeat;
	width: 65px;
}

#nav-menu li a.goodies {
background: url(/imgs_nav/nav_goodies.gif) #fff top left no-repeat;
}

#nav-menu li a.goodiescurrent{
background: url(/imgs_nav/nav_goodies_current.gif) #fff bottom left no-repeat;
	width: 65px;
}

#nav-menu li a.blog {
background: url(/imgs_nav/nav_blog.gif) #fff top left no-repeat;
}

/*#nav-menu li a.blogcurrent{
background: url(/imgs_nav/nav_blog_current.gif) #fff bottom left no-repeat;
	width: 65px;
}*/ /*not using this right now*/

#nav-menu li a.shop {
background: url(/imgs_nav/nav_shop.gif) #fff top left no-repeat;
}

#nav-menu li a.shopcurrent{
background: url(/imgs_nav/nav_shop_current.gif) #fff bottom left no-repeat;
	width: 65px;
}

#nav-menu li a.classes {
background: url(/imgs_nav/nav_classes.gif) #fff top left no-repeat;
}

#nav-menu li a:hover { 
	background-position:bottom left; } 
	

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*--------------BEGIN HOVER POP OVER PIC-------------------*/

.thumbnail{
position: relative;
z-index: 0;
display:block; /*This was important for Opera to keep it from cutting off the image*/
}

.thumbnail:hover{
background-color: transparent;
z-index: 100;
display:block;
}

.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
left:-1000px;
display:block;
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
display: block;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left:60px; /*position where enlarged image should offset horizontally */
display:block; 
}
/*--------------END HOVER POP OVER PIC-------------------*/
/*--------------BEGIN HOVER POP OVER PIC-------------------*/

.thumabove{
position: relative;
z-index: 0;
display:block; /*This was important for Opera to keep it from cutting off the image*/
}

.thumabove:hover{
background-color: transparent;
z-index: 100;
display:block;
}

.thumabove span{ /*CSS for enlarged image*/
position:absolute;
left:-1000px;
display:block;
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumabove span img{ /*CSS for enlarged image*/
z-index:100; /* Z Index for makeing image in top */
border-width: 0;
padding: 2px;
display: block;
}

.thumabove:hover span{ /*CSS for enlarged image on hover*/
z-index:100; /* Z Index for makeing image in top */
visibility: visible;
top: 0;
left:-30px; /*position where enlarged image should offset horizontally */
top: -70px;
display:block; 
}
/*--------------END HOVER POP OVER PIC-------------------*/

/*--------------BEGIN HOVER POP OVER PIC SS-------------------*/

.thum-ss{
position: relative;
z-index: 0;
display:block; /*This was important for Opera to keep it from cutting off the image*/
}

.thum-ss:hover{
background-color: transparent;
z-index: 100;
display:block;
}

.thum-ss span{ /*CSS for enlarged image*/
position:absolute;
left:-1000px;
display:block;
background-color: black;
padding: 3px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thum-ss span img{ /*CSS for enlarged image*/
z-index:100; /* Z Index for makeing image in top */
border-width: 0;
padding: 2px;
display: block;
}

.thum-ss:hover span{ /*CSS for enlarged image on hover*/
z-index:100; /* Z Index for makeing image in top */
visibility: visible;
top: 0;
left:-4px; /*position where enlarged image should offset horizontally */
top: -4px;
display: block; 
}
/*--------------END HOVER POP OVER PIC SS-------------------*/




.pic {
border: 0px;
background-color:#FFFFFF;
float:left;
}


/*BEGIN FOOTER styles*/
.smlinks {
	font-size: 9px;
	text-align: center;
	color: #B2B4BF;
}

.smlinks a:hover {
	text-decoration:underline;
	color: #74B47C;
}

.smlinks2 {
	font-size: 9px;
	text-align: center;
	line-height: 10px;
	color: #5B8A73;
}


.smtxt2 {
	font-size: 9px;
	text-align: left;
	color: #5B8A73;
}

.smtxt {
	font-size: 9px;
	text-align: center;
	color: #000000;
}
/*END FOOTER styles*/

a:link {
	text-decoration:none;
	color: #5B8A73;
}

a:visited {
	text-decoration:none;
	color: #999999;
}

a:hover {
	text-decoration:underline;
	color: #CC6600;
}