html, body { background-color: #ECECEC; margin: 0; height: 100%; font-family: Arial, Times, Helvetica, sans-serif; font-size: 100%;}
h1 { color: #A12927; font-size: 18px; clear: both; margin: -10px 0px 0px 0px; padding: 0; text-align: center;}
h2 { font-size: 14px; clear: both; margin: 0px 0px 0px 0px; padding: 0; text-align: center;}
h3 { font-size: 13px; clear: both; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; text-align: center;}

p { font-size: 80%; margin: 0; padding: 5px 10px 5px 5px;}
p.latestnews { font-size: 70%; margin: 0; padding: 5px 5px 5px 30px; width: 190px; font-weight: bold;}
p#title { font-size: 75%; text-align: center; font-weight: bold;}
p.title { font-size: 75%; text-align: center; font-weight: bold;}
p#welcome { font-size: 80%; text-align: center; font-weight: bold; color: #2A709B;}
p.page { color: #555657; font-size: 75%; clear: both;}

img { border: 0;}

div#background { position: fixed; top: 0; left: 0; width: 50%; height: 400%; background-color: #879235; z-index: 1;}
div#wrapper { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; background-image: url('../images/bot.gif'); background-repeat: repeat-y; background-position: center; height: 100%;}
div#content { margin: auto; padding: 0; width: 700px;}

div.column { float: left; margin: 50px 0px 0px 0px;}

div#menu { clear: both; width: 423px; margin: 0px 0px 0px 10px;}
div#menu ul { list-style: none; margin: 0; padding: 0;}
div#menu ul li { list-style: none; list-style-image: none; float: left; margin: 0; padding: 0px 5px 0px 5px; vertical-align: bottom;}
div#menu ul li img.on { margin: -10px 0px -4px 0px;}
div#menu ul li img.off { margin: 0px 0px -4px 0px;}

div.clear { clear: both;}
div.break { background-image: url('../images/splitter.jpg'); background-repeat: repeat-x; background-position: left; width: 100%; height: 5px; clear: both; padding: 0; margin: auto;}

div.col1 { width: 45%; float: left; text-align: center;}
div.col1 img { padding: 10px 0px 0px 0px;}

div.col2 { width: 55%; float: left;}
div.col2 p#right { color: #636863; font-size: 75%; text-align: right; font-weight: bold; padding: 4px 5px 5px 0px;}

div.col3 { width: 49%; float: left; font-weight: bold; color: #000;}
div.col3 img { padding: 5px 5px 5px 8px; float: left;}
div.col3 p#title { float: left; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 3px; text-align: left;}
div.col3 p#more { float: left; padding: 10px 0px 0px 3px;}
div.col3 p#more a { color: #A12927;}

div.col4 { width: 49%; float: left; font-weight: bold; color: #879550;}
div.col4 img { padding: 5px 5px 5px 10px; float: left;}

div.vertical { width: 2%; float: left; background-image: url('../images/vsplitter.jpg'); background-repeat: repeat-y; background-position: center; height: 100px;}

div#pageleft { background-image: url('../images/page.jpg'); background-repeat: no-repeat; background-position: left; clear: both; width: 423px; height: 550px; margin: 0px 0px 0px 10px;}