body {
margin-top: 20px;
padding: 0;
background: #F8ECA9 url(images/img01.gif) repeat;
font-family: Verdana;
font-size: 12px;
color: #000000;
}

h1, h2, .ha1 {
margin: 0;
padding: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

h1, .ha1 {
letter-spacing: -1px;
font-size: 32px;
}

h2 {
font-size: 23px;
}

p, ul {
margin: 0;
text-align: justify;
}


/* Header */

#header {
width: 816px;
height: 108px;
background: url(images/img02.jpg) no-repeat left top;
margin: 0 auto;
padding: 0;
}

#logo {
float: left;
margin-left: 35px;
padding-top: 30px;
}

#logo .ha1 {
margin: 0;
padding: 0;
}

#logo .ha1 a {
color: #FFFFFF;
font-size: 38px;
}


/* Menu */

#menu {
float: right;
}

#menu ul {
margin: 0;
padding: 73px 30px 0 0;
list-style: none;
line-height: 21px;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
width: 110px;
height: 30px;
margin-left: 5px;
padding-top: 5px;
background: url(images/img07.jpg) no-repeat;
text-decoration: none;
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
color: #444444;
}

#menu a:hover {
background: url(images/img06.jpg) no-repeat;
text-decoration: underline;
}

#menu .active a {
background: url(images/img06.jpg) no-repeat;
}

/* Page */

#page {
width: 816px;
margin: 0 auto;
background: url(images/img04.jpg) repeat-y left top;
}

#page .bgtop {
background: url(images/img03.jpg) no-repeat left top;
}

/* Content */

#content {
float: right;
width: 520px;
padding: 30px 20px 0px 0px;
line-height: 21px;
}

.title {
margin-bottom: 20px;
padding-bottom: 5px;
color: #ff6b6b;
font-weight: bold;
}

.box {
text-align: center;
float: left;
width: 226px;
height: 397px;
background: url(images/box2.png);
margin: 0 10px 10px 4px;
padding: 0 10px 0 10px;
line-height: 16px;
}

.box h2 {
font-family: Verdana;
padding: 15px 0 10px 0;
color: #ff4444;
font-weight: bold;
}

.box p {
font-size: 12px;
line-height: 13px;
text-align: left;
margin: 5px 0 5px 0;
}

.box a {
font-weight: bold;
font-size: 18px;
line-height: 35px;
color: #000000;
}

.box a:hover {
text-decoration: none;
}

.box b {
font-size: 14px;
}

.box img {
border: 2px solid #ff6b6b;
}

h3 {
margin: 0;
font-size: 18px;
font-weight: bold;
color: #ffffff;
line-height: 22px;
font-style: italic;
}


/* Sidebar */

#sidebar {
float: left;
width: 200px;
padding: 0px 0px 0px 30px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 21px;
}

#sidebar li {
margin-bottom: 40px;
}

#sidebar li ul {
line-height: 21px;
}

#sidebar li li {
margin: 0;
padding: 3px 0;
}

#sidebar li li a {
margin: 0;
padding-left: 15px;
background: url(images/img08.gif) no-repeat left 50%;
color: #000000;
letter-spacing: 1px;
}

#sidebar li li a:hover {
text-decoration: none;
background: url(images/img09.gif) no-repeat left 50%;
}

#sidebar h2 {
margin: 0;
padding: 0 0 10px 15px;
font-size: 20px;
font-weight: normal;
color: #FFFFFF;
}

#sidbebar a:hover {
text-decoration: none;
}

#s {
width: 110px;
margin-right: 5px;
padding: 3px;
border: 1px solid #F0F0F0;
}


/* Footer */

#footer {
width: 816px;
height: 80px;
min-height: 65px;
background: url(images/img05.jpg) no-repeat left top;
margin: 0 auto;
padding: 15px 0 0 0;
}

#legal {
clear: both;
padding-top: 20px;
text-align: center;
font-size: 10px;
color: #333333;
line-height: 14px;
}

#legal a {
font-weight: bold;
color: #FFFFFF;
}

#legal a:hover {
text-decoration: none;
}

.clear {
clear: both;
}