TD {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
}

DL {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
}

DT {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
}

UL LI {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
   list-style-image:  url(../graphics/bullet.gif);
}

UL UL LI {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
   list-style-image:  url(../graphics/sub_bullet.gif);
}

UL UL UL LI {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
   list-style-image:  url(../graphics/sub_sub_bullet.gif);
}

OL {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
}

LI {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
}

LI.home {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 11px;
   color: #003366;
}

P {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
}

P.intro:first-letter {
   font-size : 24px;
   font-weight: bold;
   color: #996699;
}

P.home {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 11px;
   color: #003366;
   margin-top: 2px;
   padding-right: 10px;
}

H6 {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
}

H5 {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
}

H4 {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 13px;
   color: #003366;
}

H3 {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 14px;
   color: #003366;
}

H2 {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 14px;
   font-style: italic;
   color: #663366;
   margin-bottom: 0px;
}

H1.home {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 18px;
   color: #003366;
   letter-spacing: 4.6px;
   margin-bottom: 0px;
}

H1 {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 21px;
   color: #003366;
   letter-spacing: 4.6px;
   margin-bottom: 0px;
}

BODY.home {
   font-family: verdana, arial, helvetica, sans-serif;
   background-image: url(../graphics/home_bg_lg.gif);
   scrollbar-base-color: #663366; 
   scrollbar-face-color: #99CCCC; 
   scrollbar-track-color: #996699; 
   scrollbar-arrow-color: #330033;
   scrollbar-highlight-color: #FFFFFF; 
   scrollbar-3dlight-color: #CCCCCC; 
   scrollbar-shadow-color: #663366;
   scrollbar-darkshadow-color: #000000; 
}

BODY {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   color: #003366;
   background: #FFFFFF;
   scrollbar-base-color: #663366; 
   scrollbar-face-color: #99CCCC; 
   scrollbar-track-color: #996699; 
   scrollbar-arrow-color: #330033;
   scrollbar-highlight-color: #FFFFFF; 
   scrollbar-3dlight-color: #CCCCCC; 
   scrollbar-shadow-color: #663366;
   scrollbar-darkshadow-color: #000000; 
}

A:link {
   color : #006699; 
}

A:visited {
   color : #663366; 
}

A:active {
   color : #669999; 
}

A:hover {
   color : #339999; 
   text-decoration : none;
}

.verytopbarbg {
   background-color: #D1E8E8;
}

.topnav {
   font-size: 11px;
   color: #330033;
   font-weight: bold;
}

.topnav A:link {
   color: #330033;
   text-decoration: none;
}

.topnav A:visited {
   color: #330033;
   text-decoration: none;
}

.topnav A:active {
   color: #339999;
   text-decoration: none;
}

.topnav A:hover {
   color: #339999;
   text-decoration: none;
}

.tealbg {
   background-color: #99CCCC;
}

.tdpalepurplebg {
	background-color: #DECEDE;
	font-size: 11px;
}

.tdtealbgborderbottom {
	background-color: #D1E8E8;
	border-bottom: solid 1px #996699;
}

.sidenavheading {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   font-weight: bold;
   color: #663366;
}

.small {
   font-size: 11px;
}

.sidenavheading A:link {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   font-weight: bold;
   color: #663366;
   text-decoration: none;
}

.sidenavheading A:visited {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   font-weight: bold;
   color: #663366;
   text-decoration: none;
}

.sidenavheading A:active {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   font-weight: bold;
   color: #663366;
   text-decoration: none;
}

.sidenavheading A:hover {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 12px;
   font-weight: bold;
   color: #339999;
   text-decoration: none;
}

.sidenav {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size : 11px;
   font-weight: bold;
   color: #663366;
}

.right {
   text-align: right;
}

.paletealbg {
   background-color: #DEEFEF;
}

.palepurplebg {
   background-color: #E7DBE7;
}

.purplebg {
   background-color: #6E3D6E;
}

.note {
   font-size : 11px; 
   font-family : arial, verdana, sans-serif; 
   font-style: italic;
   font-weight: bold;
   color : #996699; 
}

.nav {
   color: #003366;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
}

.nav A:link {
   color: #003366;
   text-decoration: none;
}

.nav A:visited {
   color: #003366;
   text-decoration: none;
}

.nav A:active {
   color: #996699;
   text-decoration: none;
}

.nav A:hover {
   color: #996699;
   text-decoration: none;
}

.lid {
   font-style : italic;
   font-weight : bold; 
   font-size : 12px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #996699; 
}

.lid A:link {
   color : #006699; 
}

.lid A:visited {
   color : #006699; 
}

.lid A:active {
   color : #669999; 
}

.lid A:hover {
   color: #339999;
}

.intro {
   font-weight : bold; 
   font-size : 12px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #003366; 
   text-align : left;
}

.hometext {
   font-size: 12px;
}

.hometdborder {
   background-color: #99CCCC;
   border: solid 1px #003366;
}

.home2tdborder {
   background-color: #DECEDE;
   border: solid 1px #003366;
}

.faq {
   font-size : 14px; 
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #003366; 
}

.faq A:visited {
   color : #660066; 
   text-decoration : none; 
}

.faq A:link {
   color : #006699; 
   text-decoration : none; 
}

.faq A:active {
   color : #660066;  
   text-decoration : none; 
}

.faq A:hover {
   color : #339999;  
   text-decoration : underline; 
}

.dropdownnav {
   color: #003366;
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   margin-top: 0px;
}

.dropdownnav A:link {
   color: #003366;
   text-decoration: none;
   margin-top: 0px;
}

.dropdownnav A:visited {
   color: #003366;
   text-decoration: none;
   margin-top: 0px;
}

.dropdownnav A:active {
   color: #339999;
   text-decoration: none;
   margin-top: 0px;
}

.dropdownnav A:hover {
   color: #339999;
   text-decoration: none;
   margin-top: 0px;
}

.darkbluebg {
   background-color: #003366;
}

.copyrighttext {
   font-size: 11px;
}

.code {
   font-family: courier new, courier, mono;
}

/* navlayers */

#usability {
   position: absolute;
   left: 0px;
   top: 102px;
   width: 130px;
   z-index: 90;
   border: 1px solid #003366;
   background-color: #DECEDE;
   layer-background-color: #DECEDE;
   visibility: hidden;
}

#structure {
   position: absolute;
   left: 80px;
   top: 102px;
   width: 120px;
   z-index: 90;
   border: 1px solid #003366;
   background-color: #DECEDE;
   layer-background-color: #DECEDE;
   visibility: hidden;
}

#design {
   position: absolute;
   left: 180px;
   top: 102px;
   width: 115px;
   z-index: 90;
   border: 1px solid #003366;
   background-color: #DECEDE;
   layer-background-color: #DECEDE;
   visibility: hidden;
}

#graphics {
   position: absolute;
   left: 310px;
   top: 102px;
   width: 180px;
   z-index: 90;
   border: 1px solid #003366;
   background-color: #DECEDE;
   layer-background-color: #DECEDE;
   visibility: hidden;
}

#html {
   position: absolute;
   left: 390px;
   top: 102px;
   width: 135px;
   z-index: 90;
   border: 1px solid #003366;
   background-color: #DECEDE;
   layer-background-color: #DECEDE;
   visibility: hidden;
}

#dreamweaver {
   position: absolute;
   left: 445px;
   top: 102px;
   width: 120px;
   z-index: 90;
   border: 1px solid #003366;
   background-color: #DECEDE;
   layer-background-color: #DECEDE;
   visibility: hidden;
}

#css {
   position: absolute;
   left: 555px;
   top: 102px;
   width: 175px;
   z-index: 90;
   border: 1px solid #003366;
   background-color: #DECEDE;
   layer-background-color: #DECEDE;
   visibility: hidden;
}

#dhtml {
   position: absolute;
   left: 595px;
   top: 102px;
   width: 160px;
   z-index: 90;
   border: 1px solid #003366;
   background-color: #DECEDE;
   layer-background-color: #DECEDE;
   visibility: hidden;
}

#search {
   position: absolute;
   left: 650px;
   top: 102px;
   width: 125px;
   z-index: 90;
   border: 1px solid #003366;
   background-color: #DECEDE;
   layer-background-color: #DECEDE;
   visibility: hidden;
}

/* homepage layers */

#whatsnew {
	position:absolute; 
	width:230px;
	z-index:4;
	left: 100px;
	top: 268px;
	border: 1px solid #003366;
	background-color: #99CCCC;
	layer-background-color: #99CCCC;
}

#popular {
	position:absolute; 
	width:190px;
	z-index:3;
	left: 315px;
	top: 225px;
	border: 1px solid #003366;
	background-color: #99CCCC;
	layer-background-color: #99CCCC;
}


#maincontent {
	position:absolute;
	width:320px;
	z-index:2;
	top: 110px;
	left: 15px;
	border: 1px solid #003366;
	background-color: #99CCCC;
	layer-background-color: #99CCCC;
}

#icons {
	position:absolute;
	width:56px;
	z-index:5;
	left: 25px;
	top: 288px;
	border: 1px solid #003366;
	background-color: #99CCCC;
	layer-background-color: #99CCCC;
}

#copyright {
	position:absolute;
	z-index:4; 
	left: 0px;
	top: 402px;
}

#bgtable {
	position:absolute;
	width:100%;
	z-index:1;
	top: 103px;
	left: 0px;
}