/***********/
/* BODY */
/***********/
* {margin: 0px auto;}
html, body {height: 100%; font-size: 85.5%; margin: 0px auto; padding: 0px; font-family: tahoma, arial, verdana, sans-serif; background: #ccccff url() repeat-x left top;}

.page-container {min-height: 95%; height: auto !important; height: 90%; width: 100%; margin: 0px auto -130px; padding: 0px; border: solid 0px rgb(183,210,220); background-color: rgb(250,200,250); background: url(../img/gradient.png) repeat-x}
a:link {
	color: #0000ee;
	font-size: 11px;
	font-family:  Verdana, Arial, Helvetica; 
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #0000ee;
	font-size: 11px;
	font-family:  Verdana, Arial, Helvetica; 
	font-weight: bold;
	text-decoration: none;
}
.rform {
	color: #0000ee;
	font-size: 10px;
	font-family:  Verdana, Arial, Helvetica; 
	font-weight: none;
	text-decoration: none;
}
/***************/
/* HEADER */
/***************/
.topbar {height: 104px; width: 100%; margin: 0; border: solid 0px rgb(255,0,255); background-color: rgb(163,73,84);}
.topbar-top {height: 22px; width: 100%; margin: 0; border-bottom: solid 1px rgb(255,255,255); background-color: rgb(20,20,20);}
.topbar-login {float: right; width: 500px; height: 22px; overflow: auto; color: #ffffff; text-align: right; padding-right: 10px; font-family:  Verdana, Arial, Helvetica; font-size: 11px;}
.topbar-middle {height: 60px; width: 100%; margin: auto; border: solid 0px rgb(255,255,255); background: rgb(163,73,84) url('../img/bg-header.gif') no-repeat right; vertical-align: middle;}
.topbar-middle-text {height: 60px; padding-left: 175px; padding-right: 175px; text-align: center; font-size: 30px; font-weight: bold; line-height: 60px; color: #dedede; text-shadow: 1px -1px 1px #000000;}
.topbar-bottom {line-height: 22px; height: 22px; width: 100%; margin: 0; border-top: solid 1px rgb(255,255,255); background-color: rgb(0,0,0); vertical-align: top; font-family: Verdana, Arial, Helvetica; font-size: 11px;}
.site-name  {clear: both; float: left; position: absolute; z-index: 2; width: 700px; top: 7px; margin: 0px; padding-left: 17px; background-color: transparent; color: rgb(255,255,255); font-weight: bold; font-size: 24px;}
.logininput {height:17px; width:120px; border:solid 1px #7F9DB9; background-color:#FFF8F0; font-weight:bold; font-size:12px; font-family:Arial; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;}
.loginsubmit{cursor:pointer; border:outset 1px #ccc; background:#999; color:#666; font-size: 10px; font-weight:bold; padding: 1px 2px; background:url(../img/formbg.gif) repeat-x left top;}

/******************/
/* MAIN PAGE */
/******************/
.main-body {overflow-y: auto; float: middle; display: box; min-height: 501px; height: auto !important; background-color: #ededed; margin: 3px auto; border: solid 2px #a34954;  width: 976px; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;}

.main-body-top {overflow-y: auto; float: middle; display: box; min-height: 201px; height: auto !important; background-color: #ffffff; margin: 3px auto; border: solid 2px #901e90;  width: 976px; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;}

.main-body-middletop {display: block; float: middle; min-height: 18px; height: auto !important; width: 650px; margin: 0px auto; border: solid 0px #a34954; background-color: rgb(255,255,255); font-size: 11px; font-family:  Verdana, Arial, Helvetica; text-align: left; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;}

.main-body-middle {overflow-y: auto; display: block; float: left; min-height: 301px; height: auto !important; width: 650px; margin: 0px auto; border: solid 1px #a34954; background-color: rgb(255,255,255); font-size: 11px; font-family:  Verdana, Arial, Helvetica; text-align: left; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;}

.main-body-middleandright {display: block; float: left; min-height: 301px; height: auto !important; width: 810px; margin: 0px auto; border: solid 1px #a34954; background-color: rgb(255,255,255); font-size: 11px; font-family:  Verdana, Arial, Helvetica; text-align: left; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;}

.main-body-left {display: block; float: left; padding: 3px; min-height: 301px; height: auto !important; width: 150px; margin: 0px auto; border: solid 0px #a34954; background-color: #ededed; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; text-align: left;}

.main-body-right {display: block; float: left; padding: 3px; min-height: 301px; height: auto !important; width: 150px; margin: 0px auto; border: solid 0px #a34954; background-color: #ededed; border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; font-size: 9px; font-family:  Verdana, Arial, Helvetica; text-align: left;}

.spacer-top {overflow-y: auto; float: left; display: box; min-height: 1px; height: 3px;  margin: 1px auto; border: solid 0px #a34954; width: 100%;}

.spacer-left {overflow-y: auto; float: left; display: box; min-height: 30px; height: auto !important;  margin: 3px auto; border: solid 0px #a34954;  width: 4px;}

.spacer-right {overflow-y: auto; float: left; display: box; min-height: 30px; height: auto !important;  margin: 3px auto; border: solid 0px #a34954;  width: 4px;}

.result {width:100%; height: 30px; border: solid 1px #a34954; background-color: rgb(255,255,255); padding: 0px; margin: 0px auto;}

/**********/
/* FOOTER */
/**********/
.push {width:100%; height: 132px; border: solid 0px rgb(255,0,255); background-color: transparent; color: rgb(255,0,255); padding: 0px; margin: 0px auto;}
.footer {height: 130px; background-color: rgb(255,0,255); padding: 20px 0; margin: 0px auto; background: #eceddd url(../img/bg-footer.jpg) repeat-x; width: 100%; color: #AAA; font-size: 11px; text-align: center; border: solid 0px rgb(255,0,255);}
.footer a {color: #AAA; text-decoration: none;}
.footer a:hover {color: #FFF;}
.footer_container {width: 930px; margin: auto; }
.footer_section_1 {width: 174px; float: left; border: 1px solid #292929; text-align: left; padding: 10px 20px 10px 20px; margin: 0 20px 0 0;}
.footer_section_1 a:visited {color: #AAA;}
.footer_section_1 a:hover {color: #FFF;}
.footer_section_2 {width: 404px; float: right; border: 1px solid #292929; font-size: 10px; text-align: left; padding: 10px 20px 10px 20px; margin: 0;}
.footer_section_1 p {text-align: left;}
.footer_section_2 p {text-align: left;}
.footer_section_2 a:visited {color: #AAA;}
.footer_section_2 a:hover {color: #FFF;}
.footer_cleaner {clear: both; height: 0; margin: 0; padding: 0;}
.footer_header {font-size: 15px; font-weight: bold;}
.footer_list {color: #333; text-align: justify; list-style: none; padding: 0 0 0 0px;}
.footer_list li {font-size: 11px; list-style: none; padding: 0px; margin: 0px 0px;}
.footer_list a {color: #333; text-decoration: none;}
.footer_list a:hover {color: #0066CC; text-decoration: underline;}
.footer_gray_list li, .footer_gray_list a {color: #999;}
.footer_gray_list a:hover {color: #FFF;}
.footer_list a.social {display: block; list-style: none; padding: 8px 0 8px 30px; background-position: 0 5px; background-repeat: no-repeat;}
.footer_list li a.facebook {background-image: url(../img/icon-facebook.png);}
.footer_list li a.twitter {background-image: url(../img/icon-twitter.png);}
.footer_list li a.email {background-image: url(../img/icon-email.png);}
.footer_footer {width: 100%; color: #AAA; font-size: 11px; margin: 10px 0 0 0; padding: 2; text-align: center;}
.footer_footer a {color: #AAA; text-decoration: none;}
.footer_footer a:hover {color: #FFF;}