body {
	margin:0;
	padding:0;
	text-align:center;
	color:#4D4D4D;
	font-size:.8em;
	font-family:arial,sans;
	background-image:url(/images/bg-dark-blue.gif); 
      background-repeat: repeat-x; 
      background-color: #566e86;
	}
#content {
	width:969px;
	margin:0 auto;
	text-align:left;
	background-image:url(images/pageBg.gif);
	background-repeat:repeat-y;
	}

#copy {
	padding:5px 0 10px 20px;
	border-bottom:1px solid #e1e1e1;
	}
.clear{clear:both}
.hide{display:none}
img{
	outline:none;
	border:none;
	text-decoration:none;
	}
a{
	outline:none;
	border:none;
	color:#0782CC;
	text-decoration:none;
	}






/* top banner (on all pages) */

#banner{
	height:181px;
	background-image: url(images/bannerBg.gif);
	background-repeat: no-repeat;
	}
#banner ul {
	margin:20px 0 0 310px;
	padding:0;
	position:absolute;
	}
#banner li {
	list-style-type:none;
	margin:10px 0;
	}
#banner a{
	color:#fff;
	text-decoration:none;
	outline:none;
}






/* basic page layout */

#datebook{
	width:715px;
	float:left;
	margin-bottom:20px;
}

#pages{
	background-color:#fff;
	border:1px solid #999;
	float:left;
	width:665px;
	min-height:425px;
	margin-bottom:15px;
}
#pages.noTabs{
	width:708px;
	}

/*for wide pages without right recent items column or nav tabs*/
#datebookWide{
	width:815px;
	float:left;
	margin:0 0 20px 55px;
	border:1px solid #999;
	background-color:#FFF;
	display:inline; /*ie double margin fix*/
}

#header{
	background-color:#e1e1e1;
	padding:5px 5px 0;
	text-align:center;
}
#header .arrowLeft{float:left;}
#header .arrowRight{float:right;}
#header .postButton{
	position:absolute;
	margin:15px 0 0 120px;
	padding:0;
	}
#header h1, #plainHeader h1{
	margin:.15em 0 0;
	font-size:1.7em;
	color:#BE0000;
	}
#header select {
	margin:10px 0 0;
	font-family:inherit;
	color:#4D4D4D;
	font-size:.9em;
	border:1px solid #999;
	padding:4px;
	width:200px;
	}
#plainHeader{
	background-color:#e1e1e1;
	padding:5px 5px 0;
	text-align:center;
}
#plainHeader .postButton{
	float:right;
	}

/* hide elements on pages that don't require them
without breaking layout */
.hide {
	visibility:hidden;
	}

#tabsLeft{
	width:23px;
	height:390px;
	float:left;
	background-image:url(images/tabsLeftBg.gif);
	background-repeat:no-repeat;
}
#tabsLeft img {
	padding:30px 0 30px 6px;
}
#tabsRight{
	width:25px;
	height:414px;
	float:right;
	background-image:url(images/tabsRightBg.gif);
	background-repeat:no-repeat;
}
#tabsRight img{
	padding:10px 0 7px 5px;
}

.leftCol{
	padding:10px;
	font-size:.9em;
	float:left;
	width:50%;
	}
.rightCol{
	padding:10px 10px 10px 0;
	font-size:.9em;
	float:right;
	width:45%;
	}

/* for plain pages that don't require heaader or
any special layout */
#plainView{margin:15px}


/* week view - this is the default view for the calendar */


#weekView h2{
	background-color:#BE0000;
	color:#fff;
	font-size:1.3em;
	font-weight:lighter;
	padding:2px 5px;
	margin:0;
}
#weekView h3{
	padding:2px 5px;
	background-color:#ffbf00;
	color:#000;
	margin:0;
	font-size:.8em;
	text-align:center;
}




/* event detail view */

#eventView{margin:10px;}
#eventView #infoColumn{
	width:200px;
	float:left;
	margin:0 15px 5px 0;
	font-size:12px;
	}
#eventView #description{
	width:430px;
	float:right;
	margin-bottom:10px;
	overflow:hidden;
	}
#infoColumn .dateTime{
	background-color:#FFBF00;
	color:#000;
	padding:5px;
	}
#infoColumn .location{
	border:1px solid #FFBF00;
	color:#000;
	padding:5px;
	margin:5px 0 10px;
	}
#infoColumn h4{
	margin:0px;
	font-size:14px;
	}
#infoColumn a img{
	margin:5px 5px 0 0 ;
	}
.icons {
	padding-top:10px;
	clear:left;
	}
#eventView .icons a img{margin:2px 2px 0 0 ;}

#eventView h2{
	color:#BE0000;
	font-size:1.3em;
	font-weight:lighter;
	padding:2px 5px;
	margin:0;
	}






/* month view */

#monthView{margin:15px}
.dayOfWeek{
	float:left;
	padding:5px;
	margin:2px;
	background-color:#e1e1e1;
	width:76px;
	}
.dayBox{
	float:left;
	padding:5px;
	margin:2px;
	border:3px solid #e1e1e1;
	width:70px;
	height:70px;
	color:#4D4D4D;
	}
.highlight{border:3px solid #999}
.dayBox h2 {
	text-align:center;
	font-size:1em;
	background-color: #ffbf00;
	width:100%;
	margin:50px 0 0;
	padding:3px 0;
	line-height:1em;
	}
.dayBox h3{
	float:right;
	margin:0;
	line-height:.75em;
	}



/* day view */


#dayView h2{
	background-color:#ffbf00;
	font-size:1.4em;
	font-weight:lighter;
	padding:2px 5px;
	margin:0 0 15px;
}
#dayView h3{
	color:#000;
	margin:0;
	font-size:1em;
}


/* mini version of month view */
.rightCol .dayOfWeek{
	float:left;
	padding:2px;
	margin:0 2px 2px;
	background-color:#e1e1e1;
	width:34px;
	font-size:.9em;
	}
.rightCol .dayBox{
	float:left;
	padding:2px;
	margin:2px;
	border:2px solid #e1e1e1;
	width:30px;
	height:30px;
	color:#4D4D4D;
	}
.rightCol .highlight {border:2px solid #999}
#dayView .rightCol .dayBox h3{
	float:right;
	margin:0 0 3px;
	font-size:.7em;
	line-height:1em;
	font-weight:lighter;
	}
#dayView .rightCol .dayBox h2{
	font-size:.7em;
	text-align:center;
	margin:0;
	padding:0;
	clear:both;
	}

#rightBar{
	float:right;
	width:215px;
}
.recentCorners{
	padding-top:6px;
	background-image:url(images/recentTopCap.gif);
	background-repeat:no-repeat;
	}

.recent{
	background-color:#ffbf00;
	border:1px solid #ffbf00;
	padding:10px;
}
.recentBottom{
	background-image:url(images/recentBottomCap.gif);
	background-repeat:no-repeat;
	height:6px;
	margin-bottom:20px;
}
.recent h2{
	color:#BE0000;
	font-size:.9em;
	font-weight:normal;
	margin:0;
	}
.recent ul{
	font-size:.75em;
	margin:10px 0;
	padding-left:10px;
}
.recent li{
	margin:0 0 7px 0;
	list-style:none;
}

.rightAd{
	padding-top:6px;
	background-image:url(images/adTopCap.gif);
	background-repeat:no-repeat;
	}

.adContent{
	background-color:#fde79b;
	border:1px solid #fde79b;
	background-image:url(images/adBg.gif);
	background-repeat:no-repeat;
	padding:10px 10px 10px 55px;
}
.adBottom{
	background-image:url(images/adBottomCap.gif);
	background-repeat:no-repeat;
	height:6px;
	margin-bottom:20px;
}

#rightSubnav ul{
	margin:0;
	padding:0;
	}
#rightSubnav li{
	list-style:none;
	margin:10px 0;
	padding:0;
	}
	
#footer{
	clear:both;
	margin:0 10px 10px;
	padding:15px 0;
	border-top:1px solid #999;
	height:15px;
	}	
#footer img{float:right}
#footer h4{
	float:left;
	margin:3px 0 0;
	}
#logos{
	clear:both;
	margin:0 15px;
	}
#logos img {margin:0 10px;}	

#subNav{
	text-align:center;
	font-size:.8em;
	margin-bottom:20px;
}
#subNav ul{
	text-align:center;
	clear:both;
	font-size:1.2em;
	margin:3px 0 10px;
	}
#subNav li{
	display:inline;
	margin:15px;
	}

/*form styles*/
input, textarea, select {
	border:1px solid #999;
	margin:2px;
	}
fieldset{
	border:1px solid #0782CC;
	padding:0 15px 20px;
	}
legend{
	font-weight:bold;
	font-size:.9em;
	border:1px solid #0782CC;
	padding:3px 10px;
	background-color:#eee;
	margin-bottom:21px;
	}
label {
    float: left; 
    width: 100px; 
    padding: 0px 10px 0px 0px; 
    text-align: right; 
	} 
.category {
	width:230px;
	text-align:left;
	font-size:.9em;
}
.radio{
	text-align:left;
	width:125px;
	}

/* helios specific styles */
ul.billboard {
	list-style-type: none;
	margin: 0;
	padding-left: 0px;
	text-align: left;
	}

li.billboardDate {
	font-weight: bold;
	}

li.billboard {
	padding-left: 5px;
	padding-top: 5px;
	}
	
ul.popular {
	list-style-type: none;
	margin: 0;
	padding-left: 0px;
	text-align: left;
	}
li.popularDate {
	font-weight: bold;
	}
li.popular {
	padding-left: 5px;
	padding-top: 5px;
	}