#layout
{
   border-spacing: 0px; padding: 0px; border: 0px;
   margin: 0px 0px 30px 0px;
   position: relative; left: 10px;
}

#special_section_layout
{
    border-spacing: 0px; border: 0px; padding: 0px; margin: 0px;
}


#special_section_layout_table
{
    border-spacing: 0px; padding: 0px; border: 0px; margin: 0px;
}


#special_section_layout #header
{
    height: 10px;
    background: url(/images/components/white_specials_section/header.png);
    background-repeat: no-repeat;
}

#special_section_layout #content
{
    width: 739px; height: 100%;
    position: relative;
    .top: -9px;
    vertical-align: top;
    background: url(/images/components/white_specials_section/slice.png);
    background-repeat: repeat-y: no-repeat;
}

#special_section_layout #footer
{
    position: relative;
    .top: -9px;
    height: 10px;
    background: url(/images/components/white_specials_section/footer.png);
    background-repeat: no-repeat;
}

#main_body_top_content
{
    border: 0px;
    margin: 0px;
    padding: 0px; margin: 0px;
}

#content_table
{
    width: 735px;
}

#main_calendar_section
{
    width: 500px;
    vertical-align: top;
}



#content_table #extra_events_list
{
    width: 235px;
    background: url(/images/gray_dot.png);
    background-repeat: repeat-y; no-repeat;
    vertical-align: top;
}

#content_table #extra_events_list #calendar_extras
{

    margin: 0px 20px 0px 20px;
    text-align: left;
}

#calendar_extras #maintitle
{
   font-size: 10pt; text-transform: uppercase; color: maroon;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica;
}

#calendar_extras #subtitle
{
   font-size: 8pt; color: #666666;
   font-family: Verdana, Arial, Helvetica;
   height: 25px;
}


#events_link, #events_guide
{
    font-size: 9pt; text-transform: uppercase; color: #666666;
    font-family: Verdana, Arial, Helvetica;
    height: 20px;
}

#mini_event
{
    margin: 0px 12px 20px 0px;
}

#mini_event #date
{
    font-size: 8pt; text-transform: uppercase;  color: maroon;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica;
    margin: 20px 0px 5px 0px;
}


#mini_event #bullet
{
    font-size: 9pt; text-transform: uppercase;  color: maroon;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica;
    width: 8px;
}


#mini_event #category
{
    font-size: 11pt; text-transform: uppercase;  color: #999999;
    font-family: Arial;
}


#mini_event #title
{
    font-size: 11pt; color: #000000;
    font-weight: bold;
    font-family: Arial;
}


#mini_event #event_content
{
    font-size: 9pt; color: #666666;
    font-family: Arial;
    margin: 0px 0px 20px 0px;
    text-align: justify;
}


/******* MAIN RIGHT HAND CALENDAR *******/
#calendar_header
{
    width: 460px;
    text-align: left;
}

#calendar_title
{
   position: relative; left: 10px; top:10px;
   height: 30px;
   font-size: 12pt; text-transform: uppercase; color: maroon;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica;
}

#calendar_subtitle
{
   font-size: 10pt; color: #666666;
   font-family: Verdana, Arial, Helvetica;
   margin: 0px 0px 15px 10px;
}

#main_content_generic
{
    width: 460px;
    margin-top: 10px;
    font-size: 14px;
}

.event_browse
{
    position: relative;
    top: -20px;
    .top: 0px;
    _top: -10px;
}

.event_browse .header
{
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    font-size: 14px;
    font-family: Arial;
    text-transform: uppercase;
    color: maroon;
    text-align: left;
}

.event_browse .subheader
{
    font-family: Arial;
    margin: 5px 0px 15px 0px;
    font-size: 12px;
    text-align: left;
}

.main_area
{
    text-align: left;
    font-size: 13px;
}

.headline
{
    margin: 20px 0px 3px 0px;
    font-size: 14px;
    color: maroon;
    font-family: Arial;
    font-weight: bold;
}

.lead
{
    font-family: Arial;
    color: #666666;
}

.event_browse .page_headers
{
    margin-bottom: 10px;
    background-color: #EFEFEF;
}

.event_browse .page_headers .subheader
{
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 6px;
}

/**** MAIN EVENTS CALENDAR ( LEFT HAND ) *****/

#calendar_full
{
    position: relative;
    top: -20px;
    .top: -20px;
    _top: 40px;
}

#category_list_label
{
    font-family: Arial;
    margin: 5px 0px 10px 10px;
    text-align: left;
    font-size: 10pt;
}

#search_text_label
{
    font-size: 10pt;
    font-family: Arial;
    margin: 5px 0px 10px 10px;
    text-align: left;
}


#calendar_week_text_label
{
    font-size: 10pt;
    font-family: Arial;
    margin: 5px 10px 10px 10px;
    text-align: left;
    float: left;
}


#calendar_text_label
{
    color: maroon;
    text-align: left;
    font-size: 11pt;
    font-weight: bold;
    font-family: Arial;
}

#calendary_week_main_div
{
    margin: 20px 0px 0px 0px;
}

#month_controller
{
    position: relative;
    left: 18px; top: 25px;
    .left: 0px;
    margin: 0px; padding:0px;
    width: 195px;
    height: 22px;
}

#month_controller #left
{
    width: 20px;
    float: left;
}

#month_controller #right
{
    width: 20px;
    float: right;
}


.cq_calendar_grid td
{
    border: 1px solid black;
}

.month_header
{
    border: 1px solid black;
    font-size: 13pt;
    font-weight: bold;
    font-family: Arial;
    background-color: #FFFFFF;
}

#weekday_header
{
    background-color: #999999;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    height: 18px;
    color: white;
}

/* days from the current showing calendar */
.monthday_on
{
    font-family: Arial;
}

/* days from previous or next calendar */
.monthday_off
{
    font-family: Arial;
    color: #AAAAAA;
    font-size: 7pt;
    background-color: #DEDEDE;
}


.date_with_events
{
    font-weight: bold;
    font-family: Arial;
    background-color: #BBCCFF;
}

#event_search_clear
{
    font-size: 8pt;
    color: blue;
}

#ongoing_events_label
{
    font-size: 13pt;
    font-weight: bold;
    font-family: Arial;
    color: black;
    margin: 10px 0px 0px 0px;
}

.item_category
{
    font-weight: normal;
    text-transform: uppercase;
    color: #999999;
}