body { 
font-family: Arial, sans-serif; 
line-height: 1.25;
font-size: 97%;
background: #556799 url(images/bg.png) repeat-x;
margin: 0;
padding: 0;
color: #333333;
}

a { color: #556799; text-decoration: none;}
a:hover { text-decoration: underline; }

#wrap { 
width: 900px;
margin: 0px auto;
}

#header {
background: url(images/header.png) no-repeat;
height: 130px;
}

#header h1 {
font-family: Arial, sans-serif;
font-size: 36px;
margin: 0;
padding: 20px 0 0 32px;
font-weight: bold;
letter-spacing: 5px;
color: #556799;
line-height: 36px;
}

#header h1 a {
text-decoration: none;
border-bottom: 1px solid #556799;
color: #556799; }

#header h1 a:hover { color: #95A7D9; }

#header h2 {
padding: 10px 0 0 32px;
margin: 0;
color: #666666;
font-size: 120%;
letter-spacing: 1px;
line-height: 1.25
}

#menu {
background: url(images/menu.png) no-repeat;
height: 32px;
font-size: 110%;
letter-spacing: 1px;
line-height: 30px;
}

#menu ul { list-style-type: none; margin: 0; padding-left: 12px; }
#menu ul li { display: block; float: left; }
#menu ul li a {
display: block;
padding: 0 20px 0 20px;
text-decoration: none;
color: #ffffff;
font-weight: 100;
}
#menu ul li a:hover {
color: #ffffff;
background: url(images/menuover.png) repeat-x;
}

#top { 
padding: 10px 0;
}

#contentwrap {
background: url(images/content.png) repeat-y;
padding: 0 30px 0 20px;
}

#content {
line-height: 1.35;
float: right;
width: 600px;
margin: 17px 20px;
}

#content h2 {
margin: 0;
color: #556799;
line-height: 30px;
font-weight: 100;
}

#sidebar ul {
list-style-type: square;
padding: 5px 0 10px 26px;
margin: 0;
color: #556799;
}

#content p { padding: 0; color: #333333; }
#content ul { list-style-type: square; padding: 0px 20px 0px 16px; }
#content ul li { padding: 0 0 10px 0; }
#content ol { padding: 0px 20px 5px 25px; }
#content ol li { padding: 0 0 5px 0; }

#sidebar {
float: left;
margin: 15px 0;
width: 200px;
}

#sidebar h3 {
height: 30px;
line-height: 30px;
font-weight: 100;
margin: 0; padding: 0 0 0 10px; 
color: #333333;
}

#sidebar p { padding: 0 10px 10px 10px; color: #232323; }

#sidebar ul {
list-style-type: square;
padding: 5px 0 10px 26px;
margin: 0;
color: #666666;
}
#sidebar ul li {
padding: 3px;
margin: 0;
}
#sidebar ul li a {  }
#sidebar ul li a:hover { font-weight: bold; text-decoration: none}

#footer { 
text-align: center;
color: #ffffff;
background: url(images/menu.png) no-repeat;
margin: 10px 0 0 0;
height: 30px;
line-height: 30px;
}
#footer p { padding: 0; margin: 0; }
#footer a { color: #ffffff; }
#footer a:hover { text-decoration: underline; }
