html {
font-family: "Trebuchet MS", Optima, Arial;
font-size:76%;
color:#555;
background: #ffffff url(images/html.gif) repeat-y center center;
}

body {
position:relative;
width:700px;
padding:20px 25px 258px 20px;
margin:10px auto 10px auto;
background-image:url("images/body.png");
background-position:center center;
background-repeat:repeat-y;
border-bottom:1px solid #ECECEC;
border-top:1px solid #ECECEC;
}

#banner  { 
   background-color: #ffffff; 
   background-image: url("images/logo.jpg"); 
   background-repeat: no-repeat; 
   background-position: 25px 0; 
   padding: 0; 
   position: absolute; 
   left: 0; 
   width: 100%; 
   height: 228px; 
   border-top: 1px solid #ececec; 
   border-bottom: 1px solid #ececec }

#nav-toplevel {
position:relative;
right:75px;
margin-right:-25px;
}

#nav-meta {
position:absolute;
right:0;
top:1px !important;
top:0px;
}

#nav-meta ul {
display:inline;
margin:0;
padding:0;
background-color: #ffffff; }

#nav-meta ul li {
display:inline;
margin:0 !important;
margin-left:3px;
padding:1px;
background-color: #ffffff;
border:1px solid #CCC;
border-top:none;
list-style:none;
}

#nav-meta a {
padding-left:2px;
font-size:0.94em;
letter-spacing:0.04em;
color:#888;
text-decoration:none;
margin:0 !important;
margin-right:-2px;
}

#nav-meta li:hover {
border-top:1px dashed #CACACA;
}

#nav-meta a:hover {
background-color:transparent !important;
text-decoration:none !important;
text-decoration:overline;
background-color:white;
}

#nav-main {
position:absolute;
top:230px;
right:0;
height:26px;
width:auto;
font-size:1.2em;
z-index:1;
}

#nav-main ul {
margin:0;
}

#nav-main ul li {
display:inline;
background-color:#FFF;
border:1px solid #CCC;
border-top:none;
list-style:none;
margin:0 !important;
margin-left:3px;
padding-bottom:2px !important;
padding:0;
}

#nav-main a {
text-decoration:none;
color:#888;
margin:0 !important;
margin-right:-3px;
padding:0 3px 0 3px !important;
padding-bottom:2px;
}

#nav-main ul li a.current {
border-top:5px solid #FFF;
background:#FFF;
}

#nav-main li:hover {
background-color:#FFF;
border:1px solid #ECECEC;
border-top:5px solid #FFF;
color:#CCC;
}

#nav-main li a:hover {
background-color:#FFF;
color:#CCC;
}

#container  { background-color: #F0F8FF; 
             margin-top: 10px; 
			 margin-bottom: 50px; 
			 position: relative; 
			 top: 260px; 
			 height: 100% }

#content  { background: transparent; 
           padding-bottom: 25px; 
		   position: relative; 
		   width: 525px }

#content p   
{ 
   font-size: 1.08em; 
   line-height: 1.4em; 
   margin: 0 15px 0.5em 0; 
   padding-top: 3px; 
   padding-right: 11px;
   padding-left: 20px 
}

h2 {
width:487px;
padding-top:0.3em;
padding-left:12px;
font-size:1.7em;
color:#555;
background-position:bottom right;
}

h2  
{ 
   color: #666; 
   font-size: 1.5em; 
   background-position: left bottom; 
   padding: 10px 0 0 25px; 
   width: 475px }

}

h1:first-letter ,h2:first-letter {
font-size:1.7em;
text-transform:uppercase;
}

#nav-subs {
position:absolute;
top:50px;
right:0px;
width:175px;
padding-top:5px;
border-top:1px solid #ECECEC;
border-bottom:1px solid #ECECEC;
}

#nav-subs li {
list-style:none;
margin:0;
padding:3px;
padding-left:15px;
border-top:1px solid #888;
}

#nav-subs li a {
width:100%;
display:block;
padding-left:10px;
text-decoration:none;
color:#888;
background:transparent url("images/dot1.gif") left center no-repeat;
}

#nav-subs li a:hover {
text-decoration:none;
color:#CCC;
background:transparent url("images/dot2.gif") left center no-repeat;
}

#nav-section {
border-bottom:1px solid #ECECEC;

}

A:link {
color:#888;
text-decoration:underline;
}

A:active {
color:#000;
text-decoration:none;
}

A:visited {
color:#888;
text-decoration:underline;
}

A:hover {
color:#ccc;
text-decoration:none;
}