html, body {background-color:#2A2A2A; margin:0; padding:0; font-family:Tahoma;}
/* Holds the page items in place */
#main {width:800px; height:600px; position:relative; margin:10px auto 10px auto; padding:0; background: #e60000;}
/* Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {width:610px; height:80px; position:absolute; top:0px; Left:0px;
padding:10px 10px 10px 10px;}
#header strong {font-size:30px; color:#FFFFFF;}
#language {width:160px; height:22px; position:absolute; left:630px; top:0px;
padding:5px; text-align:center; font-size:12px; }
#language a {color:#FFFFFF; text-decoration:none; font-weight:bold;}
#language a:hover {color:#FFFF00; text-decoration:none; font-weight:bold;}
#language img {border:0px;}
/* Search Box in header */
#search_box {width:160px; height:25px; position:absolute; left:630px; top:32px;
padding:5px; text-align:right;}
#search_box .searchstring
{width:100px; border: 1px solid #333;}
#search_box input {margin:0px 5px 0px 0px;}
/* Print PDF und Mail Links*/
#printmail {width:160px; height:20px; position:absolute; left:630px; top:67px;
padding:5px; text-align:right; font-size:12px;}
#printmail a, #printmail a:link, #printmail a:visited
{color:#FFFFFF; text-decoration:none; font-weight:bold;}
#printmail a:hover, #printmail a:focus, #printmail a:active
{color:#FFFF00; text-decoration:none; font-weight:bold;}
#printmail img {border:0px;}
/* Breadcrumbs under Menurow*/
#breadcrumbs {width:720px; height:15px; position:absolute; left:0px; top:130px; clear:both;
padding:5px; font-size:11px; font-weight:bold; font-family:Tahoma; color:#FFFFFF;}
#breadcrumbs span {background:transparent url(img/link.gif) no-repeat; padding:6px 2px 0px 12px; font-weight:bold;
font-size: 11px; font-family:Tahoma; border:0px;}
#breadcrumbs a {border-bottom:1px dotted #FFFFFF; color:#FFFFFF; text-decoration:none; font-weight:bold;}
#breadcrumbs a:hover {border-bottom:1px solid #FFFF00; color:#FFFF00;}
/* frontedit under Menurow*/
#frontedit {width:70px; height:15px; position:absolute; top:130px; left:720px; padding:4px;
clear:both; font-size: 10px; font-family:Tahoma;}
#frontedit a {border-bottom: 1px dotted #FFFFFF; color: #FFFFFF; text-decoration: none; font-weight: bold;}
#frontedit a:hover {border-bottom: 1px solid #FFFF00; color: #FFFF00;}
/* Content - MAIN Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* main content from the WYSIWYG goes in here */
#content {width:600px; height:402px; position:absolute; top:155px; left:5px; overflow:auto;
float:left; padding:5px 10px 5px 5px; border:1px solid #FFFFFF; font-size:14px;}
.content {color:#000000;}
.content p {color:#000000; text-align:justify ;}
.content img {border:0px;}
.content a, .content a:link, .content a:visited
{color:#000000; font-weight:normal; padding:0; margin:0;}
.content a:hover, #content a:focus, #content a:active
{color:#FFFF00; font-weight:normal; border-bottom:0;}
td a, td a:link, td a:visited
{color:#000000; font-weight:normal; padding:0; margin:0;}
td a:hover, td a:focus, td a:active
{color:#FFFF00; font-weight:normal; border-bottom:0;}
.content h1 {color:#000000; font-size:16px; font-weight:bold; text-decoration:underline; margin:5px 0 5px 0;}
.content h2 {color:#000000; font-size:15px; font-weight:bold; text-decoration:underline;}
.content h3 {color:#000000; font-size:14px; font-weight:bold; text-decoration:underline;}
.content h4 {}
/* Content - Right site ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* holds - InfoBox & Login Box */
#innerinfo {width:152px; height:245px; position:absolute; top:155px; left:627px;
padding:5px 5px 5px 5px; border: 1px solid #FFFFFF; overflow: auto;}
/* Customise the Login Box */
.login {width:152px; height:150px; position:absolute; top:417px; left:627px;
padding:0px 5px 0px 5px; border:1px solid #FFFFFF; text-align:center;}
.login h1 {color:#FFFFFF; font-size:12px; text-transform:uppercase; font-weight:bold; text-align:center;
margin:5px 0px 5px 0px; text-decoration:underline;}
.login h2 {color:#FFFFFF; font-size:11px; font-weight:bold; text-align:center; margin:5px 0px 3px 0px;}
.login h3 {color:#FFFFFF; font-size:14px; font-weight:bold; text-align:center; text-transform:uppercase; margin:8px;}
.login a, .login a:link, .login a:visited
{color:#FFFFFF; font-size:11px; font-weight:bold; text-align:center; margin:5px 0px 5px 0px;}
.login a:hover, .login a:focus, .login a:active
{color:#FFFFFF; font-size:11px; font-weight:bold; text-align:center; margin:5px 0px 5px 0px;}
.login input {font-size:10px; text-transform:uppercase; width:100px;}
.login .submit {margin:5px;}
/* Content - Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {width:765px; height:15px; position:absolute; top:574px; left:5px;
padding:2px 10px 1px 10px; border:1px solid #FFFFFF;
text-align: center; font-size: 12px; color: #FFFFFF; vertical-align:middle; }
#footer span {padding:0px 3px 0px 3px;}
#footer a, #footer a:link, #footer a:visited
{border-bottom: 0px dotted #FFFFFF; text-decoration:none; font-weight: normal; color: #FFFFFF;}
#footer a:hover, #footer a:focus, #footer a:active
{border-bottom: 0px solid #FFFF00; text-decoration:none; font-weight: normal; color:#FFFF00}
#footer_w3c1 {width:45px; height:15px; position:absolute; top:574px; left:702px;
padding:3px 0px 1px 0px;}
#footer_w3c2 {width:45px; height:15px; position:absolute; top:574px; left:747px;
padding:3px 0px 1px 0px;}
#footer_w3c1 img, #footer_w3c2 img
{border:0px; display:inline;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#### Header Menu #####
#######################
Horizontal Drop-Down Menu based off :
http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navContainer {height:28px; width:798px; position:absolute; top:100px;
display:block; clear:both; border:1px solid #FFFFFF; background-color:#000000;}
/* Prev Next in Menurow - right site */
#prevnext {float:right; margin-top:0px; margin-right:10px; font-weight:bold;}
#prevnext a {color: #fff;}
#prevnext img {border:0px;}
/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~ */
ul.menu, li.menu {list-style-type:none; margin:0px; padding:0px;}
/* Header menu */
#header_menu {position: absolute; margin-left:20px; background:#000000;}
#header_menu li {line-height:normal;}
ul#header_menu {z-index:10; clear:both;}
#nav {float:left; border: 0; padding:0; height: 28px; background: #000000; font-size:14px;}
#nav ul {list-style-type:none; margin:0; padding:0; text-transform:none; width:auto;
/* (Disappearing List-Background)
http://www.positioniseverything.net/explorer/ie-listbug.html */
position:relative; /* Fix the Stupid IE6 Bug */ }
#nav ul li
{float:left; color:#FFFF00; text-align:center; font-weight:normal;}
#nav ul li a
{display:block; background:#000000; padding:5px 10px 5px 10px; border:1px solid #FFFFFF;
color:#FFFF00; text-decoration:none; font-weight:bold;}
/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav li.menu-current a, #nav li.menu-parent a
{background: #FFFF00; color: #ec0000;}
#nav li.menu-parent a
{background: #000000; color: #ec0000;}
/* 2nd Child menu */
#nav .menu li ul
{position:absolute; width:9em; margin:0; display:none; text-transform:none;
border:1px solid #FFFFFF; font-size:13px;}
#nav .menu li ul li
{width:9em; text-align:left; font-weight:normal; margin:0; padding:0; line-height:1.0em;}
#nav .menu li ul a
{width:8.5em; padding:.6em .1em .6em .4em; background:#000000; color:#FFFF00; border-bottom:1px solid #FFFFFF;}
/* 2nd Child link hover */
#nav .menu li ul a:hover, #nav .menu li ul .menu-current a
{color:#ec0000; background:#FFFF00; border-bottom:1px solid #FFFFFF;}
/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}
/* Positioning the Pop-out Drops */
#nav li {position: relative;}
#nav ul ul ul {position:absolute; top:1px; left:100%;}
/* end menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Custom Classes (Re-useables) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Float containers fix: */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* \*/
* html #clearfix {height: 1%;}
/* */
.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */
/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */
.important {font-weight:bold;color:#f00;}
.code {font-family:Tahoma; color:#093; letter-spacing: 1px;}