.ColorWhite { color: white }
.ColorRed   { color: red }
.ColorBlue  { color: blue }
.ColorBlack { color: black }
.ColorDKBlue { color: #000066 }
.snLogoTop { url('/images/snlogotop.gif') no-repeat scroll 10px 80px;}
.snLogoBot { url('/images/snlogobot.gif') no-repeat scroll 10px 80px;}

.bluebody { color: #69c ;
		font: bold 11pt Verdana ;
		background-color: blue }
.body	    { color: #69c ;
		font: bold 12pt Verdana ;
		background-color: white ;
		margin-left: 5% ;
		margin-right: 10% ;}
a:link 	{color: blue}
a:visited 	{color: red;text-decoration:none;}
a:active	{text-decoration:none}
a:hover 	{color: green}

.altlink	a:link		{color: #69c; text-decoration:none;}
.altlink	a:visited 	{color: #66cccc;text-decoration:none;}
.altlink	a:active 	{color: #66cccc; text-decoration:none;}
.altlink	a:hover	{font-weight:bold; color:#69c; background: #f9eded}

.altlinkh	a:link		{color: #ff00cc; text-decoration:none;}
.altlinkh	a:visited	{color: #ff00cc;text-decoration:none;}
.altlinkh	a:active	{color: #ff00cc;text-decoration:none;}
.altlinkh	a:hover {font-weight:bold; color:#ff00cc; background: #f9eded}

.hr2 { color: #036; background-color: #036}
.hr1 { color: #036; background-color: #036;height: 5px;width: 50%}
.hr3 { color: #00006; }
.p {margin-left:20px; color:red}
.center {text-align: center}
.centerb {text-align: center ; font-weight: bold ; font-size: 125% ;}
.centerbold {text-align: center ; font-weight: bold ; color: black }
.para1   {text-align: left; color:#006699; font-family: Arial 14pt;}
.para2   {text-align: center; color:#006699; font-family: Verdana 14pt;}
.alignrt {text-align: right;}
.back    {text-align: center; color:#ff0033; font-family: Verdana 14pt;}
.fontbb  {color: #0033cc ; font-size: 150%}
.fontsm  {color: #333366 ; a:color: #0000ff }
.fontsmr {color: #333366 ; font-size: 50% ; a:color: #0000ff }
.fontbi  {font-style: italic ; font-weight: bold ; }
.fontbig {font-weight: bold ; font-size: 125% ;}
.fontlg  {color: #66cccc ; font-size:50% ; }
.fontll  {color: #66cccc ;font-size:75% ; }
.fonthg  {color: #0033cc ; font-size: 175%}

.dr     { text-align: center;
          background-image: url('/images/bar.gif');
          background-repeat: repeat-x;
          margin: 1em auto 0;
          padding: 1px 0 0; 
          width: 496px; }
.dr HR { width: 0; line-height: 16px; margin-right: 100%; }
.vertical { background-image: url('/images/bar.jpg');
		background-repeat: repeat-y }

<!-- horz menu thanks to css.maxdesign.com.au -->
ul#navlist { font-family: sans-serif; }

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li
{
display: inline;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul#navlist li a
{
color: #ffffff;
background-color: #003366;
padding: 1px 30px;
border: 1px #ffffff outset;
}

ul#navlist li a:hover
{
color: #ffff00;
background-color: #003366;
}

ul#navlist li a:active
{
color: #cccccc;
background-color: #003366;
border: 1px #ffffff inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: inline;
position: absolute;
font-size: 12pt;
padding-top: 5px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: ">> "; }