* {
    padding: 0;
    margin: 0;
} 

body {
background: #585C68;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;
}

a { color: #255EA8; text-decoration: none; }
a:hover { color: #B91919; text-decoration: underline; }

#wrap {
width: 980px;
margin: 1px auto;
}

#top {
background: #585C68 url(images/top.gif) no-repeat;
padding: 5px 0;
}

#header {
background: #585C68 url(images/header.gif) no-repeat;
height: 40px;
line-height: 40px;
}
#header h1 {
float:left;
font-size: 16px;
font-weight: 100;
letter-spacing: -3px;
padding-left: 20px;
}
#header h1 a {
text-decoration: none;
color: #8C0221;
}
#header h1 a:hover { color: #000; }
#header h2 {
float: right;
padding-right: 20px;
color: #000;
font-size: 17px;
font-weight: 100;
letter-spacing: -1px;
}

#intro {
background: #585C68 url(images/intro3.jpg) no-repeat;
height: 60px;
padding: 0 20px;
color: #fff;
font-size: 11px;
text-align: justify;
padding-top: 4px;
}
#intro a { color: #fff; text-decoration: underline; }
#intro a:hover { text-decoration: none; }

#content {
background: #585C68 url(images/contentbg.gif) repeat-y;
padding: 10px;
}
.right {
float: right;
width: 750px;
padding: 10px 20px 10px 10px;
}
.right h2 { 
font-weight: 100;
padding: 10px 0 10px 0;
}

.left {
float:left;
width: 160px;
padding: 10px 0px 10px 10px;
}
.left h2 { font-size: 14px; color: #666; font-weight: 100; }
.left ul { padding: 5px 0 15px 15px; font-size: 11px; color: #666; list-style-type: square;}

#footer {
background: #585C68 url(images/footer.gif) no-repeat;
height: 30px;
color: #eee;
line-height: 30px;
text-align: center;
font-size: 11px
}
#footer a {
color: #eee;
text-decoration: none;
}
#footer a:hover {
color: #fff;
text-decoration: underline;
}

#bottom {
background: #585C68 url(images/bottom.gif) no-repeat;
padding: 5px 0;
}

H1	{
color: #CC0033;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 1px;
}