body { font-family:Arial; font-size:12px; background: #111111 url('../Images/bg_tlo.gif') repeat; height:100%;}
#main {width:1000px; margin:auto; background:#333; padding:10px; display:table;}
#left {width:180px; float:left;}
#logo {position: absolute; left:10px; top:10px; width:150px; height:150px; text-align:center; margin-bottom:10px;}
#down div {width:150px; float:left; margin-left:12px; font-size:10px;}
#down img {border:solid 2px #fff;}

#content {background:#333; width:840px; margin:0 auto; border:solid 1px black;}
#navigation {color:#ccc; padding: 2px; margin: 3px 20px; font-size:12px; font-weight:bolder; text-align:right;} 
#txt {color:#ccc;  padding: 10px; margin: 20px; font-size:14px; border:solid 1px gray;}
#images {color:#ccc; margin: 20px auto; text-align:center; font-family:Arial; font-size:10px; height:100px; width:800px;}
#images div {width:150px; float:left; margin-left:10px; font-size:10px;}
#images img {border:solid 1px #ccc;}
#images img:hover {border:solid 1px #cfc;}
#footer, #footer a {color:#0f0;  padding: 8px; margin: 20px auto; text-align:center; font-family:Arial; font-size:12px; margin-top:15px; background:#000; text-decoration:none;}
#footer a:hover {text-decoration: underline;}

.logo {margin:auto;}
.logo img {display:block; margin:5px auto; border: solid 1px black;}
.logo td {width:160px; height:100px; border:solid 1px #fff; background:#aaa}

.table4 {width:100%;}
.td30 {width:30%;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_horizontal.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menucontainer {width:820px; height:380px; background:#333) no-repeat center; margin:0px auto; padding:5px 20px; font-weight:bold;}
.menu {font-family: arial, sans-serif; width:131px; height:217px; position:relative; margin:20px; font-size:11px; position:absolute; z-index:1000; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:120px; height:30px; border:1px solid #dee; border-width:1px 1px 0 0; background:transparent url(../Images/opaque.png);  filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; line-height:29px; font-size:11px; padding-left:10px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#787;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:131px; width:565px; background:transparent;}
.menu ul li:hover ul li {float:left;}
.menu ul li:hover ul li a {display:block; background:transparent url(../Images/opaque.png);  filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; color:#000; width:130px; float:left;}
.menu ul li:hover ul li a:hover {background:#bdb; color:#000;}