/* universal styles */

body,
td,
div,
p
{
font: 11px/14px Arial, Helvetica, sans-serif; 
color:#333;
}

body
{
background:url('images/bg_page.png') repeat-y top center #ccc;
}

a, a:link, a:active, a:visited
{
color:#fd0000;
text-decoration: underline;
}

a:hover
{
color:#cc0033;
}


	
img{
border:0;
text-decoration:none !important;
}


a.loclink{
color:#900;
}

a.loclink:hover{
color:#fff;
text-decoration: none;
background:#fd0000;
}


div.content
{
	margin: 1px 0px 8px 0px;
	padding:10px;
	background:url('images/bg_content_box.jpg') no-repeat top right #fff;
}


h1 
{
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color:#fd0000;
}

h2 
{
	font: bold 18px/22px Arial, Helvetica, sans-serif; 
	color:#fd0000;
	margin:5px 0px;
	padding:0px;
}

h3 
{
	font: bold 14px/18px Arial, Helvetica, sans-serif; 
	color:#666666;
	margin:5px 0px;
	padding:0px;
}

h6.left
{
	padding:4px 4px;
	margin:0px;
	width:556px;
	background:url('images/bg_h6_lg.jpg') repeat-y right #fff;
	border:1px outset #999;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color:#fd0000;
	display:block;
	text-transform:uppercase;
}

h6.right
{
	padding:4px 4px;
	margin:0px;
	width:300px;
	background:url('images/bg_h6_sm.jpg') repeat-y right #fff;
	border:1px outset #999;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color:#fd0000;
	display:block;
	text-transform:uppercase;
}


div.lgcol 
{
padding:8px;
width:565px;
float:left;
}

div.smcol 
{
padding:8px 0px;
width:300px;
float:left;
}

.red
{
color:#fd0000;
}

.gray
{
color:#777;
}

/* STYLES FOR THE EVENTS LISTING */

div.event_odd 
{
background: #eee;
padding:5px;
border-top:1px solid #fff;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
width:299px;
}

div.event_even 
{
background: #dedede;
padding:5px;
border-top:1px solid #fff;
border-bottom:1px solid #dedede;
border-right:1px solid #dedede;
width:299px;
}


div.event_odd_over,
div.event_even_over
{
background: #fff;
padding:5px;
border-top:1px solid #fff;
border-bottom:1px solid #999;
border-right:1px solid #ccc;
width:299px;
}


b.date
{
font-size:12px;
color:#000;
}

b.past_date
{
font-size:11px;
color:#666;
}

/* FORM STYLES */


form.eventedit select
{
margin-left:20px;
width:500px;
font-size:10px;
color:#999;
}
form.eventedit option
{
font-size:10px;
color:#999;
}


a.rattle
{
display:block;
float:left;
text-align:center;
width:60px;
height:75px;
padding-top:6px;
background:url('images/bg_rattle.png') no-repeat #fff 2px 0px;
text-decoration:none;
font:13px/13px arial, sans-serif;
}

a.rattle:hover
{
display:block;
float:left;
text-align:center;
width:60px;
height:75px;
padding-top:6px;
background:url('images/bg_rattle.png') no-repeat #fff -59px 0px;
text-decoration:underline;
font:13px/13px arial, sans-serif;
}




/* NAVBAR STYLES */



ul#nav { /* all nav lists */
	padding: 0;
	margin: 0;
	list-style: none;
	background: #fd0000 ;
	width:100%;
	height: 21px;
	color:#fff;
	}

ul#nav li { /* all list items */
	margin: 0;
	float: left;
	position: relative;
	width: 145px;
}


li ul { /* second-level lists */
	display: none;
	list-style: none;
	position: absolute;
	top: 21px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 145px;	
	}

ul#nav li ul li {
	padding: 0px;
	font-weight:normal;
	width: 145px;
	margin:0px;
}


a.navhead, a.navhead:visited{ /* off-state effects */
	font-size:11px;
	line-height:14px;
	padding: 3px 0px 3px 0px;
	margin:0px;
	display:block;
	background:#fd0000;
	border: solid 1px #fff;
	border-top:0px;
	text-align:center;
	width: 145px;
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;
	}


a.navhead:hover, a.navhead:active { /* on-state effects */
	font-size:11px;
	line-height:14px;
	padding: 3px 0px 3px 0px;
	margin:0px;
	display:block;
	background:#fd0000;
	border: solid 1px #fff;
	border-top:0px;
	text-align:center;
	width: 145px;
	text-decoration:underline;
	color:#fff;
	text-transform:uppercase;
	}


a.navlink, a.navlink:visited{ /* off-state effects */
	padding: 3px 0px 3px 0px;
	margin:0px;
	display:block;
	background:#e6e6e9;
	border: solid 1px #999;
	border-right: solid 1px #333;
	border-top:0px;
	border-bottom: solid 1px #666;
	text-align:center;
	width: 170px;
}


a.navlink:hover, a.navlink:active { /* on-state effects */
	padding: 2px 0px 2px 0px;
	margin:0px;
	display:block;
	color:#fff;
	background: #fd0000;
	border: solid 1px #644;
	border-top: solid 1px #fcc;
	border-left: solid 1px #b99;
	border-bottom: solid 2px #533;
	text-align:center;
	width: 170px;
}



li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}



/* STYLES FOR THE DATE PICKER */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #dddddd;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ffffff;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #ffffff;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #000000;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cc0000;
	background: #ddd;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c00;
	background: #ddd;
	font-weight: bold;
	}