/*
	Helios Calendar - Professional Event Management System
	Copyright © 2007 Refresh Web Development [http://www.refreshwebdev.com]
	
	Developed By: Chris Carlevato <chris@refreshwebdev.com>
	
	For the most recent version, visit the Helios Calendar website:
	[http://www.helioscalendar.com]
	
	License Information is found in docs/license.html
*/

/*	Helios Default Template Classes
	You can edit this file however you'd like for your template,
	or create a new one and delete it.	*/
	
html,
body {
  margin: 0;
  padding: 0px 0 10px 0;
  color: #484848;
  font-family: arial, sans-serif;
  ;
  font-size: 11px;
  line-height: 12px;
  background: #838989 url(body-bg.png) repeat-x;
}

a {
  color: #4396ca;
}

a:hover {
  color: #4396ca;
}

#container {
  margin: 0 auto;
  width: 940px;
  padding: 0;
  background: #FFFFFF;
}

#header {
  background: url(header-bg.png);
  height: 245px;
  overflow: hidden;
}

#main-nav {
  margin: 205px 0 0 30px;
}

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

#main-nav li {
  list-style: none;
  display: inline;
  margin: 0 60px 0 0;
}

/*---------- bubble tooltip -----------*/
#main-nav a.tt {
  position:relative;
  z-index:24;
  text-decoration:none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #4396ca;
  text-decoration: none;
}

#main-nav a.tt span {
  display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
#main-nav a.tt:hover {
  z-index:25;
  color: #4396ca;
background:;
}

#main-nav a.tt:hover span.tooltip {
  display:block;
  position:absolute;
  top: -60px;
  left: 0;
  padding: 0;
  width: 150px;
  color: #484848;
  text-align: center;
 filter: alpha(opacity:90);
  KHTMLOpacity: 0.90;
  MozOpacity: 0.90;
  opacity: 0.90;
  font-size: 12px;
}

#main-nav a.tt:hover span.top {
  display: block;
  padding:3px 8px 10px;
  background: url(bubble.gif) no-repeat top;
}

#main-nav a.tt:hover span.middle { /* different middle bg for stretch */
  display: block;
  padding: 0 8px;
  background: url(bubble_filler.gif) repeat bottom;
}

#main-nav a.tt:hover span.bottom {
  display: block;
  padding: 30px 8px 0;
  color: #548912;
  background: url(bubble.gif) no-repeat bottom;
}

#cat-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

#cat-menu li {
  _border: 1px solid #abaa95;
}

#cat-menu a {
  display: block;
  padding: 10px 10px 15px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #abaa95;
}

#cat-menu a:hover {
  background-color: #a4bf00;
}

.clr {
  clear: both;
}

#content-body {
  background: url(content-bg.png) repeat-y 0 0;
  overflow: hidden;
}

#col-left {
  width: 220px;
  float: left;
  background-color: #DEE8C6;
}

#col-right {
  width: 140px;
  float: left;
}

#content {
  width: 580px;
  float: left;
}

.col-inner,
.banner-inner {
  padding: 0 10px;
}

.banner-inner {
  background-color: #fdeba1;
  padding-bottom: 10px;
}

.content-inner {
  background-color: #FEF9E3;
  padding: 10px;
}

#banner-left {
  width: 260px;
  float: left;
}

#banner-right {
  width: 300px;
  float: left;
}

#rssLinks {
  width: 760px;
  padding: 0;
  margin: auto auto auto auto;
}

#copyright {
  clear: both;
  color: #666666;
  background: #FFFFFF;
  padding: 5px 0px 5px 15px;
  line-height: 17px;
}

a.copyright,
a.copyrightR {
  text-decoration: none;
  color: #666666;
  background: #FFFFFF;
}

a.copyright:hover {
  text-decoration: underline;
  color: #FF6600;
  background: #FFFFFF;
}

a.copyrightR:hover {
  text-decoration: underline;
  color: #006532;
  background: #FFFFFF;
}

.setupText {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 1px;
  color: #333;
  vertical-align: center;
}

/*overwrites*/

a.controlPanel {
  text-decoration: underline;
  color: #4396ca;
  font-size: 12px;
}

a.controlPanel:hover {
  text-decoration: underline;
  color: #4396ca;
}

.miniCalTable {
  border-collapse: collapse;
  empty-cells: show;
}

.miniCalTable td {
  cursor: pointer;
  text-align: center;
  width:29px;
}

.miniCalTitle {
  border: 1px solid #ACACAC;
  background-color: #abaa95;
  text-align: center;
}

.miniCalJump {
  background-color: #abaa95;
  font-family: Verdana, sans-serif;
  border: 0px;
  color: #FFFFFF;
}

.miniCalNav {
  font-size: 13px;
  font-weight: bold;
  border: 1px solid #ACACAC;
  background-color: #abaa95;
  color: #FFFFFF;
}

.miniCalDOW {
  border: 1px solid #DEE8C6;
  background-color: #EEEEEE;
}

.miniCal {
  background: #FFFFFF;
  border: 1px solid #DEE8C6;
}

.miniCalToday {
  font-weight: bold;
  background: #A4BF00;
  border: 1px solid #DEE8C6;
}

.miniCalToday:hover {
  font-weight: bold;
  background: #A4BF00;
  border: 1px solid #DEE8C6;
}

.miniCalEvents {
  border: 1px solid #DEE8C6;
  background: #FFFFFF url(circled.png) no-repeat center center;
}

.miniCalEvents:hover {
  text-align: center;
  border: 1px solid #DEE8C6;
  background: #FFFFFF url(circled.png) no-repeat center center;
}

.miniCalFiller {
  border: 1px solid #DEE8C6;
  background: #FFFFFF;
}

.eventDetailDatePast {
  font-size: 13px;
  font-weight: bold;
  color: #A4BF00;
}

#eventDetailInfo {
  clear: both;
  margin-top: 20px;
  float: left;
  padding-right: 0;
  width: 340px;
}

#eventDetailTools {
  float: right;
  margin-top: 20px;
  width: 210px;
  padding-left: 10px;
}

.eventDetailToolbox {
  padding: 10px;
  border: 1px solid #666666;
  background: #EEEEEE;
  width: 190px;
}

#eventDetailDesc {
  clear: both;
  color: #000000;
  padding: 0px 5px 10px 5px;
  overflow: hidden;
  _width: 550px;
}

a.billboard, a.popular {
  text-decoration: underline;
  color: #4396ca;
}

a.billboard:hover, a.popular:hover {
  text-decoration: underline;
  color: #4396ca;
}

.scroll-left {
  display: inline;
  float: left;
  text-indent: -9999px;
  background: url(/events/images/nav/scroll-left.gif) no-repeat;
  width: 64px;
  height: 16px;
  cursor: pointer;
}

.scroll-right {
  display: inline;
  float: right;
  text-indent: -9999px;
  background: url(/events/images/nav/scroll-right.gif) no-repeat;
  width: 64px;
  height: 16px;
  cursor: pointer;
}