@charset "utf-8";
/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
margin:0;
padding:0;
}

#wrapper{
margin:20px auto;
width: 850px;
}

#bannertop{
height:10px;
background-image:url(../images/bannertop.gif);
background-repeat:no-repeat;
}

#banner{
height:180px;
background-image:url(../images/hwabanner.gif);
background-repeat:no-repeat;
border-left: 1px solid #fcc32c;
border-right: 1px solid #fcc32c;
}

#topmenu{
height:20px;
background-image:url(../images/menu_bg.gif);
margin:0;
padding:0;
border-left: 1px solid #fcc32c;
border-right: 1px solid #fcc32c;
}

#topmenu ul{
padding-top: 2px;
margin: 0;
display:block;
text-align:center;
padding-bottom:0;
margin-bottom:0;
}

#topmenu ul li{
display:inline;
margin:0;
}

#topmenu ul li a{
color:#333333;
text-decoration:none;
font-size:95%;
font-weight:bold;
padding: 0px 10px 0px 10px;
width: 9em;
}

#topmenu ul li a:hover{
background-color:#b4e0e1;
color: #000000;
}

#content{
width: 848px;
background-color:#FFFFFF;
margin: 0;
padding: 0;
border-left: 1px solid #fcc32c;
border-right: 1px solid #fcc32c;
}

#content h1{
font-size:150%;
margin-left:160px;
margin-top:0;
padding-top:10px;
}

#content h2{
font-size:115%;
margin-left:10px;
}

#content p{
margin-left:160px;
margin-right:10px;
margin-top:0;
margin-bottom:0;
padding-bottom:10px;
font-size:130%;
}

#content ol{
margin-left:160px;
font-size: 130%;
}

#content ul{
margin-left:160px;
font-size:130%;
}

#quicklinks{
float:left;
width: 140px;
height: 200px;
margin-top:10px;
margin-left: 10px;
}

#quicklinkstop{
height:20px;
width: 140px;
margin-bottom:0;
background-image: url(../images/quicklinkstop.gif);
background-repeat:no-repeat;
}

#quicklinkstop h1{
margin:0;
font-size:95%;
text-align:center;
text-decoration:underline;
color:#333333;
padding-top: 2px;
}

#quicklinkscontent{
background-image:url(../images/quicklinkscontent.gif);
background-repeat:repeat-y;
margin:0;
}

#quicklinkscontent p{
margin:0;
}

#quicklinkscontent ul{
margin:0;
padding-top: 10px;
padding-bottom:15px;
padding-left:10px;
display:block;
}

#quicklinkscontent ul li{
margin-left:0;
list-style:none;
padding-bottom: 4px;
}

#quicklinkscontent ul li a{
color:#333333;
text-decoration:none;
}

#quicklinkscontent ul li a:hover{
color:#333333;
text-decoration:underline;
font-weight:bold;
}

#quicklinksbottom{
height:20px;
width: 140px;
margin-bottom:0;
background-image: url(../images/quicklinksbottom.gif);
background-repeat:no-repeat;
}

#footertop{
background-color:#fcc32c;
height: 5px;
margin:0;
padding:0;
}

#footer{
background-color:#68b8b9;
height: 50px;
width: 670px;
float:left;
}

#footer p{
padding-top: 5px;
padding-left: 10px;
margin:0;
font-size: 95%;
}

#footerright{
float:right;
width: 180px;
height:50px;
background-color:#68b8b9;
}

#footerright a{
text-decoration:none;
}

.footerimg {
border:none;
padding-top:10px;
}

#footercurve{
height: 20px;
background-image:url(../images/footercurve.gif);
}

#footercurve p{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
padding-top: 2px;
padding-right: 10px;
text-align:right;
}

#footercurve p a{
color:#000000;
font-weight:bold;
text-decoration:underline;
}

p a{
color:#666666;
}

.img {
border: 0px solid #000000;
}

#clearit{
clear:both;
}

.imgleft{
float:left;
border: 1px solid #000000;
margin-left:10px;
margin-right: 10px;
}

.imgright{
float:right;
border: 1px solid #000000;
margin-left: 10px;
}