* {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: verdana;
}
body {
    background: #dddddd;
	margin: 0;
}
img {
    border:0;
}
a {
    color:maroon;
    text-decoration: underline;
}
a:hover {
    color: red;
    text-decoration: none;
}
#outerbox {
    width: 100%;
    height: 100%;
    min-height: 100%;
	text-align:center;
}
#copyright {
    text-align: center;
    width:100%;
    clear:both;
    font-size:11px;
    color: #666666;
    margin:10px 0 10px 0;
}
#topbox {
    background-color: #333333;
    width:100%;
    height:90px;
    border-bottom:10px solid #999999;
}
.contentbox {
    width:800px;
    margin-left: auto;
    margin-right: auto;
	text-align:left;
}
#logo {
    padding-top:25px;
    float:left;
}
#menu {
    float:right;
	position: relative;
	top:40px;
}
#menu ul.mns-tabs{
    list-style-type: none;
}
#menu ul.mns-tabs li{
    float:left;
    padding: 0 15px 0 15px;  
}
#menu ul.mns-tabs li a {
    display:block;
    text-align: center;
    background-color: #eeeeee;
    padding:10px;
    width:120px;
    border:10px solid #999999;
    border-bottom:0;
    outline: none;
    font-weight: bold;
    font-size:17px;
    color:maroon;
    text-decoration: none;
	white-space: nowrap;
}
#menu ul.mns-tabs li a:hover{
    background-color: #ffffff;
}
#menu ul.mns-tabs li a.current, 
#menu ul.mns-tabs li a.current:hover {
    border-bottom:10px solid #ffffff;
    background-color: #ffffff;
}
.section-header {
    margin-top:10px;
    background-color: #555555;
    font-weight:bold;
    color:#ffffff;
    line-height: 20px;
    padding:0;
    text-indent: 2px;
}
.section-content {
    background-color: #ffffff;
    color:#333333;
    line-height: 20px;
    padding:0;
}
div.tabcontent{
    display:none;
    background-color:#ffffff;
    color:#555555;
    clear:both;
}
div.tabcontent:after{   
    content: ".";    
    display: block;    
    height: 0;    
    clear: both;    
    visibility: hidden;   
}   
div.mns-tabs-contents {
    border:10px solid #999999;
    border-top:0;
    clear:both;
    background-color: #ffffff;
    padding:10px;
    clear:both;
}
.loginbox {
    width:250px;
    /*height:170px;*/
    background-color: #dddddd;
    float:right;
    padding:10px;
    display:block;
    position: relative;
    margin-top:20px;
    margin-bottom: 15px;
    border:1px solid #bbbbbb;
}
.loginbox .logintxt {
    position: absolute;
    border:1px solid #bbbbbb;
    border-bottom:0;
    background-color: #ffffff;
    top:-14px;
    left:20px;
    padding:5px;
    font-weight:bold;
    color:#444444;
}
.loginbox input{
    /*width:165px;*/
    border:1px solid #cccccc;
    padding:2px;
}
.loginbox .loginbtn {
    border:1px solid #bbbbbb;
    border-top:0;
    background-color: #ffffff;
    padding:5px;
    width:80px;
    text-align: center;    
    position: relative;
    top: -1px;
    left:150px;
}
.loginbox .loginbtn input {
    width:70px;
    background-color: #333333;
    border:2px solid #666666;
    color:#ffffff;
}
.loginbox .loginbtn input:hover {
    color:gold;
    cursor:pointer;
    cursor:hand;
}
.loginbox table {
    background-color:#ffffff;
    padding:5px;
    border:1px solid #bbbbbb;
    width:100%;
}
.loginbox table td {
    padding-top:5px;
}
.accountlinks {
    position: relative;
    top:-10px;
    left:0;
}
.donation {
    width: 272px;
    float:right;
}
.donation .section-header {
    margin-bottom: 10px;
}
.donation .section-content {
    text-align: center;
}
.donation .section-content select{
    width:50%;
    font-size: 17px;
    height:25px;
    display:block;
    clear:both;
    margin-bottom:10px;
    margin-left: 70px;
}
#tab-faqs-content .section-content img {
    padding:5px 2px 2px 0;
}
a.arrow-links {
    padding-left:17px;
    background: url(images/arrow.png) no-repeat 0 0;
    display:block;
    margin: 0 0 10px 0;
    color:#777777;
    font-weight:bold;
}
.accountlinks a:hover {
    color:black;
}
#home-section {
    float:left;
    width:500px;
}
/* the overlayed element */
div.overlay {
    background-image:url(images/overlay/white.png);
    width:780px;
    height:450px;        
    display:none;
    padding:55px;
}
div.overlay div.close {
    background-image:url(images/overlay/close.png);
    position:absolute;
    right:5px;
    top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}
div.overlay.black {
    background:url(images/overlay/transparent.png) no-repeat !important;
    color:#fff;
}
div.overlay.petrol {
    background:url(images/overlay/petrol.png) no-repeat !important;
    color:#fff;
}
div.black h2, div.petrol h2 {
    color:#ddd;        
}
div.error-msg {
    color:maroon;
    clear:both;
    border:1px solid pink;
    background-color: #FAE1B8;
    padding:3px;
    text-align: center;
    line-height: 22px;
    margin-bottom:3px;
}
div.succeed-msg {
    color:green;
    clear:both;
    border:1px solid #93F578;
    background-color: #C6FAB8;
    padding:3px;
    text-align: center;
    line-height: 22px;
    margin-bottom:3px;
}
#tab-account-content {
	text-align:center;
}
#tab-account-content #loginbox2 {
	text-align:left;
}
#tab-account-content h2.accpage {
    font-size:17px;
    display: block;
    clear:both;
    text-align: center;
    margin:10px;
    color:#777777;
}
#tab-account-content h2.accpage a {
    display:block;
    padding:5px;
}
#tab-account-content div.acc-submit {
    text-align: center;
    clear:both;
    margin:10px;
}
#tab-account-content div.acc-submit input {
    background-color: #333333;
    color:#eeeeee;
    padding:5px;
}
#tab-account-content table.accountable {
    width:100%;
}
#tab-account-content table.accountable th {
    padding:3px;
    width:40%;
    text-align:right;

}
#tab-account-content table.accountable td {
    padding:3px;
    width:60%;
    text-align: left;
}
#tab-account-content table.accountable input {
    width:100%;
}