/*
* Main body and table defenitions
*/
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background: #FFFFFF; text-align: left;}
/*
* Table and td defenitions
*/
table, tr, td { border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }
/*
* Main div definitions (display inline fixes IE double margin bug)
*/
div#main { width: 985px;margin: 0 auto; background: white;}
div#header { height: 163px; margin-top: 2px; margin-bottom: 18px; margin-left: 5px; align:left; background: url('../images/header.jpg') white no-repeat; }
div#left { text-align: left; width: 200px; float: left; margin: 5px; margin-right: 15px; display: inline; }
div#middle { text-align: left; width: 528px; float: left; margin: 5px; display: inline; }
div#right { text-align: left; width: 200px; float: left; margin: 5px; display: inline; }
div#footer { text-align: center; background-color: #fff; height: 150px; width: 780px; clear: both; margin: 0 auto; }
div#footer_links { margin-top: 20px; color: #FFB86E; }
div#footer_links a { color: #FFA244; text-decoration: none; }
div#footer_links a:hover { color: #7D2E06; }
/* Making the footer stick to the bottom =] */
div#main { position: relative; min-height: 100%; }
* html div#main { height: 100%; }
div#footer { position: relative; margin-top: -40px; }
div#middle { padding-bottom: 60px; }
/*
* Module, menu and block definitions
*/
div.block { margin-bottom: 20px; background-color: #FFF; }
div.menu { margin-bottom: 15px; background-color: #FFF; }
div.module { margin-bottom: 20px; }
div.header { font-size: 150%; line-height: 30px; padding: 5px; }
div.module div.header { }
div.block div.header { background: #ffffff; }
div.menu div.header { background: #ffffff; }
div.content { margin-left: 5px; padding: 5px;}
div.module div.content { text-align: left; }
div.block div.content { }
div.menu div.content { }
div.clear { clear: both; }
/*
* Wait and error screen container
*/
div#messageContainer { width: 400px; margin: 20px auto; }
hr { background-color: #ff881a; border: 0px; height: 1px; color: #ff881a; }
hr.thick { height: 2px; }
td.poll_option { padding-bottom: 5px; }
div.pollresult_container { width: 175px; border: 1px #755240 solid; background: white; line-height: 0px; font-size: 0px; height: 10px; }
div.pollresult_bar { background: #FF881A; border-right: 1px solid #755240; line-height: 0px; font-size: 0px; height: 10px;}
div.form td { padding: 5px 0px 2px 10px; }
ul.news { list-style: none; margin: 0; padding: 0; text-align: left; }
ul.news a,
ul.news a:hover,
ul.news a:active,
ul.news a:visited { display: block; padding: 2px; margin: 2px; text-decoration: none; padding-left: 19px; margin-right: 5px; font-weight: bold; background-image: url('../images/bullet.news.gif'); background-repeat: no-repeat; background-position: left center; }
ul.news a:hover { background-color: #fff; }
ul.news span.description { float: right; margin-right: 10px; display: block; font-weight: normal; }
/*
* Pure css drop down menu ;)
*/
/* Container div */
div.menu_ulstyle { width: 200px; text-align: left; }
/* Link decoration */
div.menu_ulstyle a,
div.menu_ulstyle a:hover,
div.menu_ulstyle a:active,
div.menu_ulstyle a:visited {
color: #FFF; text-decoration: none; background: url('../images/button.gif') no-repeat left top;
line-height: 37px; font-weight: bold; letter-spacing: 0px; font-size: 17px; white-space: nowrap;
}
div.menu_ulstyle a:hover { background-position: left bottom; }
/* Must have basics */
div.menu_ulstyle ul { list-style: none; margin: 0; padding: 0; text-align: left; float: left; }
div.menu_ulstyle ul li { float: left; position: relative; font-size: 11px; }
div.menu_ulstyle ul li a { padding-left: 15px; display: block; width: 185px; height: 38px; margin-bottom: 5px; }
div.menu_ulstyle ul li ul { position: absolute; top: 20px; left: -1px; }
div.menu_ulstyle ul li ul li { float: none; border: 0px; }
div.menu_ulstyle ul li ul li a { padding: 2px 10px; }
/* Give some markup to the sub menu */
div.menu_ulstyle ul li ul { }
/* The mouseover display / hide part */
div.menu_ulstyle ul li ul { display: none; }
div.menu_ulstyle ul li:hover ul { display: block; }