body {background-color: #7a899e; margin: 0;}

/* header styles */
#header {width: 100%; background-color: #af778f;}
#top {width: 100%; background-color: #d0bca5; padding: 0;}
#top td {padding: 0;}
#sunset, #logo {border: 0; padding: 0;}

.pad {padding: 0 4px 0 4px;}

.as {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: white;}
.tagline {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: white;}

#Hom {position: absolute; left: 104px; top: 145px; width: 62px; z-index: 14; visibility: hidden;}

#Dev {position: absolute; left: 174px; top: 145px; width: 110px; z-index: 12; visibility: hidden; background-color: #cccccc; padding: 0 3px 0 3px;}
#Dev a {display: block; color: #003366; font-family: Arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
#Dev a:hover {color: #af778f;}
#Dev a.subnav {padding: 4px;}

#Tech {position: absolute; left: 295px; top: 145px; width: 104px; z-index: 10; visibility: hidden; background-color: #cccccc; padding: 0 3px 0 3px;}
#Tech a {display: block; color: #003366; font-family: Arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
#Tech a:hover {color: #af778f;}
#Tech a.subnav {padding: 4px;}

#Pross {position: absolute; left: 410px; top: 145px; width: 80px; z-index: 9; visibility: hidden; background-color: #cccccc; padding: 0 3px 0 3px;}
#Pross a {display: block; color: #003366; font-family: Arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
#Pross a:hover {color: #af778f;}
#Pross a.subnav {padding: 4px;}

#Prod {position: absolute; left: 501px; top: 145px; width: 87px; z-index: 8; visibility: hidden; background-color: #cccccc; padding: 0 3px 0 3px;}
#Prod a {display: block; color: #003366; font-family: Arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
#Prod a:hover {color: #af778f;}
#Prod a.subnav {padding: 4px;}

#Client {position: absolute; left: 599px; top: 145px; width: 75px; z-index: 7; visibility: hidden; background-color: #cccccc; padding: 0 3px 0 3px;}
#Client a {display: block; color: #003366; font-family: Arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
#Client a:hover {color: #af778f;}
#Client a.subnav {padding: 4px;}

#Comp {position: absolute; left: 685px; top: 145px; width: 81px; z-index: 6; visibility: hidden; background-color: #cccccc; padding: 0 3px 0 3px;}
#Comp a {display: block; color: #003366; font-family: Arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
#Comp a:hover {color: #af778f;}
#Comp a.subnav {padding: 4px;}

#Cont {position: absolute; left: 777px; top: 145px; width: 102px; z-index: 6; visibility: hidden; background-color: #cccccc; padding: 0 3px 0 3px;}
#Cont a {display: block; color: #003366; font-family: Arial; font-size: 8pt; font-weight: bold; text-decoration: none;}
#Cont a:hover {color: #af778f;}
#Cont a.subnav {padding: 4px;}

.subnav {display: block; font-family: Arial; font-size: 8pt; font-weight: bold; padding: 4px;}

/* main nav styles */
#mainnav {width: 100%; background-color: #cccccc;}

/* crumb styles */
#breadcrumbs {width: 100%; background-color: #af778f; padding: 5px 0 5px 25px; color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold;}
#breadcrumbs a {color: white; text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}

#meta {width: 100%;}

/* side nav styles */
#sidenav {width: 170px; background-color: #d0bca5; vertical-align: top;}
.item {width: 145px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; padding: 5px 5px 5px 10px;}
.item a {color: #006699; text-decoration: none;}
.item a:hover {color: #006699; text-decoration: underline;}
.itembold {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding: 5px 5px 5px 10px; font-weight: bold;}
.itembold a {color: black; text-decoration: none;}
.itembold a:hover {color: white;}
.whatsnew {width: 164px; background-image: url(images/menutitle.gif); background-repeat: repeat-x; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 600; color: #003366; margin: 3px; padding: 5px 0 5px 0;;}

#tanline {width: 20px; background-color: #d0bca5;}

/* main content styles */
#maincontent {width: 700px; vertical-align: top;}
#main {margin: 0 0 0 10px; padding: 10px; border-color: #f1c571; border-style: solid; border-width: 0 0 0 4px; vertical-align: top;}

.text, .itext, .btext, .ibtext, .utext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: white;}
.blacktext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: black;}
.itext {font-style: italic;}
.btext {font-weight: bold;}
.utext {text-decoration: underline;}
.ibtext {font-style: italic; font-weight: bold;}
.text a, .btext a {color: #cccccc;}
.text a:hover, .btext a:hover {color: #003366;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: white;}
h3.pink {font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366;}

.prod_filter {border: 1px solid #003366; width: 80%;}
.prod_filter td, table.prod_filter th {border: 1px solid #003366; padding: 3px;}
.prod_filter li, .prod_m3 li, .prod_cyber li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: white;}

.prodnav {list-style-type: none;}

#logos, #qatwo {border: 2px solid #cccccc;}
#qatwo td, th {border: 2px solid #cccccc; vertical-align: top; padding: 4px;}
#logos td {border: 2px solid #cccccc; background-color: white; padding: 8px; vertical-align: bottom;}
#logos td img {padding: 4px;}

#artifacts td {padding: 10px;}
#fez {border: 1px solid #cccccc;}
#fez td {border: 1px solid #cccccc;}

/* bottom line */
#bottomline {width: 100%; height: 8px; background-color: #cccccc;}

/* footer styles */
#footer, #footer2 {width: 100%; padding: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #cccccc;}
#footer a {color: #cccccc; text-decoration: none;}
#footer a:hover {color: white; text-decoration: underline;}

/* banners styles */
#banners {float: right;}
#banners img {padding: 4px;}

/* webinar styles */
.webinartext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #ffffff;}
.webinartext a {color: #ffffff;}
.webinartext a:hover {color: #003366;}
.webinarshead {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff;}
#regtable {width: 350px;}
.webinaritext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: italic;color: #ffffff;}