body {
background-color: #C0C0C0;
}
#clear {
clear: both;
display-inline:block;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
img {
align: center;
}
.button {
text-decoration: none;
}
a:link {
color: #33FF66;
font-size: 14px;
font-weight: 900;
}
a:visited {
color: white;
}
a:hover {
color: #1B22F1;
cursor: pointer;
font-size: 15px;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
} 
h5 {
font-size: 16px;
}
h6 {
font-size: 12px;
}

.column-a {
overflow: hidden;
margin: 0px 0px 0px 10px;
width: auto;
height: auto;
}  
.column-b {
overflow: hidden;
float: right;
width: auto;
height: auto; 
}
.column-1 {
overflow: hidden;
float: left;
width: 26%;
height: auto;
} 
.column-2 {
overflow: hidden;
float: right;
width: 69%;
height: auto;    
}
.article {
text-align: center;
font-size: 12px;
}
.article h1 {
text-align: center;
font-size: 20px;
color: gold;
}
.article h2 {
text-align: center;
color: white;
}
.article h3 {
text-align: center;
font-size: 18px;
color: #424242;
}
.article p {
text-indent: 14px;
font-size: 16px;
}
.art1 {
text-align: center;
color: black;
border: 5px solid black;
border-radius: 15px;
background-color: grey;
}
.art1 p {
font-size: 16px;
}
.answer {
width: 400px;
text-align: center;
background-color: black;
border-radius: 15px;
}
.answer h3 {
font-size: 20px;
color: white;
}
.answer p {
margin: 5px;
font-size: 20px;
color: white;
}
.blackboard {
width: auto;
border-radius: 15px;
border: 10px solid grey;
background-color: black;
}
.blackboard h1 {
text-align: center;
font-style: italic;
font-size: 20px;
color: white;
}
.blackboard h2 {
margin: 2px solid white;
text-decoration: underline;
font-size: 25px;
text-align: center;
color: white;
}
.blackboard p {
text-align: center;
font-style: italic;
font-size: 27px;
color: white;
}
.class {
width: 270px;
list-style: none;
padding: 2px 50px 2px 30px;
margin: 20px 15px;
background-color: #336666;
font: 14px Verdana, Arial, Helvetica, sans-serif;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 6px 7px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:         4px 4px 6px 7px #424242;
}
.class h3 {
text-align: center;
}
.class li {
width: 280px;
text-align: center;
display: block;
padding: 0px 0px;
margin: 4px;
border: 2px solid black;
font-weight: 900;
color: #299D74;
background-color: #336666;
border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 6px 7px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:         4px 4px 6px 7px #424242;
}
.class1 {
overflow:hidden;
float: left;
height: auto;
width: auto;
border: 5px solid white;
margin: 30px 10px 10px 100px;
padding: 2px 5px 10px 5px;
background-color: #336666;
font: 14px Verdana, Arial, Helvetica, sans-serif;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 6px 7px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:         4px 4px 6px 7px #424242;
}
.class1 h2 {
text-align: center;
}
.class1 h3 {
text-align: center;
color: white;
}
.class1 h4 {
text-align: center;
color: white;
}
.class1 p {
font-size: 14px;
text-align: center;
color: white;
}
.class1 li {
width: 255px;
text-align: center;
display:block;
margin: 4px 20px;
border: 2px solid black;
background-color: #336666;
font-size: 16px;
font-weight: 900;
border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 6px 7px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:         4px 4px 6px 7px #424242;
}
.comment {
border-radius: 15px;
}
.contact {
list-style: none;
width: 55%;
height: auto;
margin: 0px 0px 0px 350px;
border: 3px solid black;
padding: 0px;
background: #336666;
font-weight: 900;
font: 14px Verdana, Arial, Helvetica, sans-serif;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 5px 5px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:        4px 4px 6px 7px #424242;
}  
.contact p {
padding: 0px;
margin: 0px;
border: 3px solid black;
text-align: center;
font-size: 16px;
}
.contact li a:link {
padding: 0px 5px;
}
.description {
width: 480px;
margin: 0px;
padding: 0px 20px 0px 20px;
border-left: 3px;
border-right: 3px;
border: 5px solid black;
background-color: white;
}
.description p{
text-align: center;
}
.description h3 {
text-align: center;
margin: 10px;
}
.description h4 {
margin: 5px;
text-indent: 140px;
font-size: 18px;
font-weight: 900;
}
.div id{
text-align: center;
}
.error {
margin: 0px 0px 0px 5px;
text-align: center;
font-size: 16px;
color: red;
}
.foot {
text-align: center;
border-radius: 15px;
border-color: 5px solid white;
background-color: #660000;
}
.foot p {
color: white;
}
.foot li {
display: inline-block;
background-color: #660000;
font-size: 20px;
font-weight: 900;
}
.foot li a {
padding: 5px 30px;
}
.form {
width:auto;
text-align: center; 
margin: 10px 0px 10px 0px;
border: 3px solid black;
background-color: #336666;
padding: 3px; 
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 5px 5px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:        4px 4px 6px 7px #424242;
}
.form p {
padding: 4px;
border: 2px solid black;
text-align: center;
font-size: 20px;
font-weight: 900;
color:  white;
}
.form h2 {
font-size: 20px;
color: #fcfc04;
}
.form h3 {
text-align: center;
color: blue;
}
.form a {
text-align: center;
font-size: 20px;
color: white;
}
.form h8 {
color: yellow;
}
.form1{
width:auto;
text-align: center; 
margin: 10px 0px 10px 0px;
border: 3px solid red;
background-color: black;
padding: 3px; 
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 5px 5px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:        4px 4px 6px 7px #424242;
}
.form1 p {
padding: 4px;
border: 2px solid black;
text-align: center;
font-size: 18px;
font-weight: 900;
color: white;
}

.form1 h3 {
text-align: center;
color: blue;
}
.goback {
font-size: 18px;
text-align: center;
border-radius: 15px;
background-color: #660000;
} 
.header1 {
text-align: center;
font-size: 48px;
border-radius: 10px;
background-image: url('icon/panel.jpg');
}
.header1 h1{
height: 40px;
text-align: center;
font-size: 28px;
color: white;
}
.header2 {
border: 10px solid black;
border-radius: 15px;
background-image: url('icon/panel.jpg');
}
.header2 p {
text-align: center;
font-size: 20px;
color: white;
}
.header2 h1 {
text-align: center;
font-size: 40px;
color: white;
}
.title h2 {
text-align: center;
font-size: 26px;
color: #fcfc04;
text-decoration: underline;
}
.header2  h3 {
text-align: center;
font-size: 20px;
color: white;
}
.header2 img{
height: auto;
width: 100%;
text-align: center;
}
.header2 a {
font-size: 20px;
color: white;
}
.headtbl {
text-align: center;
margin: 5px 10px solid gold;
border-radius: 15px;
background-color: #660000;
}
.headtbl li {
display: inline-block;
padding: 12px 30px;
font-weight: 900;
font-size: 20px;
}
.headtbl p {
display: inline-block;
padding: 12px 30px;
font-weight: 900;
font-size: 20px;
}
.headtbl1 {
text-align: center;
border-bottom: 5px solid black;
background-color: white;
}
.headtbl1 li {
display: inline-block;
list-style: none;
padding: 2px 25px;
margin-left: 0px;
font-weight: 900;
font-size: 20px;
}
.headtbl1 a:link {
color: black;
text-decoration: none;
font-size: 14px;
font-weight: 900;
}
.image li {
list-style: none;
font-size: 18px;
padding: 0px;
margin: 0px 0px 0px 120px;
text-align: center;
}
.link {
width: auto;
height: auto;
text-align: center;
border: 5px solid white;
padding: 20px;
background: #006666;
font-size: 18px;
color: white;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 6px 7px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:        4px 4px 6px 7px #424242;
}
.link p {
display: inline-block;
padding: 0px 10px;
margin: 5px;
border: 3px solid black;
background-color: #006666;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 6px 7px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:        4px 4px 6px 7px #424242;
}
.link h3 {
font-size: 20px;
}
.linked {
width: auto;
height: auto;
text-align: center;
color: white;
padding: 10px;
background: #006666;
border: 10px solid black;
font: 14px Verdana, Arial, Helvetica, sans-serif;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 6px 7px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:        4px 4px 6px 7px #424242;
}
.linked p {
display: inline-block;
padding: 0px 10px;
margin: 5px;
border: 3px solid black;
background-color: black;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 6px 7px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:        4px 4px 6px 7px #424242;
}
.linked a {
font-size: 20px;
}
.login {
width: 525px;
list-style: none;
text-align: center;
margin: 30px 0px 0px 225px;
margin-right: 2%;
border: 3px solid black;
background: #336666;
padding: 3px; 
font: 14px Verdana, Arial, Helvetica, sans-serif;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 5px 5px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:        4px 4px 6px 7px #424242;
}
.mission {
padding: 0px 15px;
text-indent: 20px;
font-size: 18px;
}
.mission h2 {
text-align: center;
}
.return p {
text-align: center;
}
.paypal {
text-decoration: underline;
width: auto;
text-align: center;
padding: 10px 0px 0px 0px;
margin: 10px 0px 0px 0px;
border: 15px solid #660000;
background-color:#424242;
}
.paypal script {
text-align: center;
}
.paypal p {
text-align: center;
font-size: 22px;
font-weight: 900;
color: white;
}
.paypal a {
text-decoration: none;
text-align: center;
font-size: 22px;
font-weight: 900;
}
.paypal h3 {
text-align: center;
font-size: 22px;
font-weight: 900;
color: red;
}
.problem {
text-align: center;
width: 1000px;
margin: 0px 0px 0px 25px;
padding: 2px;
}
.problem li{
margin: 0px 30px 0px 175px;
padding: 0px 0px 0px 10px;
border: 3px solid black;
background: #336666;
display: inline-block;
font-size: 18px;
font-weight: 900;
color: white;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 5px 5px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:        4px 4px 6px 7px #424242;
}
.profile {
background-color: #000;
border: 8px solid #424242;
border-radius: 15px;
}
.profile img{
height: auto;
width: auto;
text-align: center;
margin:  5px 0px 0px 100px;
}
.samplelog {
float: right;
width: 425px;
height: 425px;
text-align: center;
margin: 0px 10px 20px 20px;
background: black;
border: 15px solid #299D74;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    7px px 6px 4px #424242;
-webkit-box-shadow: 7px 7px 6px 4px #424242;
box-shadow:        7px 7px 6px 4px #424242;
}
.samplelog h1{
margin: 5px;
font-weight: 900;
color: white;
}
.samplelog h2 {
text-indent: 7px;
color: #299D74;
}
.samplelog p {
font-size: 18px;
color: white;
}
.setting { 
width: 450px;
list-style: none;
margin: 20px 0px 0px 540px;
border: 3px solid black;
padding: 5px;
background: #336666;
font: 14px Verdana, Arial, Helvetica, sans-serif;
-webkit-border-radius: 15px 15px 15px 15px;
Linux browsers / border-radius:15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow:    4px 4px 5px 5px #424242;
-webkit-box-shadow: 4px 4px 6px 7px #424242;
box-shadow:        4px 4px 6px 7px #424242;
}  
.setting p {
border: 3px solid black;
margin: 10px;
font-weight: 900;
text-align: center;
}
.setting h3 {
text-align: left;
font-size: 14px;
text-indent: 75px;
}
.term {
padding: 0px 15px;
text-indent: 20px;
font-size: 18px;
}
.term h2 {
text-align: center;
}
.term h3 {
text-align: center;
}
.title {
text-align: center;
}
.title img {
width: 10px;
height: 8px;
}
.title p {
font-size: 22px;
color: white;
}
.title h1 {
font-size: 30px;
}
.title h2 {
font-size: 26px;
color: #fcfc04;
text-decoration: underline;
}
.title h3 {
text-align: center;
font-size: 24px;
color: #fcfc04;
text-decoration: underline;
}
.title h5 {
font-size: 24px;
color: white;
}
.titlehdr {
font-weight: 900;
}
.titlehdr p {
text-align: center;
}
.tutorials {
width: auto;
font-size: 16px;
border-radius: 15px;
border: 10px solid #424242;
background-color: #7E2217;
}
.tutorials img {
margin: 14px 14px 0px 14px;
height: 150px;
width: 150px;
}
.tutorials p {
text-decoration: underline;
text-align: center;
border: 3px solid black;
font-size: 20px;
color: white;
}
.tutorials p a {
text-align: center;
display: block;
padding: 4px;
}
.tutorials h3{	
height: 20px;
text-decoration: underline;
text-align: center;
border: 3px solid black;
color: white;
}
.welcome li {
list-style: none;
text-align: center;
font-size: 18px;
}
.welcome h3 {
text-align: center;
border: 3px solid black;
}
#comment{
width: 100%;
background-color: #4A9586;
float: left;
text-align: center;
}	
#HCB_comment_box #hcb_form_content,
#HCB_comment_box #hcb_form_email, 
#HCB_comment_box #hcb_form_name, 
#HCB_comment_box #hcb_form_website {
background-color: #ffd;
}