/* Copyright Digital:Idiom c2002 - 2010 - Contact thewebteam @ digitalidiom.co.uk */
/* www.digitalidiom.co.uk for professional web design to world standards */
/* NO copy or use of original material by digital:idiom without permission */

/* DIV CONTAINER STYLES ###### */

html, *, div, body, ul, li {
margin:0; padding:0; border:0;
}

.print {
position:absolute;
top:-1000px;
left:-1000px;
}

body {
font: normal 11px/1.5em verdana, arial, sans-serif;
background:#330000 url('images/bg-tile.jpg');
}

#page {
width:780px;
margin:0 auto 0 auto;
background-color:#FFFFFF;
border:12px solid #FFF;
}

#sitelinks {
background-color:#FFF;
border:0px solid #E6E6E6;
color:#333;
text-align:right;
padding:3px 0px;
margin-bottom:5px;
}

#masthead {
width:780px;
height:160px;
background:transparent url('images/bg-masthead02.jpg') 0px -10px no-repeat;
padding-bottom:6px;
}

#logo {
text-align:right;
border:0;
margin-top:10px;
}

#content {
margin:40px 20px 10px 0px;
background-color:#FFFFFF;
color:#444;
float:right;
width:500px;
min-height:350px;
font: normal 11px/1.5em verdana, arial, sans-serif;
}

#sidebar {
margin:50px 0px 10px 20px;
background-color:#FFFFFF;
color:#330000;
width:200px;
min-height:350px;
}

#footer {
clear:both;
margin-top:6px;
padding-top:5px;
height:40px;
background:transparent url('images/bg-footer.gif') no-repeat;
text-align:center;
font: normal 9px/10px verdana, arial, sans-serif;
color:#FFFFCC;
}

/* TEXT IMAGES STYLES ###### */

p {
margin:4px 0 20px 0;
}

p.intro {
font-weight:bold;
}

strong {
font-weight:bold;}

.txtRight {
text-align:right;
}

.center {text-align:center;}

H1 {
margin:0; padding:0; border:0;
font: bold 18px verdana, arial, sans-serif;
color:#300;
}

H2 {
margin:0 0 10px 0;
font: bold 15px verdana, arial, sans-serif;
color:#C00;
}

H3 {
margin:0; padding:0; border:0;
padding-left:12px;
font: bold 14px verdana, arial, sans-serif;
color:#300;
background: transparent url('images/icon-H3-diamond.gif') no-repeat;
}

H4 {
margin:0 0 10px 0;
font: bold 13px verdana, arial, sans-serif;
color:#335;
}

img {border:0;}
.imgRight {float:right; margin-left:10px;}
.imgLeft {float:left; margin-right:10px;}


#sidebar ul, #content ul {
margin:4px 0px 10px 24px;
}

#content li {
padding:5px 0px 0px 0px;
}

ul.ticklist li {
list-style-image: url(images/icon-red-tick.gif);
}

.note {
font-size:84%;
color:#999;
}

.boxed {
margin:0px 0px 20px 0px;
border:1px solid #CCC;
background-color:#EEE;
padding:2px;
}

.sidebox {
width:240px;
float:right;
margin:0px 0px 0px 30px;
border:1px solid #AAA;
padding:6px;
background-color:#EFF;
}

/* NAVIGATION STYLE ######## */
/* LISTOMATIC MENU ******************************************** */
#navcontainer {
width:780px;
height:28px;
background:transparent url('images/bg-menu.gif') no-repeat;
text-align:center;
}

#navcontainer ul
{
padding-top:5px;
background-color:transparent;
color: #FFF;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li {
display: inline;
font: normal 11px/1.5em verdana, arial, sans-serif;
}

#navcontainer ul li a
{
padding: 0px 8px 0px 8px;
background-color: transparent;
color: #FFF;
text-decoration: none;
font-weight:bold;
border-left: 1px solid #FFF;
}

#nav06 {
border-right: 1px solid #FFF;
}

#navcontainer ul li a:hover
{
background-color: #C00;
color: #FFF;
}

/* LINK STYLES ####### */
a:link, a:visited {color:#900; text-decoration: underline;}
a:hover {color:#900; text-decoration: none;}

#sitelinks a:link, a:visited {color:#666; text-decoration: none;}
#sitelinks a:hover {color:#63C; text-decoration: underline;}

#footer a:link, #footer a:visited {color:#FFD; text-decoration: none;}
#footer a:hover {color:#000; text-decoration: underline;}