/*=====================================================( GLOBALS )===*/
/*===================================================================*/

BODY, TD.centerColumn, TD.leftColumn, TD.rightColumn, .normal
{
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #D1DBEC;
    
}
BODY
{
    background-color: #D1DBEC;
    margin-left: 5px;
    margin-top: 5px;
}
DIV#allContainer
{
    margin-left: 5px;
    margin-top: 5px;
}
TD.centerColumn
{
}
TD.leftColumn
{
    background-color: #243859;
    border-right: 1px solid #D6DBEF;
}
TD.rightColumn
{
    background-color: transparent;
}
.subtext, .subtextlink, .subtextitalics, .subtextItalics
{
    font-size: 7.5pt;
}
DIV.title
{
    font-weight: normal;
    font-size: 24pt;
    color: #000000;
    font-family:  Times New Roman, Arial, Helvetica, sans-serif;
    text-align: right;
    border-bottom: 1px solid;
}
DIV.slogan
{
    font-weight: bold;
    font-size: 18pt;
    color: #405493;
    font-family:  Times New Roman, Arial, Helvetica, sans-serif;
    text-align: right;
}
.banner
{
    background-image: url( ./images/banner_bg.jpg);
    background-repeat: x-repeat;
    background-position: left top;
}
DIV.contentTableMove
{
    margin-top: 7px;

}
DIV.contentTableBorder
{
    margin-top: 7px;
    border-top: 2px solid #A7211E;
}

.Welcome
{
    font-family: Tahoma;
    font-weight: bold;
    font-size: 16pt;
    color: #243859;
    text-align: left;
}
.WelcomeBorder
{
     border-bottom: 1px solid #243859;
     padding-left: 1em;
     padding-right: 1em;
     margin-left: 1em;
}
.WelcomeBorder2
{
     border-bottom: 2px solid #A7211E;
     padding-left: 1em;
     padding-right: 1em;
     margin-left: 1em;
     margin-right: 1em;
     margin-top: 10px;
}
.rightBorder
{

    background-color: #A7211E;
    width: 1px;
}
A.terms
{
    color: #243859;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
}
.img4
{
}
.itemBody
{
    margin-bottom: 0px;
}
/*===================================================( HEADLINES )===*/
/*===================================================================*/

.headline1, .headline2, .headline3, .headline4
{
    font-weight: bold;
    font-size: 12pt;
}
.headline1
{
    font-size: 18pt;
}
.headline2
{
    font-family: Tahoma;
    font-size: 14pt;
    color: #243859;
}
.headline3
{
    font-family: Times New Roman;
    font-size: 16pt;
}
.headline4
{
    font-size: 10pt;
}


/*==========================================( MAIN COLUMN PIECES )===*/
/*===================================================================*/
.centerColumn
{
    padding: 0.6em 1em 1em 1em;
}
.contentbox_center, .sec
{
    padding-left: 5px;
    margin-bottom: 2em;
    
}
.contentbox_center_header, .sec_title
{
    color: #243859;
    padding-top: 3px;
    padding-left: 5px;
}
.contentbox_center_body, .sec_summary
{
    padding-left: 5px;
}
.centerColumn A, .leftColumn A, .rightColumn A, .printView A
{
    color: #006;
    font-weight: bold;
}
.centerColumn A:hover, .leftColumn A:hover, .rightColumn A:hover, .printView A:hover
{
    color: #00A;
}
.attachments
{
    padding-top: 1em;
}
.contentbox_centerBg
{
    margin-top: 10px;
    background-image: url( ./images/gradient_background.jpg);
    background-repeat: x-repeat;
    background-position: left top;
}
.centerColumn
{
    padding: 0.6em 1em 1em 1em;
}

/*==========================================( LEFT COLUMN PIECES )===*/
/*===================================================================*/

.contentbox_left, .searchbox
{
    background-color: #243859;
}
.contentbox_left_header, .searchbox_header
{
    color: #D1DBEC;
    font-size: 12pt;
    font-weight: bold;
    background-color: #243859;
    padding: 0.5em;
}
.contentbox_left_body, .searchbox_body
{
    background-color: transparent;
    color: #E7DFAB;
    padding: 1em;;
}
.leftColumn A
{
    color: #E7DFAB;
    
}
.leftColumn A:hover
{
    color: #D1DBEC;
}
A.goButton, A.goButton:hover
{
    display: block;
    border-width: 1px;
    border-style: solid;
    border-top-color: #EEE;
    border-right-color: #333;
    border-left-color: #EEE;
    border-bottom-color: #333;
    padding: 1px 3px 2px 2px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-size: 8pt;
    background-color: #CCCCCC;
}
A.goButton:hover
{
    border-top-color: #333;
    border-right-color: #EEE;
    border-left-color: #333;
    border-bottom-color: #EEE;
    padding: 2px 2px 2px 3px;
}


/*=========================================( RIGHT COLUMN PIECES )===*/
/*===================================================================*/

.contentbox_right, .sidebar
{
}
.contentbox_right_header, .sidebar_header
{
    color: #E7DFAB;
    font-weight: bold;
    font-size: 9pt;
    background-color: #243859;
    text-align: center;
    padding: 7px;
    margin-left: 3px;
}
.contentbox_right_body, .sidebar_body
{
    background-color: transparent;
    padding: 10px;
}
.rightColumn A
{
    
}
.rightColumn A:hover
{
    
}


/*===============================================( FOOTER PIECES )===*/
/*===================================================================*/
.footer
{
    font-size: 8pt;
    color: #243859;     
    font-style: italic;
    padding: 5px;
    background-color: transparent ;
    margin-top: 5px;
    position: relative;
    z-index: 3;
}
.footernav
{
    font-size: 8.5pt;
    color: #000000;
    padding: 3px;
    text-align: center;
}
DIV.footerPlacement
{
  border-top: 2px solid #A7211E;
  margin-top: 5px;
}
DIV.verticalLogo_text
{
    text-align: right;
    color: #006;
}


/* =============== MENU NAV STUFF =====================*/


/*=================================================*/
/*==( Adjustable styles )==========================*/
/*=================================================*/

/* width of menus */
A.menuItem, A.menuItem_hi, DIV.menu
{
    width: 200px;
}

/* padding...keep it consistent between menu titles and menu items */
.menuItemPadder, .menuTitle, .menuTitle_hi
{
    padding: 6px 10px 6px 10px;
    padding-bottom: 12px;
}
.menuItemPadder
{
    padding: 3px 3px 3px 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}
/* keep the "top" value of this set equal to the amount of padding-top on the menuItemPadder */
.subTriangle
{
    top: 6px;
}

/* text size...keep this consistent as well */
A.menuTitle, A.menuTitle_hi, A.menuItem, A.menuItem_hi, .subTriangle
{
    font-size: 10pt;
}

/* menu TITLE style */
A.menuTitle, A.menuTitle_hi
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #E7DFAB; 
    text-align: left;
    background-color: #243859;
    width: 170px;
    
}
A.menuTitle_hi
{
    color: #D1DBEC;
}
A.menuTitle:hover, A.menuTitle_hi:hover
{
    color: #D1DBEC;
}

/* upper nav stuff */

#secNavBox A.menuTitle, #secNavBox A.menuTitle_hi
{
    background-color: #243859;
    text-align: left;
}
#secNavBox A.menuTitle:hover, #secNavBox A.menuTitle_hi
{
    color: #D1DBEC;
}

#secNavBox A.menuTitle
{
    color: #E7DFAB;
}
#secNavBox A.menuItem:hover
{
    color: #D1DBEC;
}


/* menu ITEM style */
A.menuItem, A.menuItem_hi
{
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #355181;
    /*background-image: url( ./images/menuItemBG.gif );*/
    background-position: bottom left;
    background-repeat: repeat-x;
}
A.menuItem_hi
{
    color: #E7DFAB;
}
A.menuItem:hover, A.menuItem_hi:hover
{
    color: #E7DFAB;
    
}

/* MENU style */
DIV.menu
{
    /* NOTE:If you don't want PNG-transparent menus, you can
    replace the following with a background-color.*/
    /*background-image: url(./images/menuBG.png);*/
    background-color: #355181;
    
    border-style: solid;
    border-color: #3F5F94;
    /*border-top-color: #1AAFAC;
    border-right-color: #1AAFAC;
    border-left-color: #1AAFAC;
    border-bottom-color: #1AAFAC;*/
}

/*#secNavBox DIV.menu
{
    //NOTE:If you don't want PNG-transparent menus, you can
    //replace the following with a background-color.
    background-image: url(./images/topMenuBG.png);
    
    border-style: solid;
    border-left-color: #8D9FC7;
    border-top-color: #8D9FC7;
    border-bottom-color:#4B6087;
    border-right-color: #4B6087;
}*/

#priNavBox, #secNavBox
{

}

/*===============================================*/
/*==( REQUIRED styles )==========================*/
/*===============================================*/

.horizNavBox
{

}
.vertNavBox
{

}
.menuBar
{
    width: 100%;
}
DIV.menu
{
    z-index: 10;
    position: absolute;
    visibility: hidden;
    top: 0px;
    left: 0px;
}
A.menuTitle, A.menuTitle_hi
{
    display: block;
    position: relative; 
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
}
.vertNavBox A.menuTitle, .vertNavBox A.menuTitle_hi
{
    white-space: normal;
}
A.menuItem, A.menuItem_hi
{
    display: block;
    cursor: pointer;
    text-decoration: none;
}
DIV.menuItemWrapper
{
    /*padding: 5px 1em 5px 7px;*/
    padding-right: 1.2em;
}
.subTriangle
{
    position: absolute;
    right: 7px;
    background-image: url( ./images/tri.gif);
    background-repeat: no-repeat;
}

/* *********************** SUBNAV BOX LEFT *************************** */
.subnavbox
{
    background-color: #E7DFAB;
    margin-bottom: 10px;
    border: 2px solid #243859;
    margin-left: 3px;
    font-family: Tahoma;
}


.subnavbox_header
{
    color: #243859;
    font-size: 10pt;
    font-weight: bold;
    background-color: #E7DFAB;
    padding: 0.5em;
    text-align: center;
}

.subnavbox_body
{
    background-color: #E7DFAB;
    color: #243859;
    font-size: 10pt;
    padding: 0.5em;
    padding-left: 10px;
    color: #243859;
}
DIV.subnavDivTag
{
    margin-top: 3px;
    margin-bottom: 3px;
}
A.subSectionLink, A.subSectionLink_high
{
    color: #243859;
    text-decoration: none;
}
A.subSectionLink_high, A.subSectionLink:hover, A.subSectionLink_high:hover
{
    color: #155489;
}
.rightColumn A.subSectionLink_high, .rightColumn A.subSectionLink:hover, .rightColumn A.subSectionLink_high:hover
{
    color: #155489;
}

/*=================================================( MISC PIECES )===*/
/*===================================================================*/

.day_headings
{
    background-color: #AAAAAA;
}
hr
{
    border-top: 1px solid #243859;
    border-bottom: 1px solid #D1DBEC;
    border-left: 1px solid #D1DBEC;
    border-right: 1px solid #D1DBEC;
}
.contentbox_center_body .subtextlink
{
    display: block;
    float: right;
    margin-top: -5px;
    margin-right: 5px;
}
A.grandRapids
{
    font-size: 8pt;
    text-decoration: none;
    color: #243859;
    
}
A.grandRapids:hover
{
    
}

/*===================( CSS CLASSES NEW CALENDAR )=================*/
/*================================================================*/

.calMonth TABLE {
    background-color: #243859;
}
.calMonth TD { font-size: 8pt; }
.calMonthName, .calYear {
    font-size: 150%;
    color: white;
    font-weight: bold;
}
.calDayHeading {
    background-color: #e7dfab;
    color: #243859;
    letter-spacing: 0px;
    text-align: center;
}
.calDayHeading SPAN { font-size: 120%; }

.calDay {
    vertical-align: top;
    background-color: white;
    color: black;
}
.calDayNum {
    display: block;
    font-size: 120%;
}
.calGrayDay{
    background-color: #dddddd;
    color: #333;
}
.calToday {
    font-weight: bold;
    background-color: #d1dbec;
}
.eventTip
{
    border-color: #550;
    background-color: #d1dbec;
}

/* font size for small calendars */
.leftColumn .calDayHeading SPAN, .leftColumn .calDayNum,
.rightColumn .calDayHeading SPAN, .rightColumn .calDayNum
{ font-size: 100%; }

/*===================( CSS CLASSES OLD CALENDAR )=================*/
/*================================================================*/

/* calendar grid color */
/*.calendarTable  
{
    background-color: #555;
}*/
 /* month heading style */
/*.calendar_month
{
}*/
/* SMTWTFS style */
/*.day_headings   
{
    background-color: #AAAAAA;
}*/
/* for each day cell */
/*.calendar_small_event_title, .calendar_big_event_title 
{
}*/
/* style for today's day cell */
/*.today_big_cell, .today_small_cell 
{
}*/
/* calendar item link styles */
/*.calendarTable A
{
}*/
.calendarTable A:hover
{
		color: black;
}
/* style for blank days not in current month */
/*.calendar_date 
{
}*/