/*
design by www.grademedia.co.uk
graphics, content copyright Henley Systems Ltd (Isle of Man)
*/

/* --global reset-- */

body {margin: 0; padding: 0;}
img {border: 0; }

/* --sifr-- */

.sIFR-hasFlash .sifr {
    visibility: hidden;
}


/* --page structure-- */

body {background-color: #111111; min-width: 800px;}

.access
{
position: absolute;
overflow: hidden;
width: 0;
height: 0;
top:-4em;
left:-3em;
}

.clear
{clear: both; height: 2px; overflow: hidden;}

.left
{float: left; margin-right: 10px;}

.right
{float: right}

#wrapper
{width: 800px; margin: 0 auto; background: #ffffff;}

#masthead
{
width: 800px;
height: 120px;
background: #111111 url(/assets/images/headimage.jpg) no-repeat bottom left;
}

#nav
{clear: both;
width: 800px;
margin-top: 1px;
}
#nav ul, #nav li
{list-style: none; display: inline; padding: 0; margin: 0;}
#nav a
{display: block;
float: left;
}

#header
{width: 800px;}
#header h2, #header p
{width: 400px; margin-right: 350px; margin-left: 20px}

#subnav
{float: right; width: 300px margin-left: 3px}
#subnav a
{display: block; width: 294px;}
#subnav strong
{display: block; width: 294px;}

#maincontent
{margin-top: 20px; width: 700px; margin-left: 92px}
#maincontent p
{display: block; width: 620px;}

#maincontent img
{float: left; margin: 2px; overflow: hidden;}

#box2, #box3
{
float: left;
width: 236px;
margin-left: 10px;
padding: 0;
border: solid 1px #333333;
}
#box1
{
clear: left;
width: 484px;
margin: 10px 0 0 10px;
padding: 0;
border: solid 1px #333333;
}

#pageend
{clear: both; margin: 20px 100px 2px 100px; padding: 5px;
}

#footer
{clear: both; margin-left: 100px}

/* --content format-- */



#nav
{
background-color: #222222;
padding-bottom: #16px;
}
#nav a
{
text-decoration: none;
font: bold 11px Verdana;
color: #eeeeee;
background-color: #222222;
padding: 8px 8px;
border-right: solid 2px #191919;
border-bottom: solid 2px #191919;
}
#nav a:hover
{
color: #ffffff;
background-color: #333333;
border-bottom: solid 2px #555555;
}
#nav .active a
{
background-color: #666666;
}

#header h2
{
color: #0022222;
font: 18px Trebuchet-MS, sans-serif;
margin-top: 25px;
}
#header p
{
color: #002222;
font: 14px Trebuchet-MS, sans-serif;
}

#subnav
{
font: 10px Verdana;
list-style: none;
}
#subnav a
{
text-decoration: none;
background-color: #eeeeee;
color: #003333;
padding: 3px;
border-bottom: solid 1px #888888;
border-right: solid 3px #888888;
}
#subnav a:hover, #subnav a:active
{
background-color: #dddddd;
color: #336666;
}
#subnav strong
{font-weight: bold;
margin: 2px;
}


#maincontent a
{color: #222222
background-color: #cccccc
}
#maincontent h3
{
color: #333333;
font: bold 14px Trebuchet-MS, Arial, sans-serif;
padding: 5px;
}
#maincontent h4
{
color: #002222;
font: bold 12px Trebuchet-MS, sans-serif;
}
#maincontent p
{
color: #222222;
font: 11px Verdana;
line-height: 150%;
}
#maincontent li, #maincontent dl 
{
color: #333333;
font: 11px Verdana;
line-height: 120%;
}
#maincontent dt
{
color: #333333;
font-weight: bold;
}
#maincontent dd
{
color: #333333;
margin: 5px 100px 30px 135px;
}





#box1, #box2, #box3
{
color: #333333;
background-color: #e1e1e1;
border: solid 1px #888888;
}
#box1 h2, #box2 h2, #box3 h2
{
font: bold 14px Trebuchet-MS, Arial, sans-serif;
color: #002222;
padding: 2px;
margin: 0;
border-bottom: solid 1px #888888;�
}
#box1 h3, #box2 h3, #box3 h3
{
font: normal 14px Trebuchet-MS, Arial, sans-serif;
margin: 8px;
}
#box1 p, #box1 li, #box2 p, #box2 li, #box3 p, #box3 li
{
font: 11px Verdana;
margin: 5px 15px; 
}

#box1 a, #box2 a, #box3 a
{
color: #224444;
font-weight: bold;
text-decoration: none;
}
#box1 a:hover, #box2 a:hover, #box3 a:hover
{color: #002222;
background-color: #e1e1e1;
}



#pageend
{
color: #333333;
background-color: #e1e1e1;
border: solid 1px #888888;
}
#pageend h3
{
font: 14px Trebuchet-MS, Arial, sans-serif;
border-bottom: solid 1px #888888;
}
#pageend p, #pageend li
{
font: 11px Verdana;
margin: 5px 15px; 
}

#footer p
{
color: #333333;
font: 11px Verdana;
line-height: 2em;
text-align: left; 
}