/* Iain Shields: white/grey design by S.Bussell - Oct. 2006 */



/******* structure and layout *******/

body {

font-family:Arial, Helvetica, sans-serif;

font-size: 9pt;

color: #232323;

background: #fdfdfd;

margin:10px 0 0 0;

padding:0 0 0 0;

text-align:center;

}



.wrap {

position:relative;

width:780px;

margin:0 auto;

padding:0 0 0 0;

text-align:center;

background: #fdfdfd url(images/header.jpg) no-repeat;

border-left:3px solid #e4e4e4;

border-right:3px solid #e4e4e4;


}



.header {

position:relative;

clear:none;

width:770px;

height:120px;

margin:25px 0 0 0;

padding:0 0 0 0;

background:transparent;

color:#000000;

text-align:right;

}



.topnav {

position:relative;

clear:both;

width:780px;

height:21px;

margin:0 0 0 0;

padding:0 0 0 0;

background:#cccccc;

font-size:8pt;

}



.container {

position:relative;

clear:both;

width:760px;

margin:10px 10px 0 10px;

padding:0 0 0 0;

background:#fdfdfd;

color:#a6a6a6;

text-align:left;

}



.news_right {

position:relative;

float:right;

clear:both;

width:200px;

margin:0 0 5px 10px;

padding:0 10px 0 10px;

background:#fdfdfd;

color:#a6a6a6;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:8pt;

border:5px solid #e4e4e4;



}



.news p {

margin:10px 10px;

}





.footer {

position:relative;

clear:both;

width:780px;

margin:20px 0 0 0;

padding:10px 0 5px 0;

background:#fdfdfd;

font-size:8pt;

text-align:center;

border-top:1px dotted #484848;

border-bottom:3px solid #e4e4e4;

}





/******* top navigation *******/

#nav ul{

padding:.25em 2em .3em 1em;

margin:0 0 0 0;

white-space: nowrap;

font-size:8pt;

color:#000000;

width: auto;

background:#232323 url(images/topnav_bg_grey.gif);

list-style:none;

}



#nav ul li{

display:inline;

list-style:none;

}



#nav ul li a{

margin: 0 0 0 0;

padding: .25em 2em .3em 1em;

background:#232323 url(images/topnav_bg_grey.gif);

color: #000000;

font-weight:bold;

text-decoration:none;

}



#nav ul li a:hover{

background:#232323 url(images/topnav_bg.gif);

color: #ffffff;

font-weight:bold;



}









/******* links *******/



a {

color:#a6a6a6;

text-decoration:underline;

}



a:hover {

color:#ffffff;

text-decoration:underline;

}



#news a {

color:#a6a6a6;

text-decoration:underline;

}



#news a:hover {

color:#ccccff;

text-decoration:underline;

}



#footer a {

color:#a4a6a4;

text-decoration:none;

}



#footer a:hover {

color:#343534;

text-decoration:underline;

}



/******* fonts and colors *******/



.header strong {

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#ffffff;

font-size:13pt;

letter-spacing:.7em;

}



.news_title {

font-family:Arial, Helvetica, sans-serif;

color:#ffffff;

font-size:10pt;

font-weight:normal;

}



.page_title {

font-family:Arial, Helvetica, sans-serif;

color:#ffffff;

font-size:12pt;

font-weight:normal;

padding: 0 0 0 0;

margin: 0 0 -8px 0;

}



#footer p {

background:#000000;

color:#ccccff;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:6pt;

}



/******* images *******/



img {

border:none;

}



.right img{

position:relative;

float:right;

padding:0 0 0 0;

margin:5px 2px 2px 5px;

}



.left img{

position:relative;

float:left;

padding:0 0 0 0;

margin:0 5px 0 2px;

}







/******* workarounds and hacks *******/

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}



.clearfix {display: inline-table;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */