/* Style sheet for OETT */
/* Author: Mark Dewfield - mark.dewfield@graniteplanet.co.uk */


html, body {
background-color: rgb(222,214,231);
/*background-color: white;*/
width:100%;
margin:0;
}

p {
color: rgb(4,4,4);
font-size:0.8em;
}

a {
color:#333;
text-decoration:none;
}

a:hover {
color:rgb(224,102,46);
}

h1, h2, h3, h4, h5, h6 {
font-family: trebuchet ms, georgia, times, serif;
font-weight: normal;
color:rgb(88,61,104);
}

.f14b {
font-size:14px;
line-height:20px;}
.f16b {
font-size:16px;
line-height:20px;}
.f18b {
font-size:18px;
line-height:22px;}
.f20b {
font-size:20px;
line-height:24px;}
.f22b {
font-size:22px;
line-height:26px;}
.f24b {
font-size:24px;
line-height:30px;}
.f26b {
font-size:20px;
line-height:32px;}
.f28b {
font-size:20px;
line-height:34px;}
.f30b {
font-size:30px;
line-height:36px;}
.f32b {
font-size:32px;
line-height:38px;}
.f34b {
font-size:34px;
line-height:40px;}
.f36b {
font-size:36px;
line-height:42px;}

.round {border-radius:14px 14px 14px 14px; -moz-border-radius:14px 14px 14px 14px;}
.round {-webkit-border-top-left-radius:14px 14px; -webkit-border-top-right-radius:14px 14px; -webkit-border-bottom-right-radius:14px 14px; -webkit-border-bottom-left-radius:14px 14px;}
.roundtop {border-radius:12px 12px 0px 0px; -moz-border-radius:12px 12px 0px 0px;}
.roundtop {-webkit-border-top-left-radius:12px 12px; -webkit-border-top-right-radius:12px 12px; -webkit-border-bottom-right-radius:0 0; -webkit-border-bottom-left-radius:0 0;}


.grn {
color:rgb(14,101,59);
}

.pur {
color:rgb(88,61,104);
}

.bdrGrn {
border:1px solid rgb(14,101,59);
}

.bdrPur {
border:1px solid rgb(88,61,104);
}

input.butt {
border:3px double rgb(88,61,104);
background-color: rgb(222,214,231);
color:rgb(88,61,104);
}

.butt:hover {
border:3px double rgb(14,101,59);
background-color: rgb(255,255,255);
color:rgb(14,101,59);
cursor:pointer;
}

div#topBox{ min-width:900px;width:98%;position:relative;max-width:1060px; height:130px; margin:0 auto 10px; background:rgb(255,255,255) url(../images/build/oett.png) no-repeat 0 0;border:3px solid rgb(88,61,104);padding:0;}

div#menuBox{ min-width:900px;max-width:1064px; height:auto; margin:10px auto; background:rgb(14,101,59);border:3px solid rgb(88,61,104);padding:1px 0;}

div#mainBox{ min-width:860px;max-width:1024px; height:auto; margin:10px auto; background:rgb(255,255,255);border:3px solid rgb(88,61,104);padding:20px;}

div#btmBox{ min-width:900px;max-width:1064px; height:auto; margin:10px auto; background:rgb(14,101,59);border:3px solid rgb(88,61,104);padding:1px 0;}

div.sideBox{ width:150px; height:150px; margin: 0 0 10px 10px; background:rgb(222,214,231);border:1px solid rgb(14,101,59);padding:0;float:right;clear:right;text-align:center;position:relative;}

div.sideBox div.sideH {
background-color:rgb(88,61,104);
color:white;
font-size:14px;
text-align:centre;
padding:4px;
}

div#container {
width:90%;
margin-left:auto;
margin-right:auto;
/*background-color:white;*/
min-height:800px;
}

div#dte {
position:absolute;
color:rgb(88,61,104);
right:10px;
top:30px;
width:400px;
text-align:right;
font-size:12px;
}

div#address {
text-align:right;
margin-right:10px;
/*max-width:1000px;
border:1px solid red;*/
}

div#navi {
margin-left:auto;
margin-right:auto;
max-width:886px;
min-height:26px;
/*border:1px solid red;*/
}

ul#nav {
width:auto;
line-height:24px;
}

ul#nav li {
list-style:none;
float:left;
padding-left:0px;
padding-right:5px;
color:white;

}

ul#nav li a:hover {
border:1px solid rgb(222,214,231);
background-color:rgb(88,61,104);
color:rgb(255,255,255);
}

ul#nav li a {
color:rgb(222,214,231);
font-size:11px;
padding:0 3px;
border:1px solid transparent;
font-weight:bold;
}