BODY,UL,Table,TD,INPUT,H1,H2,H3,H4,H5 {font-family: arial,arial MT,helvetica,sans-serif;} 

BODY,UL,Table,TD,INPUT {font-size:10pt; }


A {color: #006699;  text-decoration:none;}
A:visited {color: #1177aa;  text-decoration:none; }
A:active {color: #3399cc;  text-decoration:none; }
A:hover {color: #CC6633; text-decoration:underline;}


H1{ font-size: 12pt; color:#333333; vertical-align: middle; font-family: arial,helvetica,sans-serif;} 
H2{ font-size: 12pt; color:#993300; vertical-align: middle;} 
H3{ font-size: 11pt; color:#993300; vertical-align: middle;} 
H4{ font-size: 10pt; vertical-align: middle;} 

BIG.big1{ font-size: 19pt; color:#000000;  vertical-align: middle;} 
BIG.big2{ font-size: 14pt; color:#cc6600;  vertical-align: middle;} 
BIG.big3{ font-size: 14pt; color:#ffffff;  vertical-align: middle;} 

.menuheadbg {background-color:000000; font-size: 10pt; color:orange;}

A.tabs{color: #663300; text-decoration:none; } 
A.tabs:visited {color: #663300; text-decoration:none;}
A.tabs:active {color: #663300; text-decoration:bold;}
A.tabs:hover{color: #000000; text-decoration:bold; }

.inputtitle { font-weight:bolder; } 
.submitbutton { font-weight:bolder; } 
	
.info{
color:#001133;
}	
	
.help{
	border: ridge;
	padding: 3;
	background-color:white;
	width:450;
	color : Black;
	font-family : System;
	font-size : 10pt;
}


.form{
	border: inset;
	padding: 3;
	background-color:white;
	width:450;
	color : Black;
	font-family : System;
	font-size : 10pt;
}
.error{color:#FF3333;background-color:#000000;font-size:12pt;font-weight:bold} 

.preslinks {color: #993300; text-decoration:none; font-size:9pt;}
.preslinks:visited  {color: #662200; text-decoration:none;}
.preslinks:hover {color: #331100;  text-decoration:underline;}

.qoText { color:#666 } 

.wgtmenulinks,.wgtmenulinks:visited,.wgtmenulinks:active {color:#FFEECC; font-size:8pt; text-decoration:none; padding:1,1,1,5; width:116;}

.wgtmenulinks:hover {color:orange; font-size:8pt; text-decoration:none; background-color:#444444;}

.wgtmenutitle {color:white; font-size:9pt; padding-left:2 }


.pagebutton {background-color:#ccffff; border-width:2; border-style:outset; text-decoration:none; width:125; text-align:center;}
.linkbutton {background-color:#ffcc99; border-width:2; border-style:outset; text-decoration:none; font-size:8pt; width:40; text-align:center;}

.content {text-align:justify}
.footertext , .footertext:active , .footertext:visited { color: #999999; text-decoration:none; font-size:7pt }

th {	
text-align : left;
}

.special1{ font-size: 9pt; color:#ffffff; vertical-align: middle; font-weight: bold;}
.special2
{ 
background-image: url(/uploads/21/images/heading_bg.gif); width:600px; height:23px; padding-left:15px; color:white; font-family:arial,verdana; font-size:16px; font-weight:bold; vertical-align:baseline; padding-top:2px;

}




#cmsHelpTopics{
        border-right: 0px solid #000;
        padding: 0 0 0 0;
        margin-bottom: 0;
        font-family: Arial;  
        font-size : 10px;
        font-weight:normal;
        background-color: #ffffff;
        color: #000000;}

        #cmsHelpTopics ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                }

        #cmsHelpTopics li {
border-bottom: 0px solid #000000;
margin-bottom: 0;
list-style: none;}

        #cmsHelpTopics li a {
                display: block;
                padding: 5px 5px 5px 5px;
                border-left: 0px solid #1958b7;
                border-right: 0px solid #508fc4;
                background-color: #f3f3f3;
                color: #777777;
                text-decoration: none;
                width: 100%;
                }
 #cmsHelpTopics li a {
                width: auto;}

        
        #cmsHelpTopics li a:hover {
                border-left: 0px solid #1c64d1;
                border-right: 0px solid #5ba3e0;
                background-color: #000000;
                color: #fff;
                }

        #cmsHelpTopics li #active {
                border-left: 0px solid #1c64d1;
                border-right: 0px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }

table.mytable {  padding: 0px; border: none; border: 1px solid #cccccc;}

table.mytable td { font-family:arial; font-size: 12px; border: none; background-color: #dcdcdc;color:000000; 
vertical-align: top; padding: 4px; font-weight: normal;}

table.mytable tr.altrow td { background-color: #f3f3f3;color:000000;}

table.mytable tr th { background-color: #000000;color:000; background: #ffffff url(/uploads/21/images/ww_table_header.gif ) no-repeat; font-family:arial; font-size: 12px; vertical-align: middle; padding: 3px; text-align:left;}


#shopping ul{
background-color: #ffffff;
list-style:none;
padding:0 0 0;
margin:0;
}
#shopping li{
color:#000000;
font-family:arial, verdana;
padding: 7px 7px 7px 23px;
border-bottom: 1px solid #999999;
background:url(/uploads/21/images/list_marker_lite.gif) no-repeat 5px .8em;
}
#shopping li a {
                font-weight:bold;
                color: #0184a0;
                text-decoration: underline;
                }
#shopping li a:hover {
                background-color: #dddddd;
                text-decoration: none;
                color: #0184a0;
                }




    #menu {
 background-color: #666666; 
 height: 22;
}

#menu ul {
 list-style: none;
 padding: 2;   /* padding to buttons */
 margin: 0 ;   /* indent from outside div */
}

#menu li {
 float: left;     /* left for horizonal menu, otherwise its vertical.
 width: 100;   /* button outside dimensions, need this for centering text... make this same as anchor */
}

#menu a {
 text-align: center;  /* position text within li button */
 text-decoration: none; /* remove typical underline */
 font-size: 9pt;    /* menu text size */
 display: block;    /* treats layout of buttons like they're table cells rather than list items */
 height: 14;   /* button outside dimensions  */
 width: 100;   /* button outside dimensions */
 color: white;  /* link text colour */
 background-color: #666666;
 border-width: 0px;
 border-right:1px;
 border-style: solid;
 border-color: #ccc;
 padding: 2;   /* padding of text within button */
 margin: 0;   /* padding of button within list item */
}

#menu a:hover {  /* override as neccesary for mouse over effects */
 color: white; 
 background-color: #999999;

}


#menu li ul {  /* this one is the dropdown */
 position: absolute; /* so we can hide it */
 left: -999em;  /* by default it is hidden */
 width: 200px;  /* width of the entire dropdown */
 margin: 0;  /* relative position of the menu to the button... 0=tight on bottom.. */
 background-color: #666666; /* color of the entire dropdown */

}

#menu ul ul ul {
 position: absolute;
 background-color: #666666; /* color of the entire dropdown */
 top: auto;  /* auto means that it will be in the typicall indented list position below the first menu */
 left: 0;   /* 0 */
 margin: -20 110;       /* adjust the margins to position the 2nd level popout menu to the right*/
 width: 100%;   /* width is based on the containing block */
}

#menu li ul a {  /* override colours for drop down buttons */
background-color:#dbeb83;
 width: 200px;
 text-align:left;
 font-size: 10pt;
 border-right:0px;
 color:#000000;
 border-bottom: 1px  solid #000000;
padding:4px;
}

#menu li ul a:hover {  /* override colours for drop down buttons */
color: #ffffff;
 background-color: #000000;
}

#menu ul li:hover, #menu ul li.sfhover {
 color: blue;
}


#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul 
{
 left: -999em;
}

#menu li:hover ul, 
#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li.sfhover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul {
 left: auto;
}