html{
overflow-y: scroll;
height: 100%;
}
body{
height: 100%;
background:#fff;
color:#888;
font-family: "Open Sans", sans-serif, Arial, Verdana;
padding:0;
font-size:15px;
margin:10px auto auto auto;
}
.bodyshadow{
width:960px;
padding:0px;
margin:10px auto auto auto;
-moz-box-shadow: 0 0 10px #888;
-webkit-box-shadow: 0 0 10px#888;
box-shadow: 0 0 10px #888;
position:relative;
z-index:30;
}
a{
color:#39ace5;
text-decoration:none;
}
h1{
color:#39ace5;
font-size:26px;
text-shadow: 0 0 5px #888;
font-weight:normal;
}
h2{
color:#406a80;
font-size:20px;
font-weight:normal;
margin:0 0 20px 20px;
width:auto;
}
h3{
color:#39ace5;
font-size:15px;
font-weight:normal;
padding:0px;
margin:0 0 10px 0;
}
h4{
color:#fff;
font-size:18px;
font-weight:normal;
padding:0px;
margin:0px;
}
p{
padding:10px 0 0 20px;
margin:0px;
line-height:20px;
}
p.firstrow{
padding:20px 0 0 20px;
margin:0px;
line-height:20px;
}
.blue{
color:#0095cd;
}
.red{
color:#f55;
}
.black{
color:#888;
}
.cardsignbigred{
font-size:35px;
font-weight:normal;
color:#ff3333;
text-shadow: 0 0 5px #888;
}
.cardsignbigblack{
font-size:35px;
font-weight:normal;
color:#888;
text-shadow: 0 0 5px #888;
}
 .titlebox{
background: #406a80 url("images/waves.png") left repeat;
width:358px;
height:40px;
border: 5px solid #fff;
color:#fff;
font-size:26px;
font-weight:normal;
padding:10px 0 10px 20px;
margin:0px;
-moz-box-shadow: 0 0 10px #bbb;
-webkit-box-shadow: 0 0 10px#bbb;
box-shadow: 0 0 10px #bbb;
}
.titlebox2{
background: #406a80 url("images/waves.png") left repeat;
width:850px;
height:40px;
border: 5px solid #fff;
color:#fff;
font-size:26px;
font-weight:normal;
padding:10px 0 10px 20px;
margin:0 0 20px 0;
-moz-box-shadow: 0 0 10px #bbb;
-webkit-box-shadow: 0 0 10px#bbb;
box-shadow: 0 0 10px #bbb;
}
/*-----------------------------menu-------------------*/
.menu{
width:520px;
height:40px;
float:right;
margin:0px;
padding:0px;
}
.menu ul{
height:40px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
width:130px;
float:right;
padding:0px;
}
.menu li a{
line-height:40px;
color:#fff;
display:block;
margin:0px;
padding:0px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#39ace5;
text-decoration:none;
}
.menu li a:focus {
background:fff;
}
.menu li ul{
width:140px;
display:none;
padding:0px;
margin:0px;
position:absolute;
z-index:10;
}
.menu li:hover ul{
display:block;
background:fff;
}
.menu li li {
width:180px;
display:block;
float:none;
margin:0px;
padding:0px;
}
.menu li:hover li a{
display:block;
background:#fff;
}
.menu li ul a{
background:#fff;
display:block;
height:40px;
color:#999;
-moz-box-shadow: 0 0 3px #888;
-webkit-box-shadow: 0 0 3px#888;
box-shadow: 0 0 3px #888;
font-style:normal;
margin:0px;
padding:0 0 0 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
display:block;
background: #f5f5f5;
color:#39ace5;
text-decoration:none;
}
.languagemenu{
width:160px;
float:right;
border:none;
border:0px;
margin:0px;
padding:0px;
font-size:11px;
font-weight:normal;
}
.languagemenu ul{
line-height:20px;
list-style:none;
margin:0px;
padding:0;
}
.languagemenu li{
float:right;
padding:0px;
}
.languagemenu li a{
width:80px;
color:#fff;
display:block;
font-weight:normal;
line-height:40px;
margin:0px;
padding:0px;
text-align:center;
text-decoration:none;
}
.languagemenu li a:hover, .languagemenu ul li:hover a{
color:#39ace5;
text-decoration:none;
}
.boardnumber{
width:828px;
border:none;
border:0px;
margin:0px;
padding:0px;
font-weight:normal;
margin: 0 16px 0 22px;
}
.boardnumber ul{
line-height:50px;
list-style:none;
margin:0;
padding:0;
}
.boardnumber li{
float:left;
padding:0px;
}
.boardnumber li a{
width:22px;
color:#777;
display:block;
font-weight:normal;
line-height:50px;
margin:0px;
padding:0px;
text-align:center;
text-decoration:none;
}
.boardnumber li a:hover, .boardnumber ul li:hover a{
background:#ccc;
color:#fff;
text-decoration:none;
}
/*-----------------------------Header-------------------*/
.header{
width:960px;
height:140px;
background:url("images/headerbg.png") left no-repeat;
border: 5px solid #fff;
}
.headerleft{
width:360px;
}
.headerright{
width:600px;
text-align:right;
vertical-align:top;
padding:0px;
}
.headermenu{
width:960px;
height:50px;
padding:0px;
background: #356;
padding:0px auto;
margin-left: auto;
margin-right: auto;
position:relative;
border: 5px solid #fff;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
}
/*--------------center_content-----------------*/
.center{
width:878px;
padding:40px 40px 40px 40px;
position:relative;
}
.slideshow{
float:right;
width:490px;
height:330px;
vertical-align:top;
text-align:center;
padding:5px;
display:inline;
margin:0 0 0 20px;
-moz-box-shadow: 0 0 10px #555;
-webkit-box-shadow: 0 0 10px#555;
box-shadow: 0 0 10px #555;
position:relative;
}
.slideshow ul{
margin:0px;
}
.slideshow ul li{
padding:0px;
margin:0px;
list-style:none;
position:absolute;
}
.slideshow ul li a{
text-decoration:none;
}
.slideshow ul li a img{
border:none;
}
/*--------------main_content-----------------*/
.maincontent{
width:960px;
clear:both;
padding:0 40px 0 40px;
-moz-box-shadow: 0 0 10px #ddd;
-webkit-box-shadow: 0 0 10px#ddd;
box-shadow: 0 0 10px #ddd;
}
table.main {
width:880px;
background:#fff;
-moz-box-shadow: 0 0 10px #ddd;
-webkit-box-shadow: 0 0 10px#ddd;
box-shadow: 0 0 10px #ddd;
margin:0px;
}
table.main th {
height:50px;
font-weight:normal;
background:#f5f5f5;
border-bottom: 5px solid #bbb;
text-align:center;
vertical-align:middle;
padding: 0px;
}
table.main tr:hover {
background:#f5f5f5;
}
table.main td {
height:50px;
background: none;
border-bottom: 1px solid #eee;
vertical-align:middle;
}
.maintdleft{
text-align:left;
padding:0 0 0 15px;
vertical-align:middle;
}
.maintdcenter{
text-align:center;
vertical-align:middle;
}
.maintdright{
text-align:right;
padding:0 15px 0 0;
vertical-align:middle;
}
table.tbl {
width:880px;
background:#fff;
-moz-box-shadow: 0 0 10px #ddd;
-webkit-box-shadow: 0 0 10px#ddd;
box-shadow: 0 0 10px #ddd;
margin:0px auto 0px auto;
}
table.tbl th {
height:50px;
font-weight:normal;
background:#f5f5f5;
border-bottom: 5px solid #bbb;
text-align:center;
vertical-align:middle;
padding: 0px;
}
table.tbl tr:hover {
background:#f5f5f5;
}
table.tbl td {
height:50px;
background: none;
border-bottom: 1px solid #eee;
vertical-align:middle;
}
table.board {
float:left;
width:420px;
-moz-box-shadow: 0 0 10px #ddd;
-webkit-box-shadow: 0 0 10px#ddd;
box-shadow: 0 0 10px #ddd;
margin:0 0 20px 0;
}
table.board th {
height:50px;
background:#f5f5f5;
border-bottom: 5px solid #bbb;
font-weight:normal;
text-align:center;
vertical-align:middle;
padding: 0px;
}
table.board td.noback {
width:100px;
height:100px;
vertical-align:middle;
padding: 10px;
}
table.board td.back {
width:100px;
height:100px;
vertical-align:middle;
background:#f5f5f5;
padding: 10px;
}
.boardcount {
height:30px;
text-align:center;
vertical-align:middle;
}
table.contact {
width:355px;
margin: 20px 0 0 20px;
}
table.contact td {
height:25px;
vertical-align:middle;
}
/*--------------------footer-------------*/
.footer2{
width:950px;
height:140px;
background:url("images/footerbg.png") left no-repeat;
border: 5px solid #fff;
-moz-box-shadow: 0 0 10px #bbb;
-webkit-box-shadow: 0 0 10px#bbb;
box-shadow: 0 0 10px #bbb;
}
.footerleft2{
width:590px;
text-align:left;
vertical-align:top;
padding:0px;
}
.footerright2{
width:360px;
}
.footercopyrights{
text-align:center;
color:#bbb;
padding:10px 0 40px 0;
}
/*--------------------Entire table cell change colors when the user mouses over it-------------*/
table.sponsor {
border-collapse: collapse;
}
table.sponsor td {
line-height:20px;
color: #fff;
font-size:12px;
text-align:left;
vertical-align:middle;
padding: 0px 0px 0px 40px;
}
table.sponsor td a{
display: block;
text-decoration: none;
line-height:20px;
}
table.sponsor td a:link, table.sponsor td a:visited {
color: #fff;
}
table.sponsor td a:hover, table.sponsor td a:active {
color: #39ace5;
}