body {
	margin:0;
	background-color:#020B1A;
	background-image:url(images/gradbg3.png);
	background-position: left top;
	background-repeat: repeat-x;
	color:#000000;
	scrollbar-base-color: #336699;
	font-family: Arial, Helvetica, sans-serif;
}
 

.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
}
.bodybold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}
.bodyboldblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #034B8D;
}
.titletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #0033FF;
}
.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #0033FF;
}
.smalltextblk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

span {z-index: 0;}
p {padding: 0px 8px; z-index:0;}
.padall {padding: 8px 8px 8px 8px;}
.padtop {padding-top: 8px;}
.padbottom {padding-bottom: 8px;}
.padleft {padding-left: 8px;}
.padright {padding-right: 8px;}
.padleftright {padding: 0px 8px;}
.padtopbot {padding: 8px 0px;}

ul {padding-right: 10px;}

.left {float:left; margin:10px; border:1px solid #000;}

.right {
    float:right; 
    margin:10px; 
	border:1px solid #000; 
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #666666;
		}

.lefttext {float:left; width:300px; text-align:justify;}

.righttext {float:right; width:320px; text-align:justify;}

a.nounderline:link {text-decoration: none; color:#FFFFFF;}
a.nounderline:visited {text-decoration:none; color:#CCCCCC;}
a.nounderline:hover {text-decoration:underline; color:#CCCCCC;}
a.nounderline:active {text-decoration:none; color:#CCCCCC;}

a.bodylink:link {text-decoration: none; color:#336699;}
a.bodylink:visited {text-decoration:none; color:#336699;}
a.bodylink:hover {text-decoration:underline; color:#336699;}
a.bodylink:active {text-decoration:none; color:#336699;}

a.prodlink:link {text-decoration: none; color:#666666; font-size:small;}
a.prodlink:visited {text-decoration:none; color:#666666; font-size:small;}
a.prodlink:hover {text-decoration:none; color:#3333FF; font-size:small;}
a.prodlink:active {text-decoration:none; color:#666666; font-size:small;}

/* CSS HEADER CODE */

#header {
position:relative;
background-image:url(images/header-nav.gif);
background-repeat:no-repeat;
background-color:#F3F3F3;
width:800px;
height:110px;
z-index:1000;
}

#toplinks {
position:absolute;
top:5px;
left:566px;
margin:0;
padding:0;
font-size:0.7em;
}

#toplinks ul {
list-style: none;
margin: 0;
padding: 0;
width: 7em;
float: left;
}

#toplinks li:hover {}

#toplinks a {
color: #999;
text-decoration: none;
}

#toplinks a, #toplinks h2 {
font: bold 10px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 10px;
}

#toplinks li {position: relative;}

#toplinks a:hover {
color: #666;
text-decoration:overline;
}

#content {
position: relative;
width:800px;
min-height:229px;
z-index:0;
}


/* CSS MENU CODE */

#menu {
position:relative;
top:82px;
width: 580px;
float: right;
}

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
width: 7em;
float: left;
}

#menu li:hover {position:relative;z-index: 1000;}

#menu a {
font: 12px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #CCC #666 #CCC #CCC;
margin: 0;
padding: 2px 10px;
}

#menu a {
color: #333;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;} /* make the list elements a containing block for the nested lists */

#menu ul ul {
position: absolute;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.stackfix {
position:relative;
z-index:0;
}
