span#err {
border-bottom: dotted 2px #cc0000;
font: bold x-small verdana, sans-serif;
color: #cc0000;
background-color: #fefefe;
padding: 4px;
}
span#err {
display:block;
border: solid 1px #cc0000;
font: bold x-small verdana, sans-serif;
color: #cc0000;
background-color: #ffcccc;
padding: 8px;
margin: 6px 0px;
}

body {
background-color: #fefefe;
color: #666666;
margin: 0px;
padding: 0px;
border: none;
text-align: left;
font:  normal x-small verdana, lucida, arial, helvetica, sans-serif;
}

th {
text-align: left;
font: bold x-small verdana, lucida, arial, helvetica, sans-serif;
}

td {
text-align: left;
font: normal x-small verdana, lucida, arial, helvetica, sans-serif;
}

td.Ar {
text-align: right;
font: normal x-small verdana, lucida, arial, helvetica, sans-serif;
}


/* bar containing useless stretched copper like strip */
#topbar {
width: 100%;
padding: 0px;
margin: 0px;
border:none;
}

#topbar img {
width: 100%;
height: 14px;
padding: 0px;
margin: 0px;
border:none;
}

#hdr {
width: 100%;
}

h1 {
font: normal 10px verdana, lucida, arial, helvetica, sans-serif;
margin: 4px;
}

#main {
float: left;
padding: 12px;
padding-left: 0px;
margin-left: 10px;
text-align:justify;
width: 50%;
}
#popmain {
float: left;
padding: 0px;
padding-left: 8px;
margin-left: 0px;
text-align:justify;
width: 90%;
border: none;
}
#popmain a, #popmain a:visited {
text-decoration: none;
background: transparent;
background-image: none;
color: #666666;
}

#popmain a:hover, #popmain a:active {
background: transparent;
background-image: none;
color: #000000;
text-decoration: underline;
}

#popmain a, #popmain a:visited {
text-decoration: none;
background: transparent;
background-image: none;
color: #666666;
}
#main a, #main a:visited {
text-decoration: none;
background: transparent;
background-image: none;
color: #666666;
}

#main a:hover, #main a:active {
background: transparent;
background-image: none;
color: #000000;
text-decoration: underline;
}


#main h1 {
float: left;
width: 100%;
font: bold large verdana, lucida, arial, helvetica, sans-serif;
margin: 4px;
display: block;
margin-left: 0px;
margin-top: 4px;
text-align:left;
}

#main h2 {
font: bold medium verdana, lucida, arial, helvetica, sans-serif;
margin: 0px;
margin-top: 6px;
margin-bottom: 6px;
float: left;
width: 95%;
}

/* links on locations page*/
#main h1.location {
color: #666666;
font: bold x-small verdana, lucida, arial, helvetica, sans-serif;
text-decoration: none;
margin-right: 8px;
text-align: center;
display: inline;
width: 550px;
}

#main h1 a ,#main h1 a:visited {
color: #666666;
font: bold x-small verdana, lucida, arial, helvetica, sans-serif;
text-decoration: none;
margin-right: 12px;
margin-left: 12px;
padding-right: 12px;
padding-left: 12px;
display: inline;
}

#main h3 {
text-align:left;
font: bold x-small verdana, lucida, arial, helvetica, sans-serif;
margin: 0px;
margin-top: 8px;
}

#main h4 {
text-align:left;
font: normal x-small verdana, lucida, arial, helvetica, sans-serif;
margin: 0px;
margin-top: 8px;
}

#main p {
float:left;
width: 100%;
color: #666666;
font: normal x-small verdana, lucida, arial, helvetica, sans-serif;
margin: 12px;
margin-left: 0px;
margin-top: 4px;
line-height: 16px;
}

#main dl {
float:left;
width: 100%;
margin-left: 0px;
margin-top: 4px;
color: #666666;
font:  normal x-small verdana, lucida, arial, helvetica, sans-serif;
}

img#worldmap {
float: left;
margin-left: 2px;
padding: 0px;
z-index: 4000;
border: none;
}

#siteTreeContainer {
text-align:left;
border-right: solid 1px #666666;
padding: 0px;
vertical-align: top;
padding-right: 10px;
}

#directoryContentsContainer {
vertical-align: top;
text-align:left;
padding-left: 10px;
width: 500px;
}



#dtree {
margin: 0px 20% 0px -14px;
padding: 0px 10px 0px 0px;
list-style-type: none;
list-style-position:outside;
width: auto;
}

#dtree li {
margin: -2px 16px;
width: 100%;
padding: 0px;
border: none;
color: #666666;
font:  normal xx-small verdana, lucida, arial, helvetica, sans-serif;
list-style-position:outside;
list-style-type: none;
background: transparent;
}

#dtree li#treeTop {
margin:  0px 14px;
padding: 0px;
border: none;
color: #666666;
background: transparent;
font:  normal xx-small verdana, lucida, arial, helvetica, sans-serif;
list-style-position:outside;
list-style-type: none;
}


#dtree ul {
margin: 1px 2px;
padding: 0px 1px;
border: none;
background: transparent;
border-left: solid 1px #cccccc;
list-style-type: none;
list-style-position:outside;
}



#dtree li.terminalLast  {
border: none;
width: 100%;
margin: -2px 2px 1px 18px;
padding: 0px 2px 6px 0px;
background: transparent;
}


#dtree ul.hasChildrenLast  {
border: none;
border-left: solid 1px #ffffff;
background: transparent;
text-align:left;
}


#dtree li.terminal {
margin: -2px 18px;
width: 100%;
padding: 0px;
color: #666666;
font:  normal xx-small verdana, lucida, arial, helvetica, sans-serif;
list-style-position:outside;
list-style-type: none;
}


#dtree li a,#dtree li a:visited {
text-decoration: none;
background: transparent;
}

#dtree li a:hover, #dtree li a:active {
text-decoration: underline;
background: transparent;
color: #cc0000;
}

#rcol {
float: right;
width: 40%;
padding: 0px;
margin-top: 4px;
}

#hdr img {
margin-left: 36px;
border: none;
margin-top: 15px;
}

#hdr h1 {
margin-left: 37px;
}

/* main navigation bar */

#mnav {
z-index: 100;
margin-top: 24px;
margin-bottom: 0px;
margin-left: 26px;
width: 840px;
}
#anav {
z-index: 100;
margin-top: 24px;
margin-bottom: 4px;
margin-left: 0px;
width: 840px;
}


img#nl{
margin: 0px;
margin-left: 0px;
margin-right: 0px;
width: 88%;
height: 12px;
}
img#bullet {
display:none;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
width: 10%;
height: 12px;
}

img#bull {
display:none;
margin: 2px;
margin-left: 0px;
margin-right: 0px;
width: 10%;
height: 12px;
}

#mnav a,#mnav a:visited {
color: #666666;
font : bold 10px verdana,sans-serif;
border-right: solid 1px #666666;
text-decoration: none;
padding: 3px;
padding-right: 12px;
padding-left: 12px;
margin: 0px;
}

#mnav a:hover, #mnav a:active {
font : bold 10px verdana,sans-serif;
text-decoration: none;
padding: 3px;
padding-right: 12px;
padding-left: 12px;
color: #000000;
}

#mnav a#mnavlast {
border-right: none;
}

#anav a,#anav a:visited {
color: #666666;
font : bold 10px verdana,sans-serif;
text-decoration: none;
padding: 3px;
padding-right: 12px;
padding-left: 12px;
margin: 0px;
}

#anav a:hover, #anav a:active {
font : bold 10px verdana,sans-serif;
text-decoration: none;
padding: 3px;
padding-right: 12px;
padding-left: 12px;
color: #000000;
}



/* breadcrumbs */
#bc {
float: left;
z-index: 100;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-left: 12px;
width: 75%;
font: normal x-small verdana,sans-serif;
}

div#translate {
float: left;
}


div#translate a, div#translate a:visited {
color: #666666;
font : bold 10px verdana,sans-serif;
text-decoration: none;
}

div#translate a:hover, div#translate a:active {
font : bold 10px verdana,sans-serif;
text-decoration: underline;
color: #000000;
}

#bc a,#bc a:visited {
color: #666666;
font : bold 10px verdana,sans-serif;
text-decoration: none;
padding: 3px;
margin: 0px;
}

#bc a:hover, #bc a:active {
font : bold 10px verdana,sans-serif;
text-decoration: underline;
padding: 3px;
color: #000000;
}

#scr0,#scr1 {
border-right:solid 1px #666666;
border-left:solid 1px #666666;
border-top:solid 1px #666666;
border-bottom:solid 1px #666666;
margin:0px;
padding: 1px;
padding-top: 0px;
}

#st {
margin-top: 0px;
padding-top:0px;
}

#stop img {
margin-bottom: -2px;
padding:0px;
}



/* page footer styles */


#foot {
float: left;
text-align: left;
padding: 0px;
margin: 0px;
margin-top: 40px;
margin-bottom: 40px;
padding-bottom: 10px;
margin-left: 18px;
width: 100%;
}

#foot {
float: left;
text-align: left;
padding: 0px;
margin: 0px;
margin-top: 40px;
margin-bottom: 40px;
padding-bottom: 10px;
margin-left: 18px;
width: 80%;
}

#foot a, #foot a:visited {
text-decoration: none;
color: #666666;
font: normal 10px verdana, helvetica, lucida, georgia, sans-serif;
margin: 0px;
}

#foot a:hover, #foot a:active {
text-decoration: underline;
color: #cc0000;
font: normal 10px verdana, helvetica, lucida, georgia, sans-serif;
margin: 0px;
}

input,textarea { 
font-size: x-small; 
font-weight: bold; 
background:#ffffff; 
color: #666666; 
padding:2px; 
border:solid #666666 1px;
}

input.submit {
font-size: x-small; 
font-weight: bold; 
background:#ffffff; 
color: #333333; 
background-color: #ffcc00;
padding:2px; 
border:solid #996699 1px;
border-bottom: solid #333333 1px;
border-right: solid #333333 1px;
font: bold x-small verdana,sans-serif;
}

input.submitHover {
font-size: x-small; 
font-weight: bold; 
background:#ffffff; 
color: #333333; 
background-color: #ffcc00;
padding:2px; 
border:solid #333333 1px;
border-bottom: solid #996699 1px;
border-right: solid #996699 1px;
font: bold x-small verdana,sans-serif;
}

table.users {
margin:0px;
padding:0px;
border:none;

}

table.users td {
background: transparent;
color:#000000;
border: solid 1px #666666;
font: normal x-small verdana, sans-serif;
padding: 1px 3px 1px 3px;
margin: 0px 0px 0px 0px;
}

table.users tr {
padding: 0px;
margin: 0px ;
}

table.users th {
color:#000000;
border: solid 1px #666666;
background-color: #cccccc;
font: bold x-small verdana, sans-serif;

}

table #mainContainer {

vertical-align: top;
}

table#contents,table #contents2 {
padding: 0px;
width:100%;
}

table#contents tr.trHover {
background-color: transparent;
color: #333333;
border: solid 1px #333333;
}

table#contents tr {
background-color: transparent;
border-top: solid 1px #996699;
border-bottom: solid 1px #996699;
color: #333333;
margin: -1px;
padding: 4px;
}

table#contents tr.alt {
background-color: transparent;
border-top: solid 1px #996699;
border-bottom: solid 1px #996699;
color: #333333;
margin: -1px;
padding: 4px;
}

table#contents td {
border: solid 1px #cccccc;
margin-right:-1px;
font: normal xx-small verdana, sans-serif;
}

a#closeWindow {
float:right;
width: 120px;
border: solid 1px #333333;
color: #333333;
background-color: #f9f9f9;
padding: 2px;
text-align:center;
font: normal xx-small verdana, sans-serif;
text-decoration: none;
}