* {font-size:100.01%}
html {font-size:62.5%;}

body {
margin:0;
padding:0;
text-align:center;
min-width:730px;
max-width:1280px;
background:url(bg.gif) repeat-x 0 0 #FFF;
font:1.2em/1.6em Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;
color:#1e1e1e;
}

div {
margin:0;
padding:0;
}

h2, h3, h4 {
color:#111;
clear:both;
}

h2, h3, h4, p, ul {
margin-top:0;
}

h2 {
font-size:160%;
margin:0 0 .5em;
}

h2 span {
color:#0f4e8a;
}

#fade h2 {
font-size:170%;
margin:0;
padding-top:28px;
vertical-align:bottom;
}

img {
display:block;
border:none;
text-decoration:none;
}

p.teaser {
margin:0;
padding-top:0;
padding-bottom:10px;
vertical-align:top;
letter-spacing:2px;
}

p.intro {
border-bottom:1px dotted #aaa;
padding-bottom:1em;
}

h2.intro {
font-size:130%;
padding-top:.5em;
}

h3.intro {
font-size:120%;
padding-top:.5em;
}

p.code {
border:1px dotted #404040;
padding:.5em;
font-size:90%;
}

fieldset.file {
border:1px solid #748860;
font-size:90%;
margin-bottom:10px;
}

legend {
border:1px solid #748860;
padding-left:.5em;
padding-right:.5em;
font-size:80%;
}
a {
color:#0040b6;
text-decoration:none;
}

td {
padding-right:10px;
}

#navigation {
margin:0;
height:42px;
}

#navigation ul {
margin:0;
padding:0;
list-style:none;
padding-top:8px;
padding-bottom:9px;
border-top:5px solid #0f4e8a;
background-color:#404040;
text-align:center;
}

#navigation ul li {
display:inline;
margin-left:.5%;
margin-right:.5%;
}

#navigation ul a {
font:bold 1.1em Trebuchet MS, Arial, sans-serif;
color:#fff;
text-transform:uppercase;
}

#navigation ul a {
padding:3px 7px;
-moz-border-radius:3px;
}

#navigation ul a:focus,
#navigation ul a:active,
#navigation ul a:hover {
background-color:#5a5a5a;
outline:none;
}

#navigation ul a.active {
background-color:#0f4e8a;
color:#fff;
-moz-border-radius:3px;
}

#fade {
margin:0;
border-top:1px dotted #aaa;
background:url(fade.png) repeat-x 0 100%;
padding:2px 0 0 3%;
text-align:left;
}

#fadeup {
margin:0;
margin-bottom:1px;
border-bottom:1px dotted #aaa;
background:url(fade2.png) repeat-x 0 100%;
padding:2px 0 23px;
}

#topad {
border-top:4px solid #0f4e8a;
padding-top:4px;
padding-bottom:2px;
}

#container {
margin:0;
min-width:500px;
}

#content {
float:left;
width:67%;
max-width:1000px;
margin:0 0 2% 3%;
display:inline;
padding-bottom:1em;
border-right:1px dotted #aaa;
padding-right:10px;
text-align:left;
}

#sidebar {
float:left;
width:28%;
max-width:210px;
margin:0 0 0 1%;
display:inline;
padding-bottom:1em;
text-align:left;
}

h3.sidebar {
margin:10px 0 10px;
border-bottom:1px solid #000;
}

#footer {
clear:both;
padding:25px 4% 5px 3%;
font-size:85%;
border-top:1px dotted #aaa;
background:url(fade.png) repeat-x 0 100%;
}

#linkleft {
float:left;
text-align:left;
}

#linkright {
display:inline;
float:right;
text-align:right;
}

#copyright {
float:left;
text-align:left;
margin-bottom:10px;
}

#menu {
float:right;
text-align:right;
letter-spacing:.5pt;
margin-bottom:10px;
}