/* CSS Document */

img {
	margin: 0;
	border: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	padding: 0;
	background: #d4d4c7;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: center;
}

p {
	margin: 0;
	padding: 2px 0 6px 0;
	line-height: 18px;
	color: #504f50;
	text-align: left;
}

.heavy {
	font-weight: bold;
}

p.date {
	margin: 0 0 6px 0;
	padding: 0;
	line-height: 14px;
}	

ul {
	color: #504f50;
	line-height: 18px;
	text-align: left;
	margin: 0;
	padding: 0 0 0 12px;
}

ol {
	color: #504f50;
	line-height: 18px;
	text-align: left;
}

h1 {
	margin: 6px 0 6px 0;
	padding: 0 0 2px 0;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #9c9c64;
	text-transform: uppercase;
}

h1 a {
	color: #9c9c64;
}

h1 a:hover {
	color: #504f50;
}

h1.images {
	margin: 0;
	padding: 0;
	line-height: 0;
}

h2 {
	color: #9c9c64;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 4px 0;
	padding: 0;
	line-height: 16px;
}

h2 a {
	color: #9c9c64;
}

h2 a:hover {
	color: #fff;
	text-decoration: none;
}

h3 {
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
}

h4 {
	color: #9c9c64;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin: 12px 0 4px 0;
	padding: 0;
	line-height: 16px;
}

a {
	color: #7397c8;
	text-decoration: none;
	}

a:hover {
	color: #504f50;
	text-decoration: none;
	}
	
a.smgreen {
	color: #9c9c64;
	font-size: 11px;
}

a:hover.smgreen {
	color: #fff;
	font-size: 11px;
}

table {
	margin: 0;
	padding: 0;
}

td {
	text-align: left;
}

form {
	margin: 0;
	padding: 0;
}

input {
	font: 11px Arial, Helvetica, sans-serif;
	color: #504f50;
}


select {
	font: 11px Arial, Helvetica, sans-serif;
	color: #504f50;
}

#header {
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 12px 0;
	text-align: center;
}

#header-rt {
	width: 350px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	float: right;
}

#header-lt {
	width: 210px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
}

#logo {
	padding: 20px 0 0 0;
	margin: 0;
	text-align: left;
}

#search {
	width: auto;
	height: auto;
	margin: 0;
	padding: 68px 0 0 0;
}

#search ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#search li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font: 16px Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
}

#search li.txt {	
	width: 60px;
}

#search li.input {	
	width: 210px;
}

#search li.btns {	
	width: 25px;
}

#wrapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border-top: 6px solid #58585a;
	background: #ecece7;
}

#main {
	background: url(../images/bkg-main.gif) repeat-y;
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#main-lt {
	width: 238px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}

#main-rt-hm {
	width: 712px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
	text-align: left;
}

#main-rt {
	width: 712px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
	text-align: left;
	background: url(../images/bkg-flower2.gif) no-repeat right #fff;
}

#leftnav {
	text-align: left;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 20px;
}

#leftnav ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

#leftnav li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	font: 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 29px;
}

#leftnav li a {
	color: #fff;
}

#leftnav li a:hover {
	color: #58585a;
	text-decoration: none;
}

#leftnav li a.on {
	color: #58585a;
}

#home-top {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 6px;
	text-align: center;
}

#home-news {
	width: 240px;
	height: 290px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: left;
	background: url(../images/bkg-flower1.gif) no-repeat right;
}

#home-hero {
	width: 428px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

#hero-thumbs {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

#hero-thumbs ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}

#hero-thumbs li {
	width: 79px;
	height: auto;
	margin: 0;
	padding: 6px 4px 0 4px;
	display: block;
	list-style-type: none;
	float: left;
}

#hero-thumbs li.first {
	padding: 6px 4px 0 0;
}

#hero-thumbs li.last {
	padding: 6px 0 0 4px;
}

#home-hero-overlay {
	display: block;
	width: 428px;
	height: 208px;
	position: relative;
}

#home-hero-overlay a, #home-hero-overlay a:hover {
	color: white;
}

#home-hero-overlay img {
	position: absolute;
	left: 0px;
	top: 0px;
}

#home-hero-overlay p {
	position: absolute;
	left: 11px;
	top: 11px;
	margin: 0;
	padding: 0;
	text-transform: none;
	color: white;
}

#home-hero-overlay span {
	font-size: 22px;
	line-height: 26px;
}

#ongoing {
	background: #ecece7;
	margin: 4px 8px 0 0;
	padding: 6px;
	text-align: left;
}

#ongoing ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}

#ongoing li {
	width: 110px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	float: left;
}

#ongoing li a {
	color: #9c9c64;
}

#ongoing li a:hover {
	color: #58585a;
}

#lower {
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: url(../images/bkg-lower.gif) repeat-y;
}

#lower-rt {
	width: 700px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}

#lower-rt-rt {
	width: 250px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
	text-align: left;
}

#lower-rt-lt {
	width: 448px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}

#lower-lt {
	width: 238px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

#lower-in {
	background: #4c4c4d;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
}

#enews {
	width: auto;
	height: auto;
	margin: 0;
	padding: 20px;
	text-align: left;
}

#enews p {
	color: #cbcbbc;
}

input.signup {
	background: #cbcbbc;
	border: 1px solid #fff;
	padding: 2px;
	margin: 0 0 4px 0;
	width: 160px;
}

.buttons {
	padding: 4px 12px 4px 4px;
	margin: 4px 0 4px 0;
	color: #f2f2ea;
	text-transform: uppercase;
	background: url(../images/img-btn-arrow.gif) right no-repeat #9c9c64;
	border: none;
	width: auto;
	height: auto;
	font-size: 11px;
}

#upcoming {
	width: auto;
	height: auto;
	padding: 20px;
	margin: 0;
}

#upcoming-rt {
	width: 290px;
	height: auto;
	padding: 0;
	margin: 0;
	float: right;
	text-align: left;
}

#upcoming-lt {
	float: left;
	width: 102px;
	height: auto;
	margin: 0 12px 0 0;
	padding: 0;
}

#member {
	width: auto;
	height: auto;
	padding: 20px 12px;
	margin: 0;
}

#member-rt {
	width: 110px;
	height: auto;
	padding: 0;
	margin: 0;
	float: right;
	text-align: left;
}

#member-lt {
	float: left;
	width: 102px;
	height: auto;
	margin: 0 12px 0 0;
	padding: 0;
}

#members-in {
	width: auto;
	height: auto;
	margin: 0 0 0 20px;
	padding: 0;
}

#members-in ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}

#members-in li {
	width: 160px;
	height: 180px;
	margin: 0;
	padding: 0 50px 0 0;
	display: block;
	list-style-type: none;
	float: left;
	text-align: center;
}

.white {
	color: #fff;
}

a:hover.white {
	color: white;
}

.grey {
	color: #999;
	font: 11px Arial, Helvetica, sans-serif;
}

#footer {
	width: 950px;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
}

#footer p {
	text-align: center;
	color: #a4a498;
}

#footer a {
	color: #a4a498;
}

#footer a:hover {
	color: #58585a;
}

#content {
	padding: 0 20px 20px 20px;
	margin: 0;
	text-align: left;
	width: auto;
	height: auto;
	min-height: 400px;
}

#photos {
	width: 250px;
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
}

#photos ul {
	width: auto;
	height: auto;
	margin: 6px 0 0 0;
	padding: 0;
	display: block;
	list-style-type: none;
}

#photos li {
	width: 79px;
	height: auto;
	margin: 0;
	padding: 0 6px 0 0;
	display: block;
	list-style-type: none;
	float: left;
}

#photos li.right {
	padding: 0;
}

#ex-cols {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#ex-cols-rt {
	width: 166px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}

#ex-cols-lt {
	width: 498px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
}

#ex-thumbs {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

#ex-thumbs ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}

#ex-thumbs li {
	width: 79px;
	height: auto;
	margin: 0;
	padding: 0 6px 0 0;
	display: block;
	list-style-type: none;
	float: left;
}

#ex-thumbs li.right {
	padding: 0;
}

#upcoming-in-wrap {
	width: auto;
	height: auto;
	padding: 6px;
	margin: 0;
	text-align: left;
	background: #58585a;
}

#upcoming-in {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
}

#upcoming-in-rt {
	width: 85px;
	height: auto;
	padding: 0;
	margin: 0 0 12px 0;
	float: right;
	text-align: left;
}

#upcoming-in-lt {
	float: left;
	width: 60px;
	height: 65px;
	margin: 0;
	padding: 0;
}

.events {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px dotted #58585a;
	width: 400px;
}

/** CALENDAR **/

#calendarRight {
  width: 250px;
  background-color: #4c4c4d;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

#calendarRight p {
	margin: 0;
	padding: 8px 0 8px 0;
	text-align: center;
	line-height: 12px;
}

#calendarRight A.on {
  color: white;
  background-color: #f37447;
}

#calendarDay {
  display: block;
  color: #ccc;
  width: 70px;
  line-height: 27px;
  text-align: center;
  border-right: 1px solid white;
  float: left;
  text-transform: uppercase;
  background-color: #9c9c64;
  margin: 0;
}

#calendarWeek {
  display: block;
  color: #fff;
  width: 85px;
  line-height: 27px;
  text-align: center;
  border-right: 1px solid white;
  float: left;
  text-transform: uppercase;
  background-color: #9c9c64;
}

#calendarMonth {
  display: block;
  color: #fff;
  width: 93px;
  line-height: 27px;
  text-align: center;
  float: left;
  text-transform: uppercase;
  background-color: #9c9c64;
  margin: 0;
}

#calendarRight TABLE {
  background-color: white;
  margin: 3px;
  margin-bottom: 0;
}

#calendarRight TH, #calendarRight TD {
  background-color: #e8e8dd;
  text-align: center;
  padding: 0;
  line-height: 26px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
}

#calendarHeader TH {
  width: 35px;
  color: #4c4c4d;
}

#calendarBody TD {
  color: #cbcbbc;
  text-align: center;
}

#calendarBody TD.on {
  background-color: #fff;
}

#calendarBody A {
  display: block;
  width: 33px;
  height: auto;
  text-align: center;
}

#calendarBody A:hover {
	color: #4c4c4d;
}

#nextMonthLink {
	font-size: 20px;
}

#prevMonthLink {
	font-size: 20px;
}

#calendarMonthTitle {
	color: #4c4c4d;
}

#calendarMonthsBody TD {
  color: #cbcbbc;
  text-align: center;
}

#calendarMonthsBody TD.on {
  background-color: #ebe8e1;
}

#calendarMonthsBody A {
  display: block;
  width: 80px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

#calendarToday {
  line-height: 34px;
  text-align: center;
}

#calendarToday A {
  color: white;
}

#enroll {
	background: #ccc;
	padding: 10px;
}

/***Tony Aslett's clearing hack***/
  .clearing:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

  .clearing {
    display: inline-block;
    }

  /* hides from IE/Mac \*/
  * html .clearing { 
    height: 1%;
    }

  .clearing {
    display: block;
    }
  /* end hide from IE-Mac */
  /***end clearing hack***/