* {
padding: 0;
margin: 0;
}

body {
margin:0;
padding: 0;
background: #BDC4F2;
color: #666;
font: 14px Arial, Verdana, Tahoma, sans-serif;
line-height: 19px;
}

a { color: #336699; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
img { border: none; }

#wrap {
width: 1000px;
margin: 0 auto;
background: #fff;
}

#top {
height: 10px;
background: #BDC4F2 url(top.gif) no-repeat;
}

#header {
height: 70px;
background: #fff url(header.gif) no-repeat;
}
#header h1 { padding: 15px 0 0 20px; }
#header h1 a {
color: #336699;
text-decoration: none;
font-size: 20px;
}
#header h1 a:hover {
color: #000;
}
#header h2 {
color: #666;
font-size: 17px;
padding: 0 0 0 20px;
}


#navigation {
height: 32px;
line-height: 32px;
background: #555 url(menu.gif) no-repeat;
padding-left: 20px;
}
#navigation li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
#navigation li a {
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: 600;
}
#navigation li a:hover {
color: #000;
}

#content {
background: #BDC4F2 url(content.gif) repeat-y;
}


.left {
float: left;
width: 300px;
padding: 10px 10px 20px 10px;
}
.left li {
list-style-type: none;
}
.left li a {
display: block;
padding: 3px 3px 3px 20px;
font-weight: 600;
}
.left li a:hover {
background: #fefefe;
text-decoration: none;
}

.center {
float: left;
width: 400px;
padding: 10px 0px;
text-align: justify;
}
.center h2 {
font-size: 17px;
color: #444;
padding: 5px 0;
}
.center h2 a { text-decoration: none; }
.center ul { padding: 20px; }
.center li { font-weight: 600; }

.right {
float: right;
width: 160px;
padding: 10px 20px 20px 20px;
}

.box {
background : #fff;
border: 1px solid #bbb;
padding: 10px;
margin: 0 10px 10px 10px;
}
.box a { font-weight: 600; }
.box1 {
background : #fff;
border: 1px solid #bbb;
padding: 10px;
margin: 10px;
}
.box1 a { font-weight: 600; }

#footer {
height: 20px;
line-height: 20px;
text-align: center;
background: #333 url(footer.gif) no-repeat;
color: #ccc;
font-size: 11px;
}
#footer a { color: #eee;}
#footer a:hover { color: #fff; }

#bottom {
height: 10px;
background: #fff url(bottom.gif) no-repeat;
}

ul {
  list-style-position: inside;
}
.outside {
  list-style-position: outside;
  list-style-type: circle;
}