/*  ========================================================
Filename: [hexagon]main.css
Description/Notes: widths must be set for body, #outer, #middle, #cont, #header, #footer
Update History:
23/05/08 DSK - Redesign
22/08/06 DSK - Released
============================================================ */
body{font-family:Verdana,Helvetica,Sans-Serif;background:#b6a07a;color:#000;width:768px;margin:0 auto;}

a {color:#bbce52;text-decoration:none;font-weight:bold;}
h1 {font-weight:bold;font-size:10pt;text-align:left;}
#outer{width:768px;margin:0 auto;}
/* ==================== Navigation ======================= */

.menu {width:768px;height:32px;font-size:0.85em;position:relative; z-index:100;background:#1e1e26;}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:151px;}
.menu li {float:left;width:150px;position:relative;}

.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none;color:#fff;width:151px;height:30px;border:1px solid #717971;
    background:#1e1e26;padding-left:10px;line-height:29px;}
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:151px;border-top:1px solid #000;}
/* IE hack */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

.menu ul ul a, .menu ul ul a:visited {background:#454a45;color:#c9d2c9;height:auto;line-height:1em;padding:5px 10px;width:170px;border:none;}
.menu a:hover, .menu ul ul a:hover{color:#bbce52;background:#454a45;}
.menu ul ul :hover > a {color:#fff;background:#9aa658;}

.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }

/* ==================== Content area ===================== */
#middle {width:100%;margin:0 auto;}
#cont {width:748px;font-size:11px;background:#fff;line-height:150%;padding:10px;text-align:justify;float:right;margin:0 auto;}
#cont img{padding:9px}
#cont #dyk{font-style:italic;font-size:94%;border:solid 1px;margin:0 6px;width:360px;display:block;padding:2px 6px;}
#arthd {font-size:100%;font-weight:bold;text-align:left;line-height:110%;}

/* ===================== Mail Form  ====================== */
#mailform {width:640px;margin:auto;}
#mailform fieldset{background-color:#9aa658;}
#mailform legend {font-weight:bolder;font-size:14px;padding:8px;background:#454a45;color:#fff;}
#mailform label,#mailform input {display:block;width:380px;float:left;margin-bottom:10px;}
#mailform textarea{width:380px;}
#mailform label {text-align:right;width:8em;padding-right:20px;}
#mailform button{background:#454a45;color:#fff;font-weight:bold;cursor:pointer;padding:3px 16px;}

/* ======================= Header ======================== */
#header {width:768px;margin:0 auto;height:140px;border:none;margin:0 auto;background:url("../img/topbar-logo.jpg") no-repeat top right;}
#header #callus{font-family:Verdana,Arial,sans-serif;font-size:9pt;color:#fff;width:25em;position:relative;left:580px;top:2px;}

/* ======================= Footer ======================== */
#footer{clear:both;width:768px;height:44px;padding:8px 0;text-align:center;background:#1e1e26;color:#c7c7da;font:bold 11px Verdana;}
#footer a{color:#bbce52;}