html, body{
background:#f0ead4 url('art/pagebg.jpg');
margin: 0;
padding: 0;
border: none;
font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: normal; line-height: 14pt; color: #333; text-decoration: none;
}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 19pt;  font-weight: bold; line-height: 20pt; color: #666633; text-decoration: none;}

a {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 14pt; color: #660; text-decoration: none;}
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 14pt; color: #330; text-decoration: none;}
.alert {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; color: #FF0000; line-height:14pt; text-decoration: none; }
.error {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; color: #FF0000; line-height:14pt; text-decoration: none; }
.pagetitle{font-family: Arial, Helvetica, sans-serif; font-size: 22pt;  font-weight: bold; color: #F00; text-decoration: none;}
.sidetitle{font-family: Arial, Helvetica, sans-serif; font-size: 12pt;  font-weight: bold; line-height: 12pt; color: #660033; text-decoration: none;}
.bodytextsmall {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: normal; line-height: 10pt; color: #000000; text-decoration: none;}
.bodytext {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: normal; line-height: 14pt; color: #333; text-decoration: none;}
.welcome {font-family: Arial, Helvetica, sans-serif; font-size: 14pt;  font-weight: normal; line-height: 18pt; color: #333; text-decoration: none;}
.homebodytext {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 16pt; color: #666633; text-decoration: none;}
.breadcrumb {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000; text-decoration: none;}
.feature {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 10pt; color: #FF0000; text-decoration: none;}
.bodytextwhite {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: normal; line-height: 12pt; color: #FFFFFF; text-decoration: none;}
.heading1 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 14pt; color: #333; text-decoration: none;}
.feature2 {font-family: Arial, Helvetica, sans-serif; font-size: 14pt;  font-weight: bold; line-height: 16pt; color: #963; text-decoration: none;}
.footertext {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 8pt; color: #630; text-decoration: none;}
.footerlinks {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 8pt; color: #999; text-decoration: none;}
.footerlinks:hover {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 8pt; color: #666; text-decoration: none;}
.graytext {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 8pt; color: #666; text-decoration: none;}
.graylinks {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 8pt; color: #666; text-decoration: none;}
.graylinks:hover {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 8pt; color: #333; text-decoration: none;}
.bodylinks {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 14pt; color: #660; text-decoration: none;}
.bodylinks:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 14pt; color: #330; text-decoration: none;}
.footer {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 10pt; color: #000; text-decoration: none;}
.footernav {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 10pt; color: #630; text-decoration: none;}
.footernav:hover {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 10pt; color: #930; text-decoration: none;}
.footernav1 {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 10pt; color: #930; text-decoration: none;}
.footernav1:hover {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 10pt; color: #F60; text-decoration: none;}
.sidenav {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 10pt; color: #FFF; text-decoration: none;}
.sidenav:hover {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: bold; line-height: 10pt; color: #CCC; text-decoration: none;}
.subnav {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 10pt; color: #630; text-decoration: none;}
.subnav:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 10pt; color: #930; text-decoration: none;}

.resources {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 10pt; color: #663300; text-decoration: none;}
.resources:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; line-height: 10pt; color: #663300; text-decoration: underline;}


.orange {font-family: Arial, Helvetica, sans-serif; font-size: 12pt;  font-weight: normal; line-height: 12pt; color: #F00; text-decoration: none;}
.orangesmall {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: normal; line-height: 18pt; color: #F00; text-decoration: none;}
.dark {font-family: Arial, Helvetica, sans-serif; font-size: 12pt;  font-weight: normal; line-height: 22pt; color: #333; text-decoration: none;}
.radiotext {font-family: Arial, Helvetica, sans-serif; font-size: 12pt;  font-weight: normal; color: #333; text-decoration: none;}
.darksmall {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: normal; line-height: 10pt; color: #333; text-decoration: none;}
.listing {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  font-weight: normal; line-height: 14pt; color: #000; text-decoration: none;}
.tabletop {font-family: Arial, Helvetica, sans-serif; font-size: 12pt;  font-weight: normal; line-height: 22pt; color: #999; text-decoration: none;}
.tabletop:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12pt;  font-weight: normal; line-height: 22pt; color: #666; text-decoration: none;}

.bodylinksmall {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: normal; line-height: 10pt; color: #C00; text-decoration: none;}
.bodylinksmall:hover {font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: normal; line-height: 10pt; color: #900; text-decoration: none;}

.agentsbutton {
background:#000000;
}

.agentsbuttonselected {
border-left:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}

.agentstablebg {
background:url('art/profilebg.jpg') bottom center no-repeat;
}

.navtext {
width:150px;
font-size:12pt;
border-width:2px;
border-style:outset;
border-color:darkgray;
layer-background-color:tan;
background-color:tan;
color:black;

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

.hiddencontent{
 padding:10px;
 font-family: Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight: normal; line-height: 12pt; color: #333; text-decoration: none;
}