/* ============================= Top Menu ============================= */
/* Top table, containing the logo and top menu */
table#mainmenu
{
  border-style: none;
  border-width: 0px;
  border-collapse: collapse;
  width: 825px;
  border-spacing: 0px;
}


/* Property of the table cell containing the entire menu. */
td.menu_line
{
  background-color: #F0F0F7;
}

/* Table containing the menu line */
table#menuitem
{
    border-collapse: collapse;
    border-style: none;
    border-width: 0px;
}

/* Properties of table cells inside the menu. i.e. The menu items themselves */
#menuitem td{
    padding: 0px;
    font-weight: bold;
    font-family: "Trebuchet MS",Arial,sans-serif;    
    font-size: 11pt;
    border-style: solid;
    border-width: 0px 2px 0px 2px;
    border-color: #F0F0F7 #D0D0D0 #F0F0F7 #D0D0D0;
}
#menuitem td a.menuitem:hover
{
    background-color: #E7ECFF;
}

/* Link text styles used in menu items.  */
#menuitem a.menuitem {    
    /* Zoom property set to get around IE6 bug when using display:block and links. */
    zoom: 100%;
    display: block;
    color: #000080;
    text-decoration: none;
    padding: 0px 16px 0px 16px;
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #F0F0F7;
}



/* Specialization for menu item that refers to the current page. Show this "selected" */
#menuitem td.menuitem_cur
{
    border-width: 0px;
    
    /* Another IE bug. This border should not appear, but appears in IE */
    border-style: hidden;
}
#menuitem a.menuitem_cur {
    /* Zoom property set to get around IE6 bug when using display:block and links. */
    zoom: 100%;
    display: block;
    color: #996666;
    text-decoration: none;
    padding: 0px 16px 0px 16px;
    background-color: #F8F8FF;
    border-style: solid;
    border-width: 2px;
}
#menuitem td a.menuitem_cur:hover
{
    background-color: #E7ECFF;
}

/* ================================= Side Menu =====================================*/

/* The table cell containing the entire side menu. Mainly controls the vertical line
    separating the side menu from the page content */
td#side_menu 
{
    width: 125px;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #C0C0FF;
    vertical-align: top;
    padding: 8px 0px 3px 0px;
}

/* The table than contains all of the menu items. This table is inside the td cell with id="side_menu". */
table#sidemenu
{
    padding: 0px;
    border-spacing: 0px;
    width: 100%;
}







/* table cells within the side menu: i.e. the menu items themselves */
#sidemenu td
{
    padding: 0px;
    font-weight: bold;
    font-family: "Trebuchet MS",Arial,sans-serif;
    font-size: 10pt;
    width: 100%;
    
    /* Borders used to separate cells with whitespace. */
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #FFFFFF;
}

/* Link style for a menu item */
#sidemenu a
{
    /* Zoom property set to get around IE6 bug when using display:block and links. */
    zoom: 100%;
    display: block;
    padding: 2px 8px 2px 8px;
    font-weight: normal;
    color: #000080;
    border-style: solid;
    border-width: 0px 0px 0px 3px;
    border-color: #FFFFFF #D7D7D7 #FFFFFF #D7D7D7;
    text-decoration: none;
}

/* We use a:hover and not td:hover because IE only recognizes :hover on "a" tags */
#sidemenu a:hover
{
    background-color: #E7ECFF;
    border-style: solid;
    border-color: #FFFFFF #D7D7D7 #FFFFFF #B0B0F0;    
}




/* Specialization of styles for sidemenu1 items. 
    sidemenuitem1 refers to the header menu items. */
#sidemenu td.sidemenuitem1 a
{
    border-color: #FFFFFF;
}
#sidemenu td.sidemenuitem1 a:hover
{
    /* Don't show any changes when hover. */
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
/* Link style for the header menu item. */
#sidemenu a.sidemenuitem1
{
    /* Zoom property set to get around IE6 bug when using display:block and links. */
    zoom: 100%;
    padding: 1px 0px 1px 0px;
    font-weight: bold;
    font-size: 110%;
    color: #996666;
}



/* sidemenuitem_cur refers to the sub-item that points to the current page. */
#sidemenu td.sidemenuitem_cur a
{
    border-color: #FFFFFF #996666 #FFFFFF #996666;
}
#sidemenu td.sidemenuitem_cur a:hover
{
    border-color: #FFFFFF #996666 #FFFFFF #996666;
}



/* ======================== Other stuff =================== */

/* Styles for messages in side menu for secure page */
#sidemenu td.loginname
{
    font-weight: normal;
    font-family: "Trebuchet MS",Arial,sans-serif;
    font-size: 8pt;
    border-style: none;
    width: 100%;
    padding: 10px 0px 0px 0px;
    color: #7F7F7F;
}
#sidemenu td.loginname:hover
{
    background-color: #FFFFFF;
}

#sidemenu td.noborder
{
    border-style: none;
}