@media only screen and (max-width: 688px) {
	#right {
		display: none;
}
}

body {
	font-family: Tahoma, Lucida Grande, Verdana, Arial, Sans;
	color: #333;
   }

#header h1 a {
display:block;
width: 400px;
height: 100px;

}
#content_main {
	font-size: .8em;
	line-height: 1.6em;
	max-width: 75%;
}


#content_main p {
   padding: 0 0 .8em 0;
   margin:0;
   }

#content_main h2 {
   color: #333;
   font-family: Georgia;
   font-size: 280%;
   font-weight:normal;
     padding: 0 0 0 0;
   margin: 0 0 .3em 0;
   letter-spacing: -.05em;
   }
#content_main h3 {
   padding: 0 0 0 0;
   margin:.8em 0 0 0;
   color: #006600;
   }

#content_main a,
#content_main a:visited {
   color:#0066CC;
   text-decoration:none;
   font-weight:bold;
   }


#content_main a:hover {
   text-decoration:underline;
   }


#footer {
	font-size: 11px;
	color: #999;
	letter-spacing: .5px;
	}

p.sponsor {
	padding: 20px 0 40px 0;
	border-bottom: 1px solid #dbdbdb;
	margin: 0 0 20px 0;
	}

#footer a {
	text-decoration: none;
	color: #666;
	font-size: 10px;
}

.angel {
	background: #fff;
	/* width: 192px; */
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-radius: 6px;
	margin-left: 10px;
}
body.threecol .angel {
	   float:left; margin-right: 7px;

	}

#content_main .angel h3 {
   background: url(images/angel_top.gif) no-repeat 0 0;
   width: 192px;
   padding: 10px 0 0 10px;
   margin:0;
   font-size: 12px;
   line-height: 14px;
   color:#339933;
   }

#content_main .angel p {
   padding: 10px;
   font-size: 11px;
   line-height: 18px;
   }

#hr_benefits {
   position:absolute;
   top:0;
   right:5px;
   }


#content_main {
   padding-top: 20px;
   padding-left: 45px;
   }



	 body.twocol #content_main {
	 	padding-right: 32%;
	 }


body.threecol #content_main {
   padding-right: 450px;
   }



body.twocol #content_main #hr_benefits {
display:none;
   }


body.threecol #content_hr {
width: 400px
   }


#content_main h1 {
   padding: 10px 0 0 0px;
   margin:0;
   font-size: 14px;
   line-height: 18px;
   color:#336600;
   }



#videolinks {
	background: url(images/videos.png) no-repeat ;
background-position:  180px 34px;
  border: 1px solid #fff;
  display:block;
  float:right;
  width:200px;
  padding: 10px;
  margin: 25px 0 5px 5px;
}



.hidden {
  display:none;
}
.videolinks hr {
   display:none;
   }



body.enroll #right #hr_events,
body.enroll #right #hr_lessons{
display:none;
   }
body.enroll #content_main {
padding-right: 200px;
}




  .comingevent {
   padding: 5px;
   border-top: 1px solid #ddd;
   position:relative;
   }


.comingevent.shade {
   background: #fff;
   }


.mapurl a {
   font-size: 9px;
   font-weight: normal;
   }


div.register {
   position:absolute;
   top: 5px;
   right: 5px;
   }




   div.evd-l {
     float:left;
      width: 100px;
      color: #666;
      }
   div.evd-r {
      position:relative;
      top:0;
      margin-left:120px;
      width: 400px;
      }
  div.comingevent.shade {
   background: transparent;
   }

div.comingevent a {
   color: #993300;
   }

div.eventtitle {
   font-weight:bold;

   text-align:left;
   font-size: 12px;
   }
div.eventtitle a {
   text-decoration:none;
   color: #333;
   }

  div.eventlocation {

   text-align:left;
   font-size: 10px;
   }

   div.eventstart {
      font-size: 10px;
      }

   div.register {
      position:absolute;
      top:23px;right:3px;
      font-size: 10px;
      display:block;
      padding: 3px 6px;
      background: #FFF933;
      font-weight:bold;

      }

      div.register a {
         color: #FFF;
         text-decoration:none;
         }


#content_main  div.eventdetails h2 {
border:0 none;
font-family:"Lucida Grande",Sans Unicode,"Trebuchet MS",Verdana,sans-serif;
font-size:14px;
line-height: 18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0;
padding:0 0 20px 0px;
}


p.alert {
   padding: 10px !important;
   border: 1px solid #F00 !important;
   background: #fff;
   font-weight:bold !important;
   color: #F00 !important;
   margin: 0;
   line-height: 14px;
   }


.eventdetailrow {
   clear:both;
   }


.busyhour{
	width:95%;
	margin-top: 1px;
	padding: 2px 5px 2px 5px ;
	border: 1px #CAC09F solid;
	background: #767249;
	font: 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #603;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
}
.eventhour{
	width:95%;
	margin-top: 1px;
	padding: 2px 5px 2px 5px ;
	border: 1px #CAC09F solid;
	background: #CC6;
	font: 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #330;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
}

.subh4{
    float:right;
	font: 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #330;
	font-weight: bold;
	line-height: 20px;
	padding-right:5px;
}



.openhour{
	width:95%;
	margin-top: 1px;
	padding: 2px 5px 2px 5px ;
	border: 1px #CAC09F solid;
	background: #fff;
	font: 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #330;
	font-weight: bold;
	text-align: left;
	line-height: 20px;

}

a.req, a.req:link, a.req:visited, a.req:hover {
	display:inline-block !important;
	float:right;
	margin: 0px;
	padding: 0px;
	border: 0;
	color: #930;
	font: 10px "Lucida Grande", Sans Unicode, Verdana, sans-serif;
	font-weight: bold;
	text-decoration:none;
	line-height: 20px;
}

.reqd {
	line-height: 20px;
	font: 10px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color: #330;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	display:block;

}

.reqrow
{
	width:350px;
	margin: 0px;
	padding: 2px;
	height: 20px;
	border-bottom: 1px #CAC09F solid;
	text-align: left;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;
	color: #333300;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	text-transform: uppercase;
}



/* the form styles
*/


form br {
	clear:both;
	border-bottom: 1px #CAC09F solid;
}

input.label
{
	clear:left;
	margin: 0px;
	padding: 2px;
	height: 20px;
	border-bottom: 1px #CAC09F solid;
	text-align: left;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;
	color: #333300;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	text-transform: uppercase;
}

input.widetext
{
	width:248px;
	height:13px;
	float:right;
	margin: 0;
	padding: 2px;
	border: 1px #CAC09F solid;
	text-align:left;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;
	color: #333300;
	line-height:19px;


}

input.citytext
{
	width:142px;
	height:13px;
	float:right;
	margin: 0;
	padding: 2px;
	border: 1px #CAC09F solid;
	text-align:left;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;
	color: #333300;
	line-height:19px;


}


input.shorttext
{
	width:45px;
	height:13px;
	float:right;
	margin-right: 2px;
	padding: 2px;
	border: 1px #CAC09F solid;
	text-align:left;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;
	color: #333300;
	line-height:13px;
}


#textarearow
{
	width:500px;
	margin: 0px;
	padding: 2px;
	height: 350px;
	border-bottom: 1px #CAC09F solid;
	text-align: left;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;
	color: #333300;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	text-transform: uppercase;
}


textarea.content
{
	clear:both;
	margin: 0px;
	padding: 2px;
	height: 350px;
	width: 500px;
	border: 1px #CAC09F solid;
	text-align: left;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;
	color: #333300;
}






#notesrow
{
	width:500px;
	margin: 0px;
	padding: 2px;
	height: 100px;
	border-bottom: 1px #CAC09F solid;
	text-align: left;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;
	color: #333300;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	text-transform: uppercase;
}


textarea.notes
{
	float:right;
	margin: 0px;
	padding: 2px;
	height: 100px;
	width: 250px;
	border: 1px #CAC09F solid;
	text-align: left;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;
	color: #333300;
}




select.wide {
	margin: 0px;
	padding: 1px;
	height: 16px;
	width:250px;
	float:right;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;


}
select.short {
	margin: 0px;
	margin-right:5px;
	margin-left:5px;
	padding: 1px;
	height: 16px;
	width:50px;
	float:right;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;


}

select.medium {
	margin: 0px;
	padding: 1px;
	height: 16px;
	width:100px;
	float:right;
	font: 10px "Lucida Grande", Sans Unicode, "Trebuchet MS", Verdana, sans-serif;


}




/*end of form styles */