@charset "iso-8859-1";
*{
margin: 0;
padding: 0;
}

li{
list-style: none;
}

img{
border: none;
}

html{
background: #fff url(i/back-main.png) repeat-x;
}

body{
background: #fff;
font: normal normal normal 13px/16px Arial, Helvetica, sans-serif;
width: 980px;
margin: 10px auto;
border: 1px solid #000;
}

#main{
width: 500px;
float: left;
margin: 145px 0 20px 240px;
}

#main ul, #main ol{
margin: 20px 30px;
color: #334;
}

#main ul li{
list-style: disc outside;
}

#main ul.tablelist{
margin: 20px 0;
}

#main ul.tablelist li{
width: 241px;
float: left;
list-style: none;
background: #eef;
text-align: center;
line-height: 20px;
margin: 1px;
}

#main ol li{
list-style: decimal outside;
}

#main.noleft{
width: 730px;
margin: 145px 0 20px 10px;
}

#right{
width: 220px;
float: left;
margin: 136px 0 20px 20px;
}

#right img{
margin: 20px 0;
border: 1px solid #000;
padding: 2px;
}

#left{
width: 210px;
float: left;
margin: 136px 0 20px -730px;
}

#left div{
margin: 20px 0;
border: 1px solid #ccc;
width: 208px;
background: #fff url(i/back-grey.png) repeat-x;
}

#left h2{
text-align: center;
background: #669;
color: #fff;
margin: 0;
}

#left p{
font: normal normal normal 11px/14px Arial, Helvetica, sans-serif;
margin: 10px;
}

#left p.large{
font: normal normal bold 20px/24px Arial, Helvetica, sans-serif;
text-align: center;
color: #556;
}

#left label{
width: 60px;
display: inline-block;
}

#left input{
width: 124px;
}

#footer{
clear: both;
margin: 20px 0;
text-align: center;
font: normal normal normal 10px/12px Arial, Helvetica, sans-serif;
}

#footer p, #footer a{
color: #777;
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
color: #00f;
}

#menu{
position: absolute;
clear: both;
top: 116px;
border: 1px solid #88b;
border-width: 5px 0 0 0;
width: 980px;
}

#menu a{
display: block;
width: 106px;
font: normal normal bold 12px/30px Arial, Helvetica, sans-serif;
text-decoration: none;
background: #696 url(i/back-menu.png) repeat-y -100px 0;
color: #fff;
border: 1px solid #555;
border-color: #4b4 #040 #040 #4b4;
}

#menu a.last{
width: 114px;
}

#menu a:hover{
color: #030;
background: #00c url(i/back-menu.png) repeat-y -250px 0;
}

#menu li{
float: left;
text-align: center;
max-width: 108px;
}

#menu li li a{
width: 300px;
}

#menu li ul{
display: none;
}

#menu li:hover ul{
display: block;
}

#menu ul.groups{
width: 600px;
}

#menu ul.groups li{
float: left;
max-width: 300px;
max-height: 30px;
}

#menu li li{
float: none;
}

#title{
position: absolute;
top: 11px;
clear: both;
}

h1, h2, h3{
font: normal normal bold 18px/22px Arial, Helvetica, sans-serif;
color: #335;
margin: 10px 0;
}

h2{
clear: both;
}

h2 a{
color: #335;
text-decoration: none;
}

h2.divided{
border: 1px solid #558;
border-width: 5px 0 0 0;
padding: 10px 0 0 0;
clear: both;
}

h2.highlight{
border: 1px solid #558;
border-width: 2px 0 2px 0;
background: #ddd;
padding: 2px 0 2px 10px;
color: #300;
margin: 30px 0 0 0;
}

h3{
font: normal normal bold 14px/18px Arial, Helvetica, sans-serif;
}

h3 a{
color: #335;
text-decoration: none;
}

h3.divided{
border: 1px solid #a33;
border-width: 2px 0 0 0;
padding: 10px 0 0 0;
clear: both;
}

p{
margin: 10px 0;
color: #334;
}

a{
color: #33f;
}

a:hover{
color: #99b;
text-decoration: none;
}

.gall{
width: 500px;
height: 244px;
}

.gall img{
position: absolute;
}

p.board{
margin: 10px 0 20px 140px;
width: 320px;
}

p.board span{
margin: 0 0 0 -140px;
font-weight: bold;
display: inline-block;
width: 140px;
}

.centre{
text-align: center;
}

.right{
float: right;
margin: 0 0 10px 10px;
}

blockquote p{
margin: 20px;
color: #667;
}

p.numbered{
margin: 10px 10px 10px 50px;
}

p.numbered span{
display: inline-block;
width: 40px;
margin: 0 0 0 -40px;
}

strong.blue{
color: #00f;
}

img.left{
padding: 0 22px 12px 10px;
float: left;
}

.clearboth{
clear: both;
}

label{
display: inline-block;
width: 180px;
}

input, textarea{
font: normal normal bold 12px/16px Arial, Helvetica, sans-serif;
}

p.errorpara{
font-weight: bold;
color: #f00;
}

div.strucbox{
width: 230px;
height: 270px;
margin: 3px 6px 3px 5px;
border: 1px solid #ccd;
float: left;
text-align: center;
}

div.strucbox h2{
font: normal normal bold 12px/16px Arial, Helvetica, sans-serif;
margin: 0 3px 6px;
text-align: center;
}

td{
color: #556;
background: #eef;
padding: 2px 3px;
}

#footer li{
float: left;
width: 184px;
padding: 0 3px;
border: 1px solid #ccc;
}

/* Copyright Net Quality (www.nquk.com) 2010. */