html, body {
margin : 0;
padding : 0;
}
body {
font : 73% Arial, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
background : #ccc;
color : #555;
}
#fixme { position: absolute; left: 0px; top: 0px; }
#fixmetoo { position: absolute; right: 0px; bottom: 0px; }
div > div#fixme { position: fixed; }
div > div#fixmetoo { position: fixed; }
pre.fixit { overflow:auto;border-left:1px dashed #000;border-right:1px dashed #000;padding-left:2px; }
div#fixme {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div#fixmetoo {
right: auto; bottom: auto;
left: expression( ( 0 - fixmetoo.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 - fixmetoo.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
/*WRAP*/
#wrap {
width : 900px;
margin-right : 0px;
margin-left: 60px;
position: relative;
padding : 0 0 0 0px;
border : 10px solid #fff;
color : #555;
background : #fff url(images1/wrap_bg.jpg) repeat-x;
}
/*BANNER*/
#masthead {
height : 60px;
padding : 0;
margin-bottom : 0;
}
/*MAIN CONTAINER*/
#container {
width : 900px;
margin-left : 0px;
margin-left : auto;
margin-top : 10px;
padding-left : 0;
line-height : 1.8em;
}
#menucontainer {
width : 900px;
height : 56px;
color : #e0e0e0;
background : #143d55;
width : 100%;
font-family : Helvetica, Arial, Verdana, sans-serif;
}
#menunav {
width : 900px;
position : relative;
margin-right: 0px;
height : 33px;
font-size : 12px;
background : #fff url(images1/menu_bg.gif) repeat-x bottom left;
padding-left :0px;
color: #333;
}
#menunav ul {
margin : 0;
padding : 0;
list-style-type : none;
width : auto;
float : right;
}
#menunav ul li {
display : block;
float : left;
padding : 0 1px;
}
#menunav ul li a {
display : block;
float:left;
color : #eaf3f8;
background:url("tableft.gif") no-repeat left top;
margin:0;
padding : 0 0 0 20px;
text-decoration:none;
height : 33px;
}
#menunav ul li a span {
padding : 12px 20px 0 0;
height : 21px;
float : left;
}
#menunav ul li a:hover {
color : #fff;
background : transparent url(images1/menu_bg-OVER.gif) repeat-x bottom left;
}
#menunav ul li a:hover span {
display : block;
width : auto;
cursor : pointer;
}
#menunav ul li a.current, #menunav ul li a.current:hover {
color : #fff;
background : #1d6893 url(images1/menu_left-ON.gif) no-repeat top left;
line-height : 275%;
}
#menunav ul li a.current span {
display : block;
padding : 0 20px 0 0;
width : auto;
background : #1d6893 url(images1/menu_right-ON.gif) no-repeat top right;
height : 33px;
}
/*TOP NAVIGATION*/
#content {
padding : 0 1em 0 1em;
margin : 0 0px 225px 250px;
border-left : 2px solid #eee;
font-size: small;
}
#header {
padding-bottom: 100px;
position: relative;
}
/*SIDEBAR*/
#sidebar {
float : left;
width : 220px;
margin-top : 0;
padding : 0 1em 0 0px;
}
/*FOOTER*/
#footer {
width : 900px;
clear : both;
height : 50px;
padding : 0;
margin-bottom : 0;
margin-top : 20px;
text-align : center;
border-top : 5px solid #4592be;
color : #fff;
background : #143d55;
font-size: small;
}
/*TYPOGRAPHY*/
h1 {
float : left;
margin : 0;
padding : 20px 0 20px 25px;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 5px;
color : #fff;
}
h2 {
float : right;
margin : 0;
padding : 5px 20px 20px 0;
font : 90% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
letter-spacing : 3px;
color : #4592be;
}
h3 {
margin : 0;
padding : 20px 0 20px 0;
border-bottom : 1px solid #aaa;
font : 150% "Trebuchet MS", Helvetica, Arial, Tahoma, sans-serif;
text-transform : uppercase;
letter-spacing : 3px;
color : #143c55;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
/*LINKS*/
a:link, a:visited {
color : #4592be;
background : inherit;
text-decoration : underline;
}
a:hover {
color : #aaa;
background : inherit;
text-decoration : none;
font-size: medium;
}
a img {
border: 0;
}
/*IMAGES*/
.left {
float : left;
border : 0 solid #656c4a;
margin : 5px 0 10px 0;
padding : 10px;
}
/*SEARCH BOX*/
legend {
margin-bottom : 30px;
color : #143c55;
}
input {
background : #eee;
} #wrap #container #sidebar p {
font-weight: bold;
}
#wrap #container #sidebar p {
color: #000;
font-size: medium;
}
#wrap #container #sidebar {
font-weight: bold;
font-size: medium;
}
#wrap #container #content div table {
color: #000;
}
#wrap #container #content table tr td li {
font-size: x-small;
}
#wrap #menucontainer #menunav {
font-size: 24px;
}
#wrap #menucontainer #menunav {
font-size: 14px;
}
#wrap #container #content div ul table tr td p {
}
#wrap #container #content div p {
font-size: medium;
}
#wrap #container #content div p {
font-size: small;
}
#wrap #container #content div ul table tr td p {
font-size: x-small;
font-weight: normal;
}
#wrap #container #sidebar p {
font-size: small;
}
#wrap #container #content p strong {
font-size: x-small;
}
#wrap #container #content div p {
font-size: small;
}
.small {
font-size: small;
}
a:link {
font-family: Verdana, Geneva, sans-serif;
}
#wrap #container #content #col_2 #howto-menu div div table tr td {
font-family: Georgia, Times New Roman, Times, serif;
}