body { 
background-image: url("../images/glassy-bg.jpg");
background-attachment: fixed;
background-position:0 0;
background-repeat:no-repeat;
background-color:#fff;
position: relative;
max-width:900px;
margin: 0; 
padding: 0;
font-size: 90%;
font-family:arial, tahoma, verdana, helvetica, sans-serif;
}
h1 { 
background: #ace; 
margin: -9px -9px 0.5em; 
padding: 15px 0 5px; 
height: 28px; 
vertical-align: middle; 
text-align: right; 
letter-spacing: 0.5em; 
text-transform: lowercase; 
font: bold 25px sans-serif; 
color: #024; 
white-space: nowrap;
}
h2, h3, h4{ 
margin:0 0 6px;
margin-top:16px ; 
color: #024;
}
dt { font-weight: bold;}
dd { margin-bottom: 0.66em;}
code, pre {
font-family: andale, courier, sans-serif;
font-size: 110%;
color: #446;
}
.icons {
border: 0;
vertical-align: text-bottom;
}
.important img { 
float: left;
padding: 4px 0;
margin: 0 8px;
border: 0;
}
.important { 
color: #c30; 
font-weight: bold;
}
.small { font-size: 8pt; }
.farright {
float: right;
width: 2%;
}
.farright img { border: 0 ;}
.spanlink { 
text-align: right;
}
.toggle img, .spanlink img { cursor: pointer; }
.spanlink:hover, .spanlink a:hover { font-style: italic }
#container {
background-color:transparent;
line-height:130%;
margin:0 auto;
}
#content { 
background: white url("../images/glassy-ripple.jpg") no-repeat fixed 0 0;
position: absolute; 
top: 26px; 
left: 164px; 
right: 25px;
padding: 10px; 
border: solid #963;
color: black;
font-size: 13px;
max-width: 770px;
}
#content ul {
padding: 0;
margin: 2em;
}
#content li { 
list-style: circle inside ;
list-style-image: url(../images/bullet-gray.gif);
}
#content>p, #content>div { margin: 0 1em 1em;}
#content>h1 {
background: #cbcbcb url("../images/glassy-gray.jpg") no-repeat fixed 0 0;
padding: 0.5em 1em 0.25em 0;
margin: -10px -10px 0.5em;
border-bottom: 1px solid #963; 
}
#content>h2, #content>h4 {
background: #cbb196;
padding: .5em 2em; 
margin: 0 -10px 0.5em;
border: solid #963;
border-width: 1px 0px ;
color: #024;
}
#content>h3 {margin-bottom: 0.25em;}
#content a:link {color: #444;}
#content a:visited {color: #444;}
#content a:active { color:#3a72bf; }
#content a:hover, .spanlink:hover, .spanlink a:hover {color: #666;}
.topimage {
display: block;
margin: 8px;
text-align: center;
}
.topimage img { padding: 20px; }
#navbar { 
position: absolute; 
top: 52px; 
left: 2px; 
width: 160px; 
font-size: 16px;
}
#navbar p { 
font-size: 13px;
color: #ffc;
padding: 4px;
}
#navlist {
margin: 0;
padding: 4px;
}
#navlist li { list-style: none; }
#navlist a {
background: transparent url("../images/glassy-gray.jpg") no-repeat fixed 0 0;
display: block; 
padding: 5px 10px; 
margin: 0 0 2px; 
border-width: 0; 
border-right: 8px solid black;
text-align: center; 
font-weight: bold ;
font-size: 1em;
text-decoration: none; 
color: #ffc;
}
#navlist a:hover { 
background: transparent url("../images/glassy-tan.jpg") no-repeat fixed 0 0;
border-right: 8px solid #f00;
color: #411;
}
#navlist a#active { border-right: 8px solid #963;}
#navlist p { 
margin: 0 1em 1em;
font-size: .6em;
color: #fff; 
}
#footer { 
margin-top: 36px;
font-size: .75em;
text-decoration: none; 
}
#footer ins, #footer a, #content a { text-decoration: none; }
#footer div {
display:inline;
font-weight: bold;
}
#styleswitch {
padding: 8px;
margin: 4px;
}
#styleswitch option, #styleswitch select {
color: #411;
background: #ddd;
}
#styleswitch fieldset {
padding: 4px;
font-size: .9em;
text-align: center; 
font-weight: bold ;
background: transparent;
}
#styleswitch legend {
color: #024;
width: 100px;
background: #cbb196;
border: 1px solid #ffc;
}
div>#errorimage {
background-position: 255px 12px;
}
div>#errortxt {
left: 365px;
}