BODY{width:100%; font-family: arial, helvetica; font-size: 10pt; color: #6C6868; background-color: white; margin-left: 3pt; margin-top: 3pt}

TABLE{font-family: arial, helvetica; font-size: 10pt; color: #000000;}

     a:link.blue { color: #000080; text-decoration: none }
     a:active.blue { color: #000080; text-decoration: none }
     a:visited.blue { color: #000080; text-decoration: none }
     a:hover.blue { color: #ffffff; text-decoration: none }
     font-size: 12px;

     a:link.black { color: #ffffff; text-decoration: none }
     a:active.black { color: #ffffff; text-decoration: none }
     a:visited.black { color: #ffffff; text-decoration: none }
     a:hover.black { color: #000080; text-decoration: none }
     font-size: 12px;

.TableBorder
{
    BORDER-RIGHT: #ddd 1px solid;
    BORDER-TOP: #ddd 1px solid;
    BORDER-LEFT: #ddd 1px solid;
    BORDER-BOTTOM: #ddd 1px solid;
    font-size: 12px;
    text-align:center;
}

.TableBorder1
{
    BORDER-RIGHT: #000080 thin solid;
    BORDER-TOP: #000080 thin solid;
    BORDER-LEFT: #000080 thin solid;
    BORDER-BOTTOM: #000080 thin solid;

}

.cellcenter
{  text-align: center;}

.sdmenu {
    width: 180px;
    font-family: Sans-Serif;
    font-size: 12px;
    padding-bottom: 5px;
}

.sdmenu .title, .sdmenu .titlehidden{
    display: block;
    padding: 2px 0;
    font-weight: bold;
    color: white;    
    background: #808080;/* this is the background colour of heading with the down facing arrow*/ 
}

.sdmenu .title {
    border-bottom: 1px solid #DDD;
}

.sdmenu .arrow {
		margin-left: 5px;
    margin-right: 5px;
}

.sdmenu .titlehidden {
    border-bottom: none;
}


.sdmenu .submenu {
    overflow: hidden;
    font-size: 11px;
}

.sdmenu .submenu a {
    padding: 2px 0;
    text-indent: 10px;
    background: #C0C0FF;/* this is the background colour of the sidemenu*/ 
    display: block;
    border-bottom: 1px solid #DDD;
    color: #000080; /* this is the text colour of the sidemenu*/ 
    font-weight: bold;
    text-decoration: none;
}

.sdmenu .submenu a:hover {
    background: url(linkarrow.gif) no-repeat right center #000000;/* this changes the side menu colour to black when you hover over the titles*/ 
    color: #FFFFFF;/* this is the colour of the text when hovered over*/ 
}

.sdmenu .submenu1 a {
    padding: 2px 0;
    text-indent: 10px;
    background: #C00000;/* change background colour here*/ 
    display: block;
    border-bottom: 1px solid #DDD;
    color: #ffffff;/* change text colour here*/ 
    font-weight: bold;
    text-decoration: none;
}

.sdmenu .submenu1 a:hover {
    background: url(linkarrowblack.gif) no-repeat right center #ffffff;/* change background colour on hover here*/ 
    color: #C00000; /* change text colour on hover here*/ 
}