body {
margin: 0; 
padding: 0;  
background: #fff url(images/bodybg.gif) 0 0 repeat;
}

#wrapper {
height: auto;
width: 768px;
margin: 30px auto;
padding: 0px 30px;
background: #a4a4a4 url(images/two.gif) 0 0 repeat;
}

#copyright {
margin: 10px auto; font-size: 11px; color: #a4a4a4; background: transparent; width: 400px; text-align: center; line-height: 14px;}



.sep {
background: #fff ;
width: 4px;
height: 24px;
line-height: 24px;
}

h3 {margin: 10px 0;}

.main {
background: #8DC7E9;
height: 24px;
width: 174px;
text-align: center;
vertical-align: middle;
border:1px solid #8DC7E9;
}

.main a:link {
display: block;
height: 22px;
line-height: 22px;
padding-top: 6px;
width: 174px;
font:  600 13px Arial, sans-serif;
color: #fff;
background: #8DC7E9;
text-align: center;
text-decoration: none;
border:1px solid #8DC7E9;
}

.current {
color: #fff;
background: #c4c4c4 ;
height: 22px;
line-height: 22px;
padding-top: 6px;
width: 174px;
text-align: center;
vertical-align: middle;
border:1px solid #8DC7E9;
}

.main a:visited {
display: block;
height: 22px;
line-height: 22px;
padding-top: 6px;
width: 174px;
font:  600 13px Arial, sans-serif;
color: #fff;
background: #8DC7E9;
text-align: center;
text-decoration: none;
border:1px solid #8DC7E9;
}


.main a:hover {
display: block;
height: 22px;
line-height: 22px;
padding-top: 6px;
width: 174px;
font:  600 13px Arial, sans-serif;
color: #000;
background: #fff ;
text-align: center;
text-decoration: none;
border:1px solid #8DC7E9;
}

.current a:link {
display: block;
height: 24px;
line-height: 24px;
padding-top: 6px;
width: 174px;
font:  600 12px Arial, sans-serif;
color: #fff;
background: #c4c4c4 ;
text-align: center;
text-decoration: none;
border:1px solid #8DC7E9;
}

.current a:visited {
display: block;
height: 24px;
line-height: 24px;
padding-top: 6px;
width: 174px;
font:  600 12px Arial, sans-serif;
color: #fff;
background: #c4c4c4 ;
text-align: center;
text-decoration: none;
border:1px solid #8DC7E9;
}


.current a:hover {
display: block;
height: 24px;
line-height: 24px;
padding-top: 6px;
width: 174px;
font:  600 12px Arial, sans-serif;
color: #fff;
background: #c4c4c4 ;
text-align: center;
text-decoration: none;
border:1px solid #8DC7E9;
}

.flash {
padding: 5px 0 25px 0;
background: url(images/yellow-bg.gif) 0 0 repeat;
}

a.button:link {
color: #a4a4a4;
font-size: 12px;
text-decoration: none;
}

a.button:visited {
color: #a4a4a4;
font-size: 12px;
text-decoration: none;
}

a.button:hover {
color: #a4a4a4;
font-size: 12px;
text-decoration: none;
}


a.sublink:link {display: block; width: 180px; height: 22px; background: #8dc7e9; color: #fff; border: 2px solid #8dc7e9;font:  600 13px Arial, sans-serif; line-height:22px;}
a.sublink:visited {display: block; width: 180px; height: 22px; background: #8dc7e9; color: #fff; border: 2px solid #8dc7e9;font:  600 13px Arial, sans-serif; line-height:22px;}
a.sublink:hover {display: block; width: 180px; height: 22px; background: #fff; color: #000; border: 2px solid #8dc7e9; font:  600 13px Arial, sans-serif; line-height:22px;}