/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(../images/main-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;	
	background-color: #ffefbc;
	behavior: url(includes/csshover.htc);
}
form {
	padding: 0;
	margin: 0;
}
span.highlight { 
	background: #f0ff00;
}
/* ------------------------------ CONTENT PADDING ------------------------------------------ */
.content5, #content5 {
	padding: 5px;
}
.content10, #content10 {
	padding: 10px;
}
.content15, #content15 {
	padding: 15px;
}
/* ------------------------------ BANNER STYLING ------------------------------------------ */
div#red_top, #menu_top {
	width: 743px;
}
div#red_top {
	background: #da2128;
	height: 94px;
	padding-top: 12px;
}
div#menu_top {
	background: url(../images/bg_menu.gif);
	height: 82px;
}
/* ------------------------------ WRAPPERS ------------------------------------------ */
div#pagewrap, #page_container {
	width: 970px;
}
div#pagewrap {
	display: block;
	margin: 0;
	padding: 0;
}
div#page_container {	
	background:url(../images/main_bg.gif);
	background-repeat: repeat-y;
}
div#menu_wrapper, #left_content, #main_content, #right_content, #bottom_wrap {
	float: left;
}
div#menu_wrapper {
	width: 740px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #d3c090;
	background-color: #000;
}
div#menu_wrapper div#sub_menu ul a{ 
	text-decoration: none;
}
div#menu_wrapper div#sub_menu ul a:hover{ 
	text-decoration: underline;
}
div#main_content {
	width: 740px;
}
div#bottom_wrap {
	text-align: left;
	background:#000;
	width: 959px;
	padding-left: 10px;
	font: 11px Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

/* ------------------------------ COLUMNNS ------------------------------------------ */
div#left_col, #main_col {
	float: left;
}
div#left_col {
	width: 207px;
}
div#main_col {
	width: 740px;
}
div#tan_border {
	border-bottom: 2px solid #d3c090;
}
/* ------------------------------ TOOL TIPS -------------------------------------------- */

div.eventcount{
    position:relative; /*this is the key*/
    z-index:24;
	}
div.eventcount span{ display: none; }
div.eventcount span a{ 
	color: #DA2128; 
}
div.eventcount span ul{ 
	padding: 0;
	margin: 0;
}
div.eventcount span li{ 
	padding: 0;
	margin-left: 15px;
	list-style: square;
	color: #c7b485;
}
div.eventcount span h5{ 
	font: 12px Arial, Helvetica, sans-serif;
}
div.eventcount:hover{ ;z-index:25; }
div.eventcount:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    left: 52px;
	top: 0px;
	width: 130px;
    border:1px solid #333;
    background-color: #ffeebb;
	color:#000;
	padding: 5px;
    text-align: left;
}
	
/* ------------------------------ SPACER DIVS ------------------------------------------ */

div#myBar { 
	height: 10px;
}

div#button_announce, div#button_approve, div#button_pending, div#button_rejected { 
	text-align: center;
	padding:  3px 8px;
	float: left;
	background-color: #d5c293;
}

div#button_announce p a, div#button_approve p a, div#button_pending p a, div#button_rejected p a{ 
	color: #DA2128;
}


div.show_hide { 
	float: left;
	padding-left: 10px;
}
div#three, #ten, #left_spacer {
	float: left;
	height: 1px;
}
div#three {
	width: 3px;
}
div#ten {
	width: 10px;
}
div#left_spacer {
	width: 20px;	
}
/* ------------------------------ BOXES ------------------------------------------ */
div#gradient_box, #narrow_gradient_box, #bottom_box, #video_box, #small_box {
	float: left;
}
div#event_box, #color_bar {
	float: left;
	width: 240px;
	text-align: left;
}
div#event_box.center {
	border-left: 1px dashed #fff;
	border-right: 1px dashed #fff;
}
div#color_bar {
	height: 7px;
}
div#legend_box {
	float: right;
	background: #fff2cf;
}
table.legend {
	border-top: 1px solid #d3c090;
	border-left: 1px solid #d3c090;
	border-bottom: 1px solid #d3c090;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #fff5d2; 
}
td.text {
	border-right: 1px solid #d3c090;
	padding: 0 6px;
}
td.graphic {
	padding: 2px 0 2px 6px;
}
.border_bot {
	padding: 5px;
	font: bold 10px Arial, Helvetica, sans-serif;	
	line-height: 16px;
}
.border_top, .border_right, .border_top_right {
	padding: 5px;
	font: bold 10px Arial, Helvetica, sans-serif;	
	line-height: 16px;
}
.border_top, .border_top_right {
	border-top: 1px solid #decfab;
}
.border_right, .border_top_right {		
	border-right: 1px solid #decfab;
}

div#gradient_big_box {
	width: 722px;
	background:url(../images/bg_gradient.gif);
	background-repeat: repeat-x;
	background-color: #eee6d5;
	float: left;
}
div#gradient_box, div#content_box {
	width: 478px;
}
div#content_box a {
	color: #da2128;
}
div#gradient_box {
	background:url(../images/bg_gradient.gif);
	background-repeat: repeat-x;
	border: 1px solid #decfab;
	text-align: left;
}
div#gradient_box #text_box{
	width: 185px;
}
div#calendar_box, div#event_details {
	width: 425px;
}
div#calendar_box {
	background:url(../images/calendar_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	border: 1px solid #decfab;
	float: none;
}
div#event_details {
	background: #feeec1;
	border: 1px solid #decfab;
	text-align: left;
	float: left;
}
div#event_details a {
	color: #DA2128;
	font: 12px Arial, Helvetica, sans-serif;
}

div#event_details a.text_red {
	color: #da2128;
	font: 14px Arial, Helvetica, sans-serif;
}
div#event_details a.text_blue {
	color: #0f6bae;
	font: 12px Arial, Helvetica, sans-serif;
}

div#event_list {
	width: 480px;
	background: #feeec1;
	border: 1px solid #decfab;
	text-align: left;
	float: left;
}
div#event_list a{ 
	 font: 14px bold Arial, Helvetica, sans-serif;
	 color: #0f6bae;
	 text-decoration: underline;
}

div#event_list a.text_red{ 
	 font: 12px bold Arial, Helvetica, sans-serif;
	 color: #d81f1f;
	 text-decoration: underline;
}

div#narrow_gradient_box {
	width: 234px;
	background:url(../images/bg_gradient.gif);
	background-repeat: repeat-x;
	background-color: #efe7d7;
	text-align: left;
}
div#narrow_gradient_box.event {
	width: 282px;
}
div#narrow_gradient_box h5{
	line-height: 14px;
}
div#narrow_gradient_box a{

}
div#bottom_box {
	width: 430px;
}
div#video_box {
	width: 176px;
	height: 152px;	
	background-color: #dfd0ad;
	text-align: center;
	border: 2px solid #d22027;
}
div#small_box {
	width: 460px;
	text-align: left;
	padding: 10px;
}
div#small_box h1 {
	line-height: 20px;
}
div#small_box.red {
	background: #da2128;
}
div#small_box a {
	color: #fff;
}
div#small_box p, div#small_box h6, div#small_box h5, div#small_box h4{
	color: #fff;
}

/* ------------------------------ TEXT BOXES ------------------------------------------ */
div#left_text {
	width: 200px;
}
div#text_box {
	float: left;
	width: 160px;
	text-align: left;
}
/* ------------------------------ CLASSES ------------------------------------------ */
.top_image {
	float: left;
	width: 83px;
	height: 83px;
	border: 1px solid #f3bc8a;
}
.image {
	border: 1px solid #da2128;
}
.red_border_dashed {
	border-bottom: 1px dashed #da2128;
}
.tan {
	background: #ffeebb;
}
/* ------------------------------ BG COLORS ------------------------------------------ */
.green {
	background: #628725;
}
.red {
	background: #d92128;
	color: #FFF;
}
.blue {
	background: #39459c;
}
/* ------------------------------ FORM STYLING ------------------------------------------ */
.checkbox {
	color:#686564;
}
.input_box {
	border: 1px solid #686564;
}
.buttons {
	background: #fff;
	border: 2px solid #78a22f;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	text-decoration: none;
}
.icon {
	background: #fff5d2;		
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	text-decoration: none;
}
div.blackBorder {
	overflow : hidden;
	border : 1px solid #686564;
	width : 148px;
	height : 20px;
}
div.blackBorder select {
	display : block;
	float : none;
	margin-top : -1px;
	margin-left : -1px;
	width : 150px;
	height : 20px;	
}
/* ======================= CALENDAR TABLE ======================= */

.calendar_table {
	border: 1px solid #B2B2B2;
}
.day {
	width: 44px;
	background: #fff;
}
.today {
	width: 44px;
	background: #c2def4;
}
.gray {
	width: 44px;
	background: #e6e7e8;
}
.row_height {
	height: 66px;
}
div#number {
	float: left;
	width: 44px;
	padding: 1px;
	font: bold 10px Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	text-align: left;
}
div#cell_wrapper {
	float: left;
	width: 53px;
	height: 58px;
}
div#cell_wrapper.events {
	background: url(../images/event_count.gif);
	background-position: bottom;
}
div#cal_content {
	float: left;
	width: 44px;
    padding: 2px;
	font: 9px Arial, Helvetica, sans-serif;
	text-align: left;
}
div#events div#event_total {
	width: 53px;
	text-align: center;
}
div#events a div#event_total {
	color: #da2128;
	font: bold 9px Arial, Helvetica, sans-serif;
	line-height: 13px;
	text-decoration: none;
}
div#bid_wrapper { 
	float: left;
	width: 265px;
	border-right: 7px solid  #d92128;
	border-top: 1px dashed #d4c192;
	border-bottom: 1px dashed #d4c192;
	background-image: url(../images/bid_gradient.gif);
	background-repeat: repeat-y;
	margin: 2px 0;
}
div#bid_only { 
	float: left;
	text-align: left;	
	padding-top: 5px;	
	background-repeat: no-repeat;
}
div#bid_only div#content5{
	padding-right: 40px;
}
div#non_bid { 
	float: left;
	text-align: left;	
	padding-top: 5px;
	width: 265px;
}
div#non_bid a, div#bid_wrapper a{
 color: #DA2128;
 text-decoration: underline;
}

.mini_calendar_table {
	border: 1px solid #B2B2B2;
}
.mini_day {
	width: 24px;
	background: #fff;
}
.mini_today {
	width: 24px;
	background: #c2def4;
}
.mini_gray {
	width: 24px;
	background: #e6e7e8;
}
.mini_row_height {
	height: 24px;
}
div#mini_month a{
	color: #d42127;
}
div#mini_number {
	float: left;
	width: 22px;
	padding: 1px;
	font: bold 10px Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	text-align: center;
}
div#mini_cal_content {
	float: left;
	width: 15px;
    padding: 2px;
	font: 9px Arial, Helvetica, sans-serif;
	text-align: left;
}
div#mini_number div#mini_event_total {
	float: right;
	width: 15px;
	height: 24px;	
	background: url(../images/total_events.gif);
	background-repeat: no-repeat;
	text-align: center;
}
div#mini_number a div#mini_event_total {
	color: #da2128;
	font: bold 8px Arial, Helvetica, sans-serif;
	line-height: 13px;
	text-decoration: none;
}

/* ======================= CALENDAR ======================= */
div#largecal {
	float: left;
}
div#largecal #calendar_wrap {
	width: 443px;
	border-left: 1px solid #B2B2B2;
}
div#minical, div#largecal {
	padding: 0; 
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
div#minical a{
	color: #da2128;
}
div#minical #month {
	font-size: 11px;
	padding: 2px;
	background: none;
}
div#largecal #month {
	font-size: 22px;	
	padding: 5px;
	background: none;
}
div#minical #month, div#largecal #month {
	text-align: center;
	text-transform: uppercase;	
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #d42027;
}
div#minical #weekdays, div#largecal #weekdays {
	font-size: 10px;
}
div#minical #week, div#largecal #week {
	clear: both;
}
div#largecal div#week {
	/*height: 25px;*/
}
div#minical #dow, div#largecal #dow {
	float: left;
	color: #666666;
}
div#largecal #weekdays {
	padding-left: 1px;
}
div#largecal #weekdays #dow{
	width: 63px;
	background: none;
	border: none;
	font: 14px Arial, Helvetica, sans-serif;
	color: #6d6f71;
	font-weight: bold;
}
#gray_line {
	float: left;
	height: 1px;
	width: 442px;
	background:#B2B2B2;
}
div#minical #dow, div#minical #day, div#minical #filler {
	width: 31px;
}
div#largecal #dow, div#largecal #day, div#largecal #filler {
	width: 62px;
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
	background-color: #FFF;	
}
div#largecal #filler {
	height: 78px;
}
div#minical #day, div#minical #filler {
	float: left;
	height: 22px;
}
div#minical div#day div {
	padding-top: 7px;
	width: 28px;
	margin-left: 2px;
}
div#largecal div#day, div#largecal div#filler {
	float: left;
	text-align: left;
	font-size: 10px;
}
div#minical div#day.today div {
	font-size: 11px;
	background-color: #c2def4;
}
div#largecal div#spacer.today, div#event.today, div#day.today  div#spacer div#num {
	background-color: #c2def4;
}
div#minical div#day a {
	text-decoration: underline;
	font-size: 11px;
	color: #0f6ba7;
	font-weight: bold;
}
div#largecal div#day div#spacer div#num {
	font: bold 10px;
	line-height: 10px;
	padding: 2px;
}

div#largecal div#day div#spacer {
	height: 78px;
	float: left;
	clear: both;
}
div#largecal div#day div#event {

}
div#largecal div#day div#event {
	width: 43px;
	height: 68px;
	font-size: 9px;
	line-height: 11px;
	float: right;
}
div#largecal div#event a{
	color: #d22227;
}

#home_cal #calendarcontent #event {
	width: 130px;
}
#home_cal #calendarcontent #event, #eventcontent #event {
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
#home_cal #calendarcontent #event #date, #eventcontent #event #date {
	font-size: 8px;
}

/* ------------------------------ FOOTER ------------------------------------------ */
div#footer {
	padding: 5px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div#footer a {
	color: #000;
	text-decoration: none;
}
div#footer a:hover {
	color: #000;
	text-decoration: underline;
}
div#copyright {
	float: left;
	width: 500px;
	text-align: left;
	margin-left: 25px;
}
div#credits {
	float: right;
	width: 350px;
	text-align: right;
	margin-right: 25px;
}
/* ------------------------------ LEGENDS MENUS ------------------------------------------ */
div#legend_menu {
	float: left;
	text-align: left;
	line-height: 23px;
	font-weight: normal;
	font: 12px Arial, Helvetica, sans-serif;
	border: 0;
	z-index: 45;
	position: relative;
	color: #d92128;
	font-style: normal;
	margin-left: 30px;	
	
	color: #000;		
}
body div#legend_menu ul li ul {
	display: none;
	float: left;
}
div#legend_menu ul {
	margin: 0;
	padding: 0;
	z-index: 15;
	background: #fff5d2;	
}
div#legend_menu li {
	float: left;
	width: auto;
	position: relative;
	left: 0px;
	list-style-type: none;
	z-index: 15;
	border-bottom: 1px solid #e9dbb1;
	padding: 0px;
	margin: 0;
}
div#legend_menu a, div#legend_menu a:hover {
	display: block;
	text-decoration: none;
	margin: 0;
	color: #000;
}
div#legend_menu ul li ul:hover, div#legend_menu ul li:hover ul {
	display: block;	
}
div#legend_menu ul li ul {
	position: absolute;
	width: 130px;
	z-index: 100;
	border: 5px solid #d4c293;
}
div#legend_menu ul li ul li {
	width: 130px;
	z-index: 15;
}	
div#legend_menu ul li ul li a{
	width: 88px;
	background: #fff5d2;	
	border-top: 0;
	padding: 5px 5px;
	color: #000;
	margin: 0px;
	z-index: 15;
}

/* THE HACK ZONE - */
* html div#legend_menu ul {
	float:left; /* makes the ul wrap the li's */
	margin-left:0px; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#legend_menu ul li ul {
	
	border-left:5px; /* stops the drop inheriting the ul border */
	}


/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
	@media all and (min-width: 0px){
   body div#legend_menu ul li ul {padding-bottom:100px;}
   }

/* END OF HACK ZONE */


/* ------------------------------ MENUS ------------------------------------------ */
#menu {
	display: block;
}
div#sub_menu {
	float: left;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	z-index: 25;
	position: relative;
	color: #FFF;
	font-style: normal;
}
div#sub_menu ul {
	margin: 0;
	padding: 10px;
}
div#sub_menu ul a {
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0 5px;
}
div#right_menu {
	float: right;
	text-align: right;
	font-size: 16px;
	line-height: 15px;
	font-weight: normal;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	z-index: 25;
	position: relative;
	color: #FFF;
	font-style: normal;
}
div#right_menu ul {
	margin: 0;
	padding: 10px;
}
/* ------------------------------ DROPDOWN MENU ------------------------------------------ */
body div#main_menu ul li ul, body div#main_menu ul li ul li ul {
	display: none;
	float: right;
	}
div#main_menu {
	float: left;
	text-align: left;
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	text-transform: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	border: 0;
	z-index: 50;
	position: relative;
	color: #FFF;
	font-style: normal;
}
div#main_menu ul {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
div#main_menu ul li {
	float: left;
	list-style-type: none;
	padding: 0 3px;
 	color: #000;
	text-align: center;
}
div#main_menu ul li a.button1{
	height: 48px;
	width: 78px;
}
div#main_menu ul li a.button1:hover{
	background-image:url(../images/button1.gif);
	background-repeat: no-repeat;
}
div#main_menu ul li a.button2{
	height: 50px;
	width: 77px;
}
div#main_menu ul li a.button2:hover{
	background-image:url(../images/button2.gif);
	background-repeat: no-repeat;
	background-position: top;
}
div#main_menu ul li a.button3{
	height: 55px;
	width: 77px;	
}
div#main_menu ul li a.button3:hover{
	background-image:url(../images/button3.gif);
	background-repeat: no-repeat;
}
div#main_menu ul li a.button4{
	height: 63px;
	width: 77px;
}
div#main_menu ul li a.button4:hover{
	background-image:url(../images/button4.gif);
	background-repeat: no-repeat;
}
div#main_menu ul li a.button5{
	height: 71px;
	width: 78px;
}
div#main_menu ul li a.button5:hover{
	background-image:url(../images/button5.gif);
	background-repeat: no-repeat;
}
div#main_menu ul li a.button6{
	height: 76px;
	width: 77px;
}
div#main_menu ul li a.button6:hover{
	background-image:url(../images/button6.gif);
	background-repeat: no-repeat;
}
div#main_menu ul li a.button7{
	height: 77px;
	width: 77px;
}
div#main_menu ul li a.button7:hover{
	background-image:url(../images/button7.gif);
	background-repeat: no-repeat;
}
div#main_menu ul li a.button8{
	height: 76px;
	width: 77px;
}
div#main_menu ul li a.button8:hover{
	background-image:url(../images/button8.gif);
	background-repeat: no-repeat;
}
div#main_menu ul li a.button9{
	height: 68px;
	width: 71px;
}
div#main_menu ul li a.button9:hover{
	background-image:url(../images/button9.gif);
	background-repeat: no-repeat;
}

div#main_menu a {
	display: block;
	text-decoration: none;
	margin-bottom: 0px;
}
div#main_menu ul li ul:hover, div#main_menu ul li:hover ul {
	display: block;
	margin-left: -30px;
}
div#main_menu ul li ul li:hover ul {
	display: block;
	left: 120px;
}
div#main_menu ul li a {
	color:#fff;
	background-image: none;
	padding: 5px 0 0 0;
}
div#main_menu ul li a:hover {
	color: #fff;
	background-image: none;
}
div#main_menu ul li ul {
	margin: 0px;
	margin-top: -14px;
	position: absolute;
	width: 145px;
	z-index: 25;
}
div#main_menu ul li ul li {
	width: 130px;
	padding: 0px;
	color: #D14F1E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	border-right: 2px solid #b3191e;
	border-left: 2px solid #b3191e;
	border-bottom: 2px solid #b3191e;
}
div#main_menu ul li ul li a{
	width: 120px;
	background-color: #ffedba;
	border-top: 0;
	padding: 2px 5px;
	color: #000;
	margin: 0px;
}
div#main_menu ul li ul li a:hover {
	color: #ffedba;
	background-color: #da2128;
}
div#main_menu ul li ul li:first-child a {
	border-top: 2px solid #b3191e;
}

div#main_menu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#main_menu ul li ul li:hover ul li ul {visibility:hidden;}
div#main_menu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* third level popouts start here*/
div#main_menu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#main_menu ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
	
/* pop-out starts here */
div#main_menu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}

/* THE HACK ZONE - */
* html div#main_menu ul {
	float:left; /* makes the ul wrap the li's */
	margin-left:0px; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#main_menu ul li ul {
	border-top:1px solid #692E02;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#main_menu ul li ul li ul { 
  left:0; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:0em;
  } 
/* and the "be nice to Opera" rule */
html>body div#main_menu ul li ul li ul {
  left:0em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
	@media all and (min-width: 0px){
   body div#main_menu ul li ul {padding-bottom:100px;}
   body div#main_menu ul li ul li ul {padding-bottom:22px;}
   body div#main_menu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
   }

/* END OF HACK ZONE */

/* FLOATERS */

.float_left, #float_left {
	float: left;
}
.float_right, #float_right {
	float: right;
}

/* CLEARFIX */

.clear, #clear {
	clear: both;
}