html { margin : 0; padding : 0; } 
BODY { max-width : 995px; margin-left:auto; margin-right:auto; font-family: Arial; font-size: 10pt; text-align:center; background-color:#FFFFFF; }

/* 
------------------------------ WEB PAGE LAYOUT ------------------------------ 
Assign the width of the page 
Reset Background color
#00FFCC, #66CC00, ##03d711
#4682b4, #008b8b, #1e90ff, #008080
Cannot create table with no borders using the following properties:
        border-width:0px;           
        border-style:hidden;        
        border-collapse:collapse;   
        border-spacing:0;           
        padding:0px;                
-----------------------------------------------------------------------------
*/

TABLE.Default
{
    width:995px;                /*Assign the width of the page*/
    text-align:center ;     
    background-color:##03d711;
    /*
    word-spacing:0;
    background-image:url("Images/bg.jpg");
    */
}

TABLE.Nav_Tab
{
    padding:0px;
    text-align:center ;
    background-color:##03d711;   
    width:995px;                /*Assign the width of the page - Navigation Tab*/
}


TABLE.Nav_Bar
{
    padding:0px;
    text-align:center ;
    background-color:#66CC00; 
    width:995px; 
    height:10px;               /*Assign the width of the page - Navigation Bar*/
}

TABLE.Info
{
    background-color: White ;
    width:995px;                /*Assign the width of the page - Information*/
    height:995px;
}

TR.List
{
    background-color:yellow ;
	font-family: Arial;
	font-size: 10pt;	
}

TD
{
	font-family: Arial;
	font-size: 10pt;	
	margin: 0 0 0 0;
	text-align: left ;
}

TD.Operation
{
	font-family: Arial;
	font-size: 14pt;	
	font-weight:bold ;
	margin: 0 0 0 0;
	text-align: left ;
	text-transform:uppercase;
}

TD.Department
{
	font-family: Arial;
	font-size: 10pt;	
	font-weight:bold ;
	margin: 0 0 0 0;
	text-align: left ;
	text-decoration:underline;
}

TD.Staff
{
	font-family: Arial;
	font-size: 10pt;	
	margin: 0 0 0 0;
	text-align: left ;
}

P
{
	font-family: Arial;
	font-size: 10pt;	
}

/* 
---------------------------------- MenuLink ---------------------------------- 
-----------------------------------------------------------------------------
*/
.MenuLink
{
    text-decoration: none;
    font-size: 10pt;
    color:Blue;
    margin-right: 0px;
    font-weight: bold;
    padding-bottom:auto;
}

.MenuLink:Hover
{
    text-decoration: Underline;
    font-size: 10pt;
    color:Blue;
    margin-right: 0px;
    font-weight: bold;
    padding-bottom:auto;
}

/* 
---------------------------------- NAV TAB ---------------------------------- 
                Add special style to MENU TAB with selector = tablist
                - set the menu tab properties
                - Add special style to Hyperlink properties
                a:first-child - the link that is the first child of some other element
                a:lang - Allows the author to specify a language to use in a specified link
                a:link - unvisited link
                a:visited - visited link
                a:hover - when you mouse over the link
                a:focus - while the link has focus
                a:active - selected or activated link
                a:hover must come after a:link
                a:active must come after a:hover

Note: An ID selector is assigned by using the indicator "#" to precede the name tablist.
The selector is simply the element that is linked to a particular style.
-----------------------------------------------------------------------------
*/

#tablist
{
    padding: 0px 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0.1em;
    color: White;
    font: 10px Verdana;
    text-align:center;
    font-weight: bold;
}

#tablist li
{
    list-style: none;
    display: inline;
    margin: 0;
    /*
    color:White;
    font: 10px Verdana;
    */
}


#tablist li a
{
    background: ##03d711;  /*eeeaa8*/
    text-decoration: none;
    padding: 3px 0.5em;
    margin-right: 0px;
    background-position:0-25;
    width: 67;
    /*
    color:White; 
    background-image: url(Images/fldr_off.gif); 
    font: 10px Verdana;
    */
}

#tablist li a:link
{
    color: White;
    table-layout:fixed;
    text-decoration: none;
    /*
    font: 10px Verdana;
    font-weight: bold;
    */
}

#tablist li a:visited
{
    color: White;
    table-layout:fixed;
    text-decoration: none;
    /*
    font: 10px Verdana;
    font-weight: bold;
    */
}

/*Active when the link is activated*/
#tablist li a.current
{
    background-color:#66CC00;   
    background-position:0 -25;
    width: 65;
    /*
    font-weight: bold;
    font: 10px Verdana;
    background-image: url(Images/fldr_on.gif);
    */
}

/*
Active when the mouse is on
A:hover must be placed after the A:link and A:visited 
*/
#tablist li a:hover
{
    background: #66CC00;	    
    background-position:0 -25;
    color:Black;
    width: 65;
    text-decoration: Underline;
    /*
    background-image: url(Images/fldr_on.gif);
    font: 10px Verdana;
    font-weight: bold;
    */
}

/*
Active when the link is clicked
A:active must be placed after A:hover
*/
#tablist li a:active
{
    background-color:#66CC00; 
    color:Black ;
    white-space: nowrap;
    background-position:0 ;
    width: 65;
    /* 
    background-image: url(Images/fldr_on.gif);
    text-decoration: None;
    font: 10px Verdana;
    font-weight: bold;
    */
}



/*specify that anchors are presented underlined as customary*/
#tablist li a.Head
{
    color: White;
    background-color:Lime;    
    width: 65;
    /*
    font-weight: bold;
    font: 10px Verdana;
    */
}

/*Active when the mouse is on*/
#tablist li a.Head:hover
{
    color: White;
    background-color:black;    
    width: 65;
    /*
    font-weight: bold;
    font: 10px Verdana;
    */
}

/* 
---------------------------------- DYNAMIC TAB MENU  ---------------------------------

-----------------------------------------------------------------------------


td.nav_tab
{
    padding: 0px 0;
    padding:0px 0px 0px 0px;
    font: 10px Verdana;
    text-align:center;
    font-weight: bold;
    text-decoration: None;
    display:block;
    white-space: nowrap;
    background-color:##03d711; 
    color: White;
}

TD.nav_tab a
{
    text-decoration: None;
    padding:3px 0.5em;
    margin-right: 0px;
    white-space: nowrap;
    background-color:##03d711; 
}

TD.nav_tab a:link
{
    text-decoration: Underline;
    font: 10px Verdana;
    color:white;
    margin-right: 0px;
    font-weight: bold;
    background-color: Red ;
}

TD.nav_tab a:visited
{
    font: 10px Verdana;
    color:white;
    text-decoration:none;
    font-weight: bold;
    background-color:##03d711; 
}

TD.nav_tab a:current
{
    color:black;
    background-color: red; 
}

TD.nav_tab a:Hover
{
    text-decoration: Underline;
    font: 10px Verdana;
    margin-right: 0px;
    font-weight: bold;
    background-color:#66CC00; 
    color:black;
}

TD.nav_tab a:active
{
    text-decoration: Underline;
    background-color:Lime; 
    color:black;
}
*/


/* 
---------------------------------- BAR MENU  ---------------------------------

-----------------------------------------------------------------------------
*/

/*Menu Bar Layout*/
TD.BarMenu
{
    padding: 0px 0;
    padding:0px 0px 0px 0px;
    font: 10px Verdana;
    text-align:center;
    font-weight: bold;
    text-decoration: None;
    display:block;
    white-space: nowrap;
    background-color:#66CC00; 
    color: White;
    /*
    font-size: 8pt;
    margin-right: 0px;
    background-image:url(Images/purple.gif);
    */
}

TD.BarMenu a
{
    text-decoration: None;
    padding:3px 0.5em;
    margin-right: 0px;
    white-space: nowrap;
    background-color:#66CC00; 
}

TD.BarMenu a:link
{
    text-decoration: Underline;
    font: 10px Verdana;
    color:white;
    margin-right: 0px;
    font-weight: bold;
    background-color: #66CC00;
}

/*Link has been visited once*/
TD.BarMenu a:visited
{
    font: 10px Verdana;
    color:white;
    text-decoration:none;
    font-weight: bold;
    background-color:#66CC00; 
}

TD.BarMenu a:current
{
    color:black;
    background-color: red; 
}

TD.BarMenu a:Hover
{
    text-decoration: Underline;
    font: 10px Verdana;
    margin-right: 0px;
    font-weight: bold;
    background-color:##03d711; 
    color:black;
}

/*During activatation*/
TD.BarMenu a:active
{
    text-decoration: Underline;
    background-color:Lime; 
    color:black;
}

/* 
---------------------------------- NAV BAR  ---------------------------------
            Agnes added property - to set the menu bar background color
-----------------------------------------------------------------------------
td.nav_bar
{
    background-color:#66CC00; 
    text-decoration: underline;
}
*/

/* Menu Bar Layout - Text size*/
.NavBar
{
    font: 10px Verdana;
    font-size: 8pt;
    font-weight: bold;
    text-align:center ;
    color: White;
    padding:2px 2px 2px 2px;
    text-decoration: None;
    background:#66CC00; 
    display:block;
    white-space: nowrap;
    /*
    background-image:url("images/purple.gif");
    */
}

/*Active when the mouse is on*/
.NavBar:Hover, .NavBar:focus
{
    background:##03d711; 
    color:Black ;
    display:block;
    padding:2px 2px 2px 2px;
    text-decoration: Underline;
    /*
    background-image:url("images/purple.gif");
    color:White;
    */
}

/*Active when the link is clicked*/
.NavBar:active
{
    background-color:##03d711 ; 
    color:Black ;
    width: 76;
    /*
    white-space: nowrap;
    font-weight: bold;
    font: 10px Verdana;
    background-position:0 -25;
    */
}

ul.none {list-style-type: none}

/* ------------- Images ------------- */
.pImages_Right
{
    margin: 10 10 10 10;
    margin-left: 20;
}

.pImages_Left
{
    margin: 10 10 10 10;
    margin-right: 20;
}