/* CSS Document */

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

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

p {
	margin: 0;
	padding: 4px 0 8px 0;
	line-height: 18px;
	color: #495257;
	text-align: left;
}

ul {
	color: #495257;
	line-height: 18px;
	text-align: left;
}

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

h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font: 20px Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #144879;
	font-weight: normal;
}

h1 a {
	color: #144879;
}

h1 a:hover {
	color: #ce1443;
}

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

h2 {
	color: #495257;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 8px 0 0 0;
	padding: 0;
	line-height: 16px;
}

h2 a {
	color: #495257;
}

h2 a:hover {
	color: #ce1443;
}

a {
	color: #ce1443;
	text-decoration: none;
	}

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

table {
	margin: 0;
	padding: 0;
}

td {
	text-align: left;
}

form {
	margin: 0;
	padding: 0;
}

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


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

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

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

#logo {
	margin: 0 auto;
	padding: 35px 0 0 0;
	text-align: center;
	width: auto;
	height: auto;
}

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

#footer p {
	text-align: center;
	padding: 100px 0 0 0;
	margin: 0 auto;
	font: 11px Arial, Helvetica, sans-serif;
	border-top: 1px solid #fff;
}

#mininav {
	background: url(../images/bkg-mininav.gif) no-repeat;
	margin: 0;
	padding: 4px 20px 0 0;
	text-align: right;
	width: 930px;
	height: 26px;
}

#mininav ul {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mininav li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 4px 25px 0 10px;
	/padding: 4px 20px 0 10px;
	width: auto;
	height: auto;
	background: url(../images/img-bullet.gif) no-repeat left;
}

#mininav li a {
	text-transform: uppercase;
	font: 10px Arial, Helvetica, sans-serif;
	color: #144879;
}

#mininav li a:hover {
	color: #ce1443;
	text-decoration: none;
}

#content {
	width: 910px;
	height: auto;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
	background: #fff;
	border-top: 2px solid #d5e2e2;
	border-bottom: 2px solid #d5e2e2;
}

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

#content-lt {
	float: left;
	width: 193px;
	height: auto;
	margin: 0;
	padding: 0;
	background: url(../images/bkg-nav.gif) no-repeat top;
}

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

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

#leftnav li {
	width: 166px;
	height: auto;
	margin: 0 1px;
	padding: 10px 10px 4px 15px;
	display: block;
	list-style-type: none;
	float: left;
	background: url(../images/img-starbullet.gif) no-repeat left;
	border-bottom: 1px dotted #fff;
}

#leftnav li a {
	color: #6b757b;
}

#leftnav li a.on {
	color: #495257;
	font-weight: bold;
}

#leftnav li a:hover {
	color: #495257;
	text-decoration: none;
	font-weight: bold;
}

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

#columns-rt {
	width: 258px;
	height: auto;
	float: right;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

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

#thumbs {
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #bac3c3;
}

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

#thumbs li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 4px 0 0;
	list-style-type: none;
	float: left;
	text-align: center;
}

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

#events {
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px;
	text-align: left;
	background: url(../images/bkg-events.gif) repeat-x top #fff;
}

#events p {
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 14px;
}



#calendarLeft {
  float: left;
  width: 350px;
}

#calendarRight {
  float: right;
  width: 258px;
  background-color: #686868;
  padding-bottom: 6px;
}

#calendarLeft DIV {
  color: #686868;
}

#calendarLeft H2 {
  font-size: 14px;
  margin-top: 8px;
}

#calendarLeft H4 {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  margin-top: 4px;
}

#calendarLeft H4 A {
  color: #686868;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

#calendarLeft H5 {
  background-image: url(../images/img-gray-dot.gif);
}

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

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

#calendarWeek {
  display: block;
  color: #cccccc;
  width: 87px;
  line-height: 27px;
  text-align: center;
  border-right: 1px solid white;
  float: left;
  text-transform: uppercase;
  background-color: #8d8d8d;
}

#calendarMonth {
  display: block;
  color: #cccccc;
  width: 99px;
  line-height: 27px;
  text-align: center;
  float: left;
  text-transform: uppercase;
  background-color: #8d8d8d;
  margin: 0;
}

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

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

#calendarHeader TH {
  width: 35px;
  color: #666666;
}

#calendarBody TD {
  color: #676767;
}

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

#calendarBody A {
  display: block;
  width: 34px;
  height: 26px;
  color: #495257;
  text-decoration: none;
}

#calendarMonthsBody TD {
  color: #2e5b7c;
}

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

#calendarMonthsBody A {
  display: block;
  width: 82px;
  height: 34px;
  line-height: 34px;
}

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

#calendarToday A {
  color: white;
}

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

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

#sponsors li {
	width: 160px;
	height: 120px;
	margin: 0;
	padding: 10px 20px;
	list-style-type: none;
	display: block;
	float: left;
}


/***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***/