h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #990066;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #CC3399;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #339933;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC6600;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663366;
}

ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663366;
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663366;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663366;
}

A:link {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF9900;
	text-align: right
}

A:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF9900;
	text-align: right
}

A:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC3399;
	text-align: right
}

A:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC3399;
	text-align: right
}

.subnav {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
}

.subnav A:link {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
}

.subnav A:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	text-decoration: none;
}

.subnav A:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

.subnav A:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
}

.sidenav {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #663366;
	text-align: right;
}

.sidenav A:link {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #663366;
	text-align: right;
	text-decoration: none;
}

.sidenav A:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #663366;
	text-align: right;
	text-decoration: none;
}

.sidenav A:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	text-align: right;
	text-decoration: none;
}

.sidenav A:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	text-align: right;
	text-decoration: none;
}

.sidenavheading {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC3399;
	text-align: right;
}

.sidenavheading A:link {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC3399;
	text-align: right;
	text-decoration: none;
}

.sidenavheading A:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC3399;
	text-align: right;
	text-decoration: none;
}

.sidenavheading A:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFCC00;
	text-align: right;
	text-decoration: none;
}

.sidenavheading A:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFCC00;
	text-align: right;
	text-decoration: none;
}

.sidenavpanel {  
	background-color: #FF9900;
	border-right: solid 1px #663366;
}

.purplebg {  
	background-color: #663366
}

.purpletext {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #663366
}

.pinktext {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #990066
}

.pinktext A:link {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FF9900;
}

.pinktext A:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FF9900;
}

.pinktext A:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #CC3399;
}

.pinktext A:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #CC3399;
}

.pinkbg {  
	background-color: #990066
}

.lid {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #FF9900;
}

.lid A:link{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #990066;
}

.lid A:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #990066;
}

.lid A:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #CC3399;
}

.lid A:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #CC3399;
}

.homeh1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFCC00;
	text-align: right
}

.homenav {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	text-align: right
}

.homenav A:link {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	text-align: right;
	text-decoration: none;
}

.homenav A:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	text-align: right;
	text-decoration: none;
}

.homenav A:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	text-align: right;
	text-decoration: none;
}

.homenav A:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	text-align: right;
	text-decoration: none;
}

.homeh1 {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFCC00;
	text-align: right
}

.intro {
   font-weight : bold;  
   font-family : verdana, arial, helvetica, sans-serif; 
   color : #663366; 
}

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

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

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

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

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

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

.copyright {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #663366;
	text-align: right
}

.copyright A:link {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-align: right
}

.copyright A:visited {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF9900;
	text-align: right
}

.copyright A:active {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3399;
	text-align: right
}

.copyright A:hover {  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC3399;
	text-align: right
}

.borderedtable {
	border: solid 1px #FF9900;
}

/* navlayers */

#usability {
   position: absolute;
   left: 5px;
   top: 93px;
   width: 140px;
   z-index: 90;
   border: 1px solid #663366;
   background-color: #FFCC00;
   layer-background-color: #FFCC00;
   visibility: hidden;
}

#graphicdesign {
   position: absolute;
   left: 70px;
   top: 93px;
   width: 162px;
   z-index: 90;
   border: 1px solid #663366;
   background-color: #FFCC00;
   layer-background-color: #FFCC00;
   visibility: hidden;
}

#html {
   position: absolute;
   left: 177px;
   top: 93px;
   width: 135px;
   z-index: 90;
   border: 1px solid #663366;
   background-color: #FFCC00;
   layer-background-color: #FFCC00;
   visibility: hidden;
}

#dreamweaver {
   position: absolute;
   left: 216px;
   top: 93px;
   width: 130px;
   z-index: 90;
   border: 1px solid #663366;
   background-color: #FFCC00;
   layer-background-color: #FFCC00;
   visibility: hidden;
}

#css {
   position: absolute;
   left: 318px;
   top: 93px;
   width: 185px;
   z-index: 90;
   border: 1px solid #663366;
   background-color: #FFCC00;
   layer-background-color: #FFCC00;
   visibility: hidden;
}

#dhtml {
   position: absolute;
   left: 349px;
   top: 93px;
   width: 170px;
   z-index: 90;
   border: 1px solid #663366;
   background-color: #FFCC00;
   layer-background-color: #FFCC00;
   visibility: hidden;
}

#search {
   position: absolute;
   left: 395px;
   top: 93px;;
   width: 135px;
   z-index: 90;
   border: 1px solid #663366;
   background-color: #FFCC00;
   layer-background-color: #FFCC00;
   visibility: hidden;
}

#resources {
   position: absolute;
   left: 505px;
   top: 93px;
   width: 105px;
   z-index: 90;
   border: 1px solid #663366;
   background-color: #FFCC00;
   layer-background-color: #FFCC00;
   visibility: hidden;
}

#portfolio {
   position: absolute;
   left: 580px;
   top: 93px;
   width: 105px;
   z-index: 90;
   border: 1px solid #663366;
   background-color: #FFCC00;
   layer-background-color: #FFCC00;
   visibility: hidden;
}