@charset "UTF-8";

/*********************************************************

01. Global Rules
02. Internal Content and Main Content Cage
03. Top Nav
04. Main Nav
05. Left Column
06. Calendar
07. Events Box
08. Newsletter Form
09. Contact Form
10. Gallery
11. Class Schedule
12. Footer

**********************************************************/



/** 01. Global Rules
**********************************************************/
*{
	padding:0;
	margin:0;
}

body{
	background:url(/images/bg_main.jpg) top center repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:0;
}

ul{
	list-style-position:inside;
	margin:0 0 0 30px;
}

#wrapper{
	width:900px;
	margin:0 auto;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
}

h1{
	padding:0;
	margin:0 0 10px 0;
}

h2{
	padding:0;
	margin:0 0 5px 0;
	color:#008183;
	font-size:16px;
}

h3{
	padding:0;
	margin:0 0 5px 0;
	font-size:14px;
}

form{
	padding:0;
	margin:0;
}

a {
	outline-style:none;
	text-decoration:none;
	color:#008183;
}

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

/** 02. Internal Content and Main Content Cage
**********************************************************/
#internal-content-cage{
	clear:both;
	background:url(/images/bg_internal.gif) top left repeat-y;
	background-color:#FFFFFF;
}

#internal-content-cage #main-content{
	float:left; 
	width:615px; 
	padding:0 20px 40px 20px;
}

#internal-content-cage #main-content ul{
	margin:0 0 15px 15px;
}


#internal-content-cage #main-content p{
	margin:0 0 15px 0;
}

#news-content {
	width:500px;
	float:left;
}

#news-content img{
	margin:10px 10px 5px 0;
	padding:5px;
	border:#CCCCCC solid 1px;
}

#news-content a{
	text-decoration:underline;
}

#news-content a:hover{
	text-decoration:none;
}

#news-content p{
	margin:15px 0 15px 0;
}

#news-content h2{
	margin:0;
}


.header-main{
	background:url(/images/bg_header.jpg) no-repeat;
}

/** 03. Top Nav
**********************************************************/
.top-nav{
	float:right; 
	color:#FFFFFF; 
	margin:20px 28px 0 0;
	font-size:11px
}

.top-nav a{
	color:#FFFFFF; 
	margin:0 3px 0 3px;
	text-decoration:none;
	display:inline;
}

.top-nav a:hover{
	color:#008183; 
	margin:0 3px 0 3px;
	text-decoration:none;
}

/** 04. Main Nav
**********************************************************/
.main-nav-cage{
	height:35px;
	background:url(/images/bg_main-nav.jpg) top left repeat-x;
	padding:0 0 0 140px;
	clear:both;
}

#main-nav{
	font-weight:bold;
	font-size:12px;
}

#main-nav ul {
  margin:0;
  padding:0;
  list-style:none;
  }

#main-nav li {
  float:left;
  margin:0;
  padding:0;
  }

#main-nav a {
  float:left;
  display:block;
  padding:9px 18px 0 10px;
  margin:0 0 0 7px;
  text-decoration:none;
  color:#fff;
  }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main-nav a {float:none;}

/* End IE5-Mac hack */
#main-nav a:hover {
  color:#008183;
  }
  
#main-nav #current{
  background:url(/images/bg_main-tab-left.png) top left no-repeat;
  }

#main-nav #current a{
  background:url(/images/bg_main-tab-right.png) top right no-repeat;
  color:#fff;
  padding-bottom:8px;
  }

#main-nav #current a:hover {
  background:url(/images/bg_main-tab-right.png) top right no-repeat;
 color:#FFF;
  padding-bottom:8px;
}

/** 05. Left Column
**********************************************************/
.left-column{
	width:245px;
	background-color:#000000;
	float:left;
	font-weight:bold;
	font-size:11px;
	padding:0 0 10px 0;
}
.left-column ul{
	padding:0;
	margin:10px 0 20px 0;
	list-style:none;
}
.left-column li{
	padding:6px 15px 6px 20px;
}

.left-column #current-sub{
  background:url(/images/bg_subnav.gif) left no-repeat;
}

.left-column #current-sub a:hover {
  background:url(/images/bg_subnav.gif) left no-repeat;
  color:#FFFFFF;
}

.left-column a {
	color:#FFF;
	text-decoration:none;
	display:block;
}

.left-column a:hover {
	color:#008183;
	text-decoration:none;
}


/** 06. Calendar
**********************************************************/
table.smd_cal_tbl{
	width: 100%;
	
}
tr.smd_cal_navrow{
	height: 45px;
	font-size: 22px;
	font-weight: bold;
}

tr.smd_cal_daynames{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #008284;
	line-height: 24px;
}


table.smd_cal_tbl h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #333;
}

table.smd_cal_tbl td{
	padding: 8px;
	width: 125px;
	vertical-align:top;
	font-size: 11px; 
	background-color: #e1e1e1;
}


/** 07. Events Box
**********************************************************/
.events-box-cage{
	float:right; 
	width:300px; 
}

.events-box-cage h2{
	padding: 7px 7px 7px 12px;
	margin:0 0 0 0;
	background:url(/images/bg_event-box.gif) no-repeat;
	color:#FFFFFF;
	font-size:14px;
}
.events-box{
	padding:10px; 
	border-left:#999 solid 1px; 
	border-right:#999 solid 1px; 
	border-bottom:#999 solid 1px;
}

/** 08. Newsletter Form Rules
*********************************************************************/
.newsletter-form{
	clear:both;
	padding:0 0 5px 0;
}

.newsletter-form input[type="text"]{
	width:165px;
	height:18px;
	border:#333333 solid 1px;
}

.newsletter-form label{
	display:none;
	height:0px;
}

.newsletter-form br{
	display:none;
	height:0px;
}

.newsletter-form ul.zemError{
	clear:both;
	padding:0;
	margin:2px 0 5px 0;
}

/** 09. Contact Form Rules
*********************************************************************/
.contactForm{
	width:265px; 
	float:left; 
	padding:0 0 35px 0;
}
.contactForm ul{
	margin:0;
	padding:0;
}
.contactForm input[type="text"]{
	width:265px;
	margin:5px 0 5px 0;
}
.contactForm textarea{
	width:270px;
	margin:5px 0 0 0;
}

/** 10. Gallery
*********************************************************************/
.gallery-cage{
	width:295px; 
	height:110px;
	float:left;
	margin:0 10px 10px 0; 
	overflow:hidden;
	font-size:11px;
}
.gallery-cage h3{
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-size:14px;
}
.gallery-cage img{
	float:left;
	margin:0 5px 0 0;
	padding:5px;
}
.gallery-cage a img{
	border:#CCC solid 1px;
}
.gallery-cage a:hover img{
	border:#008183 solid 1px;
}
.gallery-thumbs img{
	float:left;
	padding:7px;
	margin:0 12px 12px 0;
}
.gallery-thumbs a img{
	border:#CCC solid 1px;
}
.gallery-thumbs a:hover img{
	border:#008183 solid 1px;
}

/** 11. Class Schedule
**********************************************************/
.class-schedule-cage{
	font-size:12px;
	border-bottom:#CCCCCC dotted 1px;
	padding:0 0 10px 0;
}

.class-schedule-cage h2{
	margin:20px 0 5px 0;
}

.class-schedule-cage table{
	width:100%;
	border:#CCCCCC solid 1px;
	margin:0 0 10px 0;
}

.class-schedule-cage th{
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding:3px;
	background-color:#CCCCCC;
}

.class-schedule-cage td{
	padding:3px;
	background-color:#f1f1f1;
	text-align:center;
}

td.this-left{
	text-align:left;
}

a.head-on-up{
	padding:0 0 0 15px;
	background:url(/images/bg_up-bullet.gif)no-repeat 0px 0px;
}


.hp-announce{
	width:285px; 
	float:left; 
}

.hp-announce p{
	margin:5px 0 15px 0; 
}


/** 12. Footer
**********************************************************/
#footer{
	width:900px;
	line-height:20px;
	font-size:12px;
	background-color:#000000;
	color:#999;
	border-top:#FFFFFF dotted 1px;
}

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

#footer a:hover{
	color:#008183;
	text-decoration:none;
	
}

#footer span{
	margin:0 6px 0 6px;
}