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

/* ------- LAYOUT ------ */

#container {
	width: 778px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	border: solid 6px #bbb;
	padding-bottom: 12px;
	}

#header {
	width: 778px;
	background-color: #43035a;
	}

#left {
	width: 139px;
	float: left;
	border-right: dotted 1px #639;
	padding: 0px 9px 0px 10px;
	margin-top: 12px;
	}

#right {
	width: 595px;
	float: right;
	padding: 12px 12px 12px 12px;
	}

#footer {
	clear: both;
	background-color: #fff;
	border-top: solid 1px #fff;
	line-height: 0px;
	}


/* ------- TAGS ------ */

body {
	background-color: #444;
	font: 12px Arial, Helvetica, sans-serif;
	color: #222;
	}

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

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

a:hover, a:active { 
	text-decoration: underline; 
	color: #639;
	}

h2 {
	font: 15px Georgia, "Times New Roman", Times, serif;
	color: #9f8c30;
	font-weight: bold;
	margin: 12px 0px 6px 0px;
	}

h3 {
	font: 13px "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	margin: 4px 0px 4px 0px;
	}

h4 {
	font: 15px "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #222;
	margin: 4px 0px 2px 0px;
	}

h4.line {
	font: 15px "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	color: #222;
	border-top: solid 1px #ddd;
	margin: 17px 0px 2px 0px;
	padding-top: 14px;
	}

h5 {
	font: 11px Arial, Helvetica, sans-serif;
	color: #999;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	}

h5.leftnav {
	font: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	color: #aaa;
	font-weight: normal;
	margin: 0px 0px 4px 0px;
	border-bottom: 1px dashed #ccc;
	border-top: 1px dashed #ccc;
	letter-spacing: 1px;
	}

h5.upcoming {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #444;
	font-weight: normal;
	}

p {
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 9px 0px;
	}
	
img {
	border: none;
	}

img.float {
	float: right;
	margin: 30px 0px 4px 12px;
	}

form {
	margin: 1px 1px 1px 1px;
	}
	

/* ------- CLASSES ------- */

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

.bold {
	font-weight: bold;
	}

.ph {
	margin: 5px 10px 5px 0px;
	}
.signup {
	margin: 8px 0px 12px 0px;
	}
	

/* ------- CALENDAR ------- */

.calendar {
  float: left;
  margin-right: 6px;
  width: 42px;
  height: 42px;
}

#left .calendar-icon-01 {background: url('calendar/01.gif');}
#left .calendar-icon-02 {background: url('calendar/02.gif');}
#left .calendar-icon-03 {background: url('calendar/03.gif');}
#left .calendar-icon-04 {background: url('calendar/04.gif');}
#left .calendar-icon-05 {background: url('calendar/05.gif');}
#left .calendar-icon-06 {background: url('calendar/06.gif');}
#left .calendar-icon-07 {background: url('calendar/07.gif');}
#left .calendar-icon-08 {background: url('calendar/08.gif');}
#left .calendar-icon-09 {background: url('calendar/09.gif');}
#left .calendar-icon-10 {background: url('calendar/10.gif');}
#left .calendar-icon-11 {background: url('calendar/11.gif');}
#left .calendar-icon-12 {background: url('calendar/12.gif');}

.calendar-day {
  font-weight: bold;
  font-size: 1.3em;
  color: #000;
  width: 42px;
  text-align:center;
  padding-top: 17px;
}