/*
    This style (html, body, form) is used to implement 100% height in mozilla browser currently tested in Firefox only.
    Essentially an element ie. table or div will only force 100% of its parent, the other issue is that XHTML 1.0 Transitional
    adds further strict form. Anyway it looks like the "form" element will allow the 100% height to be used in VS 2005 projects.
*/
html, body, form{
    height: 100%;   
    margin: 0;   
    padding: 0;   
    width: 100%; 
}

body
{
    background-color: #00ffff;
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #000000;
}

H1
{
    font-size: 18px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: fuchsia;
}

H2
{
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: fuchsia;
}

H3
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
H4
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    margin: 0px;
    padding: 6px 0px 0px 0px;
}

UL{
    margin-top:3px;
}

LI{

}
.NavigationBackground
{
    cursor: pointer;
    cursor: hand;
    font-size: 11px;
    font-family: Arial, Verdana;
    color: #000;
    font-weight: bold;
    text-align:center;
    height: 20px;
	border-bottom: 2px solid #FF00FF;
	border-top: 1px solid #009999;
   	background-color: #dddddd;
    background-image:url(Images/MainItemBg.gif);
    
}

td.Black
{
    font-size: 10px;
    background-color: #000000;
    color: #ffffff;
    font-weight: bold;
}

td.Pink
{
    font-size: 10px;
    background-color: #FF00FF;
    color: #ffffff;
    font-weight: bold;
}
/* The following styles have been added temporarily for testing of the 
two line navigation */
a.MainItem, a.MainItem:visited
{
    height: 26px;
    cursor: pointer;
    cursor: hand;
    font-size: 11px;
    font-family: Arial, Verdana;
    color: #FF00FF;
    text-align: center;
    padding-left: 1px;
    background-color: #000000;
    padding-right: 1px;
    font-weight: bold;
	text-decoration:none;
}

a.MainItem:Hover
{
	height: 26px;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Verdana;
	color: #ffffff;
	text-align: center;
   	background-color: #000000;
    padding-left: 1px;
    padding-right: 1px;
}

/*.MainItemSeparator
{
     color:#FF00FF;   
     font-size: 9px;
     font-family: Arial, Verdana;
}
*/

/* Anchor styles */
a, a:visited
{
    color: #000000;
    text-decoration: none;
}
a:hover{
    color: #FF00FF;
    text-decoration: underline;
}

a.reverse, a.reverse:visited
{
    color: #FF00FF;
    text-decoration: none;
}
a.reverse:hover{
    color: #000000;
    text-decoration: underline;
}
a.white, a.white:visited
{
    color: #ffffff;
    text-decoration: none;
}
a.white:hover{
    color: #FF00FF;
    text-decoration: underline;
}
/* Text styles*/
.SmallText
{
    color: #ffffff;    
    font-size:x-small;
}
/* Following styles are used to define the content area */
tr.ContentContainer
{
    height: 350px;
    vertical-align: top;
}
/* To manage long content pages*/
.scrollingPanel{
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px; 
    scrollbar-base-color:#00ffff;
    scrollbar-arrow-color:#FF00FF;
}

.copyright{
    color: #ffffff;    
    font-size:x-small;
    text-align:left; 
    padding:0px 0px 5px 5px;
}