/*================================================================
Use files like this for page-specific styles.  For example, 
sample.html loads this file in addition to style.css.
================================================================*/
.float-left	{ float: left;  }
.clear-left	{ clear: left; 	background: lime }
.float-left2 { float: left; padding-top: 12px; }
.float-space { float: left; padding: 9px; }
.float-center	{ float: center;  }
.float-right	{ float: right;  }
.float-right2	{ float: right; padding: 15px; padding-right: 62px;  }


/* BODY
----------------------------------------------------------------*/
body { margin:0px 0; padding:0; font: 74% Arial, Sans-Serif; color : #000000; line-height: 1.4em; background : #FFFFCC;}

.bodytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000}
.bodytext2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF}
.bodytext3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #000000}
h4 {
  color: #000000;
  margin: 9px  5px ;
  align = left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
  font-size: 18px;
}
h5 {
  color: #000000;
  margin: 7px  3px ;
  align = left
 font-weight: bold;
  font-size: 15px;
}

/* MAIN CONTAINER
----------------------------------------------------------------*/
#main_container {
  float: center;
  background: #FFFFCC; 
  width: 950px;
  padding: 0px;
  margin: 0px 0px 0 0;
}
/* TOP ROW
----------------------------------------------------------------*/
#top_row {
  float: center;
  background: #FFFFCC; 
  height: 120px;
  width: 950px;
  padding: 0px;
  margin: 0px 0px 0 0;
}
/* MIDDLE PART
----------------------------------------------------------------*/
#middle_part {
  float: center;
  width: 950px;
  padding: 0px;
  margin: 0px 0px 0 0;
}
/* LEFT NAV
----------------------------------------------------------------*/
#left_nav {
  float: left;
  background: #660066; 
  height: 488px;
  width: 200px;
  padding: 0px;
  margin: 0px 0px 0 0;
}
#navbar {
	margin: 0px;
	padding: 0px;
	background: url(../images/nav_bg2.gif) repeat-y;
	height: 488px;
	list-style: none;
}

/* Right Content
----------------------------------------------------------------*/
#right_content {
  float: left;
  background: #99CC99; 
  width: 720px;
 height: 458px;
  padding: 15px;
  margin: opx 0px 0 0;
}
/* Right Content
----------------------------------------------------------------*/
#right_top_content {
  float: left;
  background: #99CC99; 
  width: 700px;
 height: 160px;
  padding: 10px;
  margin: opx 0px 0 0;
}
/* Bottom
----------------------------------------------------------------*/
#bottom_part {
  float: center;
	margin-top: 20px;
  background: #FFB999; 
   font-size: 11px;
  width: 640px;
padding: 6px 12px;
}


#navbar li {

}

#navbar a {
	text-decoration: none;
	display: block;
	height: 40px;
	text-indent: -5000px;
}
#navbar #home {
	background: url(../images/nav_home.gif) no-repeat 0px -35px;
	width: 200px;
}
#navbar #home:hover {
	background-position: 0 0px;
}

#navbar #host_class {
	background: url(../images/nav_host_class.gif) no-repeat 0px -35px;
	width: 200px;
}
#navbar #host_class:hover {
	background-position: 0 0px;
}
#navbar #private {
	background: url(../images/nav_private.gif) no-repeat 0px -35px;
	width: 200px;
}
#navbar #private:hover {
	background-position: 0 0px;
}

#navbar #whatis {
	background: url(../images/nav_whatis.gif) no-repeat 0px -35px;
	width: 200px;
}
#navbar #whatis:hover {
	background-position: 0 0px;
}

#navbar #class_event{
	background: url(../images/nav_class_event.gif) no-repeat 0px -35px;
	width: 200px;
}
#navbar #class_event:hover {
	background-position:  0 0px;
}

#navbar #purchase {
	background: url(../images/nav_purchase.gif) no-repeat 0px -35px;
	width: 200px;
}
#navbar #purchase:hover {
	background-position: 0 0px;
}
#navbar #resources {
	background: url(../images/nav_resources.gif) no-repeat 0px -35px;
	width: 200px;
}
#navbar #resources:hover {
	background-position: 0 0px;
}
#navbar #testimonials {
	background: url(../images/nav_testimonials.gif) no-repeat 0px -35px;
	width: 200px;
}
#navbar #testimonials:hover {
	background-position: 0 0px;
}
#navbar #contact_us {
	background: url(../images/nav_contact_us.gif) no-repeat 0px -35px;
	width: 200px;
}
#navbar #contact_us:hover {
	background-position: 0 0px;
}
#navbar #about_us {
	background: url(../images/nav_about_us.gif) no-repeat 0px -35px;
	width: 200px;
}
#navbar #about_us:hover {
	background-position: 0 0px;
}