/*  
xhtml/css rework by simon wakeman 26/8/06
*/


html,body
{margin:0;
padding:0}

body
{font: 125% verdana;
text-align:left;
background: #ffffff;
padding: 15px 0 0 15px;
}

/* layout controls */

div#container
{/*width: 74%; */
width: 95%;
margin: 0 0 0 0; 
text-align:left;
background: #ffffff;
border: none; 
clear: both;

}


div#pagecontent
{
clear: both;
padding: 0 0 0 0;
}

div#lhcol
{
width: 70%;
float: left;
padding: 0 0 0 0;
}

div#lhcol-art
{
width: 90%;
float: left;
padding: 0 0 0 0;
}

div#rhcol
{
width: 235px;
float: right; 
padding: 0 0 0 0;
}

div#widecol
{
width: 650px;
float: left; 
padding: 0 0 0 0;
}
/*
#lhcol img {
display: inline;
} */

#imgstrip img {
float: left;
padding: 20px 5px 0 0;
margin: 0 0 0 0;
}

.img1 {float: left; padding-top: 4px; padding-right: 4px;}
/* .img2 {float: right; clear: right} */
.img2 {margin-left: 3px;}
.img3 {margin-left: 3px; padding-top: 3px} 
.img-right {padding: 5px 0 0 0 ; float: right;}
.img-body {padding: 5px 5px 0 0 ; float: left;}

/* headings */
h1{
	background: url(images/title.gif) no-repeat 0 0;
	text-indent: -9999px;
	height: 30px;
	margin: 0 0 0 0;
}

#lhcol h2 {
font-size: 0.8em;
padding: 10px 0 0 0;
margin: 0 0 0 0;
clear: both;
}

#lhcol h3 {
font-size: 0.8em;
padding: 10px 0 0 0;
margin: 0 0 0 0;
clear: both;
}

#lhcol h6 {
font-size: 1.5em;
color: red;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#lhcol p {
color: #333; 
line-height: 1.6em;
font-size: 0.7em;
padding: 0 0 0 0;
margin: 1em 0 0 0;
}

#lhcol table {
font-size: 0.7em;
}


#lhcol img {
border: none}

#rhcol #greenblock h2 {
background: #009900;
color: #ffffff;
font-size: 0.7em;
padding: 3px 3px 5px 10px;
margin: 0 0 0 0;
clear: both;
}

#rhcol #blueblock h2 {
background: #0066cc;
color: #ffffff;
font-size: 0.7em;
padding: 3px 3px 5px 10px;
margin: 0 0 0 0;
clear: both;
}

/* menu bar */


#menubar ul {
list-style: none;
margin: 10px 0 10px 0;
padding: 0px 0 0 20px;
background: #0066CC;
border-bottom: 9px solid #000066;
}

#menubar li {
display: inline;
margin: 0 30px 0 0;
}

.selected {
background: #000066;
}

.redbutton {
color: #ff0000;
}

#menubar ul li a {
padding: 1px 25px 0 25px;
color: #ffffff;
font-size: 0.65em;
font-weight: bold;
text-decoration: none;
letter-spacing: -0.02em;
border-bottom: 9px solid #000066;
}

#menubar ul li a:hover {
background: #000066;
}

/* rh col */

div#greenblock {
padding: 0 0 0 0;
margin: 0 0 20px 0;
background: #ccffcc;
float: left;
clear: both;
width: 100%;
border: 1px solid #009900;
}

div#blueblock {
padding: 0 0 0 0;
margin: 0 0 0px 0;
background: #ccffff;
float: left;
clear: both;
width: 100%;
border: 1px solid #0066cc;
}

#rhcol ul {
list-style: none;
margin: 0px 0 0px 0;
padding: 5px 3px 5px 10px;
float: left;
color: #000000;
font-size: 0.7em;
}

#rhcol p {
margin: 0px 0 0px 0;
padding: 5px 3px 5px 10px;
float: left;
color: #000000;
font-size: 0.7em;
clear: both;
}

#rhcol #blueblock img {
padding: 10px 5px 0 5px}

#rhcol #blueblock a {
color: #000000;
}

#footer {
clear: both;
padding-top: 10px;
border-bottom: 1px solid black;
float: right;
width: 100%;
}

#footer ul {
list-style: none;
margin: 0px 0 0px 0;
padding: 5px 0px 15px 10px;
float: right;
color: #000000;
font-size: 0.7em;

}

#footer ul li {
display: inline;
}

#footer a {
color: #000000;
}

.strong {
font-weight: bold;
} 

#footer2 {
clear: both;
padding: 0px 0 0 0;
margin: 5px 0 0 0;
width: 100%;
}

#footer2 p {
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 0.6em;
color: #666666;
clear: both;
float: left;
}

.useful {
font-size: 0.7em;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#widecol img {
padding: 10px 20px 0px 0px;
border: none;
}

#widecol h2 {
font-size: 0.8em;
padding: 0px 0 0px 0;
margin: 15px 0 0 0;
clear: both;
}

#widecol #single {
clear: both;
}

.thumbimg {
float: right;
padding-left: 5px;
}

div#lhcolimg {
width: 420px;
float: left;

}

div#lhcolimg2 {
width: 160px;
float: right;

}

#lhcolimg2 img {
padding: 0 0 10px 0 
}

div#lhcol li {
font: 95% verdana;
}

#lhcol-art h2 {
font-size: 0.8em;
padding: 10px 0 0 0;
margin: 0 0 0 0;
clear: left;
}

#lhcol-art h3 {
font-size: 0.8em;
padding: 10px 0 0 0;
margin: 0 0 0 0;
clear: left;
}

#lhcol-art p {
color: #333; 
line-height: 1.6em;
font-size: 0.7em;
padding: 0 0 0 0;
margin: 1em 0 0 0;
}

#lhcol-art img {
border: none}

#lhcol-art #asterisk {
font-size: 0.5em;
}

.img-right-art {padding: 0px 5px 25px 75px ; float: right; clear: right;}

#lhcol-art h2 {
padding-top: 60px ;
}

#lhcol-art #top {
padding-top: 10px ;
}