h1, h2 {
color:#FDFDFD;
}
h3 {
color:#FFF;
}
h4 {
color:#FFD700;
}

legend {
font-weight:bold;
padding:3px 6px;
color:#FFD700;
}



body {
/*background-color:#F4F5FF;*/
background-color:#DDD;
margin:10px 0;
color:#FFF;
}
.container {
width:800px;
}
#centerdiv {
/*background-color:#FFF;*/
background-color:#000;
color:#FDFDFD;
}

a, a:visited {
/*color:#117;*/
/*color:#96dfff;*/
color:#FFD700;
}
a:hover {
color:#A64;
}

ul {
list-style:none;
}
ul li strong {
font-size:18px;
}
ul li ul {
list-style-type:disc;
}

.header {
background:0 0 no-repeat url(/honor/images/flag_bg.jpg) #FFF;
background-size:cover;
overflow:auto;
/*background:0 0 no-repeat url(/honor/images/hlogo-2.png);*/
position:relative;
top:0;
left:0;
margin-bottom:10px;
}
.header h1 {
font-size:30px;
margin:0;
padding:10px 0 0 0;
color:#114;
line-height:45px;
}
.header h2 {
font-size:24px;
margin:5px 0 0 0;
padding:5px 0 0 0;
color:#114;
}
.header h3 {
color:#114;
font-size:18px;
margin:0;
padding:5px 0 0 0;
}
.header #banImgR {
display:block;
/*width:230px;*/
height:127px;
float:right;
overflow:auto;
}
.header #banImgL {
display:block;
/*width:230px;*/
height:127px;
float:left;
overflow:auto;
}
.header table {
border:#999 solid;
border-width:1px 0 0 0;
width:100%;
background:rgba(255,255,255, 0.5);
/*background:rgba(100,100,100,0.3);*/
}
.header table td {
width:25%;
text-align:center;
}
.header table td a {
display:block;
font:bold 18px Arial, Helvetica, sans-serif;
/*color:#963;*/
padding:0 0 3px 0;
}
.header table td.select a {
/*background-color:#CFAF7F;*/
/*background:#EEC; /* Old browsers */
/*-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-right-radius:5px;
border-top-left-radius:5px;
background-color:rgba(255, 255, 190, .75);
-webkit-box-shadow:0 0 5px 2px rgba(255, 255, 190, .75);
-moz-box-shadow:0 0 5px 2px rgba(255, 255, 190, .75);
box-shadow:0 0 5px 2px rgba(255, 255, 190, .75);*/
color:#A64;
}


/* Home page "Scroller" */
#hotstuff {
position:relative;
float:right;
height:200px;
width:333px;
overflow:hidden;
border-radius:5px;
margin:12px;
border:none;
background-color:transparent;
}

#hotstuff div.hotpage {
position:absolute;
top:0;
right:0;
/*display:none;*/
}

#hotstuff div.hotpage img {
/*max-height:250px;*/
max-height:250px;
width:100%;
}

#buttons {
position:absolute;
bottom:10px;
right:10px;
z-index:50;
display:none;
}

#buttons strong {
display:block;
float:left;
padding:4px;
cursor:pointer;
margin:2px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
}

#buttons strong.hLight {
background:rgba(255,255,255, 0.7);
}

/* Join Form */
#join h2 {
margin:15px 0 0 0;
padding:5px 0 5px 20px;
text-align:left;
font-size:20px;
font-weight:bold;
/*background-color:#E4E4D0;*/
color:#FFD700;
background-color:#666;
border:#CCC solid;
border-top-width:medium;
border-right-width:medium;
border-bottom-width:medium;
border-left-width:medium;
border-width:1px 0;
}
#join h4 {
text-align:center;
margin-bottom:8px;
margin-top:8px;
}
#join fieldset {
border:#FFF solid;
border-width:3px 0 0 0;
margin:0 10px 10px 10px;
}
#join legend {
font-weight:bold;
padding:3px 6px;
color:#FFD700;
}
#join label {
display:block;
font-weight:bold;
margin:0 1% 1% 0;
padding:0 7px 5px 7px;
}
#join label input, #join label select {
display:block;
margin:3px 3px 3px 0;
width:100%;
font-size:18px;
}
#join label span {
display:block;
font-weight:normal;
font-size:13px;
}
#join #detDiv {
display:table;
border-spacing:10px;
border-collapse:separate;
}
#join #detDiv .row {
display:table-row;
}
#join #detDiv label {
display:table-cell;
float:none;
border:#999 solid 1px;
}
#join #detDiv input[type=checkbox] {
height:0;
}
#join label.sel {
background-color:#8FBEAB;
}
#join .qTable {
width:100%;
}
#join .qTable tr {
border-bottom:#AAA solid 1px;
}
#join .qTable label {
display:inline-block;
width:auto;
padding:3px;
}
#join .qTable label input {
display:inline;
width:auto;
margin:0 0 0 4px;
}

#join label span.e, #detDiv span.e, .qTable span.e {
font-weight:bold;
color:#900;
}
#detDiv span.e, .qTable span.e {
display:block;
}

.picHover{
position:relative;
width:100%;
}

#bottom address {
background-color:#000;
}


@media (max-width:450px) {

.header h1 {
font-size:22px;
padding:10px 0 0 0;
line-height:normal;
}
.header #banImgR, .header #banImgL {
display:none;
}
.header table td a {
font-size:16px;
}

}