﻿body {background: url('layout/bg.gif') #fc0 repeat-x; padding:0; margin:0;}

div#container {min-width:700px; min-height:177px; width:75%; margin: 0 auto; background: url(layout/header.jpg) no-repeat top right;}
div#logo {width:283px; height:114px; background: url(layout/logo.gif) no-repeat left; padding:20px 0px 0px 0px;}

div#main {width:100%; background: url('layout/mainbg.gif') #fff no-repeat; float:left; margin:43px 0px 20px 0px;}

div#menu {background: url('layout/menubg.gif') no-repeat top right; height:85px; text-align:center;}
#menu ul {text-align:center; margin:0; padding: 15px 0px 0px 0px; font: 1em tahoma, sans-serif;}
#menu li {display:inline;  margin:0; padding:15px 5px 15px 0px;}
li.border {border-right: 3px double #ccc;}
#menu li a {padding: 15px 10px; color: #030; text-decoration:none; }
#menu li a:hover {padding:15px 10px; color: #fff; text-decoration:none; background-color:#363;}

div#inside {width:95%; padding:15px;}

div#left {margin:0px 320px 0px 0px;}
#left a, #adds a {color:#f60;}
#left a:hover , #adds a:hover {color:#363;}
#left h1 {color:#fff; background-color:#363; font: normal 1.2em arial, sans-serif; padding:5px; margin:10px 0px 0px 5px;}
#left h2 {color:#363; border-top:3px double #ccc; border-bottom:3px double #ccc; font: 1.1em arial, sans-serif; padding:5px 0px; margin:20px 0px;}
#left p {font: 0.8em verdana, sans-serif; color:#333; padding:5px 0px 10px 0px; margin:10px 0px 0px 5px; line-height: 1.4em; text-align:justify;}
img.normal {float:left; padding: 0; margin:0px 10px 10px 0px;}
img.tother {float:right; padding: 0; margin:0px 10px 0px 10px;}
span.important {color: #363; font-style:italic; font-weight:bold;}
ul.tick {list-style-image: url('layout/tick.gif');}
#left ul {list-style-type:circle; font: 0.8em verdana, sans-serif; color:#333; line-height: 1.4em;}
#left li {padding:0px 5px 10px 5px; margin:5px 0px 0px 5px;}
span.soft {font-style:italic; color: #999;}
input:focus, textarea:focus {background-color:#ccc;}


div#right{width:270px; margin:0; padding:0; float:right;}
div#adds {padding:10px 5px; margin: 0; }
#adds h2 {color:#363; border-bottom:3px double #ccc; font: normal 1.2em arial, sans-serif; padding:0px 0px 3px 0px; margin:0; text-align:center;}
#adds p { padding: 5px 5px 15px 5px; font:0.8em verdana, sans-serif; color:#333; line-height: 1.4em;}
#adds img { padding: 0; margin: 0px 0px 3px 5px; border:2px solid #cccc99;}
#adds a img, #left a img {border:2px solid #cccc99;}
#adds a:hover img, #left a img:hover {border:2px solid #f60;}
#adds ul {list-style-type: disc; font:0.8em verdana, sans-serif; color:#333; padding:0px 5px 10px 25px; margin:0;}
#adds li {padding:5px 10px 5px 0px; margin:5px 0px 0px 2px; line-height: 1.4em;}
object {margin-left:3px;}
span.describe {font-size:1em; font-weight:bold; color: #363;}


div#footer {width:95%; margin: 50px auto 25px auto; padding:10px 0px 50px 0px; text-align:center; clear:both; background: url('layout/footer.gif') #363 repeat-x bottom; min-height: 55px;}
#footer p {font:0.8em verdana, sans-serif; color:#9c6; margin: 0px; padding:5px; line-height:1.4em;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer span {color: white;}

/* Table options */
#left table {width:100%; border-collapse: collapse; margin:30px 0px 20px 0px;padding:0px; border:1px solid #ccc; padding:0;}
#left tr {font-family:verdana;}
td.main {border:1px solid #ccc; text-align: center; padding:5px; background-color: #cccc99; font-size:0.9em;}
td.other {border:1px solid #ccc; text-align: center; padding:5px; width:150px; font-size:0.8em; color:#363;}
td.other2 {border:1px solid #ccc; text-align: left; padding:5px; font-size:0.8em; font-style:italic;}

