/* CSS Document */

body#main {
background: #9999CC  top repeat-x;
text-align: center;
}

a {
text-decoration: none;
}

div#main_box {
width: 760px;
text-align:left;
margin:0 auto;
}

div.main_border {
border: solid 1px #333333;
padding: 2px 0px;
text-align:justify;
width: 764px;
margin: 0 auto;
}

div#top_banner {
padding: 5px 5px 0px 0px;
height: 20px;
background: url(images/top_menu.jpg) repeat-x;
font: bold 11px Verdana;
color:#003366;
text-align: left;
text-transform:uppercase;
}

div#menu_bar {
padding: 5px 4px;
background: #000000;
font: bold 13px Verdana;
color: #FFFFFF;
}

#menu_bar a {
padding: 5px 4px;
color: #FFFFFF;
}

#menu_bar a:hover {
padding: 2px 4px;
color: #003333;
background-color: #99CCCC;
}



#top_banner a {
text-decoration: none;
color:#003366;
}

#top_banner a:hover {
color: #000000;
}

div#banner {
height: 200px;
}

div#banner a{
height: 200px;
border: 0px;
text-decoration:none;
}


div#content_body {
background: #666699;
}

/* ~ Starts info for login ~ */

div.info_box {
width: 62%;
margin: 5px 2px 5px 2px;
float: left;
background-color: #FFFFFF; 
}

.info_header {
font: bold 15px Verdana;
color:#CC0000;
}

.info_body {
padding: 5px 5px;
font: normal 13px Arial;
height: 200px;
color:#000000;
}

.info_body a.register {
color: #000000;
text-decoration: none;
}

.info_body a.register:hover {
color: #000000;
text-decoration: underline;
}

div.login_box {
width: 35%;
margin: 3px 2px 5px 2px;
float: left;
border: 1px solid #000000;
background: #FFFFFF url( images/grey_bg.jpg) bottom repeat-x;
}

div.login_box .login_header {
height: 18px;
background: #FFFFFF url(images/black_header.jpg) repeat-x;
font: bold 12px Verdana;
color:#FFFFFF;
padding: 6px 5px;
}

div.login_box .login_body {
height: 16px;
background: #FFFFFF url(images/black_header.jpg) repeat-x;
font: bold 13px Verdana;
color:#FFFFFF;
padding: 4px 10px;
}

div.login_box .login_content {
font: normal 13px Verdana;
padding: 10px 10px;
}

.forgot {
color:#0066CC;
font: normal 13px Verdana;
text-decoration:none;
}

.forgot:hover {
text-decoration:underline;
}

/* ~ ENDS info for login ~ */


/* ~ Starts info for Register ~ */

div.register_box {
width: 38%;
margin: 3px 2px 5px 2px;
float: left;
border: 1px solid #000000;
background: url( images/grey_bg.jpg) bottom repeat-x;
}

div.register_box .register_header {
height: 18px;
background: #FFFFFF url(images/black_header.jpg) repeat-x;
font: bold 13px Verdana;
color:#FFFFFF;
padding: 6px 5px;
}

div.register_box .register_body {
height: 16px;
background: #FFFFFF url(images/black_header.jpg) repeat-x;
font: bold 13px Verdana;
color:#FFFFFF;
padding: 4px 10px;
}

div.register_box .register_content {
font: normal 13px Verdana;
padding: 10px 10px;
}

div.reg_info_box {
width: 60%;
margin: 5px 2px 5px 2px;
float: left;
}

.reg_info_header {
font: bold 15px Verdana;
color:#CC0000;
}

.reg_info_body {
padding: 5px 5px;
font: normal 13px Arial;
color:#000000;
}

.reg_info_body a.register {
color: #000000;
text-decoration: none;
}

.reg_info_body a.register:hover {
color: #000000;
text-decoration: underline;
}

/* ~ ENDS info for Register ~ */


/* ~ Starts info for Forgot ~ */

div.forgot_box {
width: 60%;
margin: 3px 2px 5px 2px;
float: left;
border: 1px solid #000000;
background: url( images/grey_bg.jpg) bottom repeat-x;
}

div.forgot_box .forgot_header {
height: 18px;
background: #FFFFFF url(images/black_header.jpg) repeat-x;
font: bold 13px Verdana;
color:#FFFFFF;
padding: 6px 5px;
}

div.forgot_box .forgot_body {
height: 16px;
background: #FFFFFF url(images/black_header.jpg) repeat-x;
font: bold 12px Verdana;
color:#FFFFFF;
padding: 4px 10px;
}

div.forgot_box .forgot_content {
font: normal 13px Verdana;
padding: 10px 10px;
}
/* ~ ENDS info for Forgot ~ */


/* ~ Starts info for Contact ~ */

div.contact_box {
width: 99%;
margin: 2px auto;
float: left;
border: 1px solid #000000;
background: url( images/grey_bg.jpg) bottom repeat-x;
}

div.contact_box .contact_header {
height: 16px;
background: #FFFFFF url(images/black_header.jpg) repeat-x;
font: bold 13px Verdana;
color:#FFFFFF;
padding: 6px 5px;
}

div.contact_box .contact_body {
height: 16px;
background: #FFFFFF url(images/black_header.jpg) repeat-x;
font: bold 13px Verdana;
color:#FFFFFF;
padding: 4px 10px;
}

div.contact_box .contact_content {
font: normal 13px Verdana;
padding: 10px 10px;
}

.success {
color:#009900;
font: normal 13px Verdana;
}

.error_text {
color:#CC3300;
font: bold 14px Verdana;
}
/* ~ ENDS info for CONTACT ~ */


.copyright {
font: normal 11px Verdana;
color:#333333;
float: none;
text-align:right;
}

.home_title {
font: bold 17px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align:center;
}

.home_body {
font: normal 13px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}