body  {
	margin: 0px; 
	padding: 0px 20px 0px 15px;
	text-align: left; 
	color: #666666;
	background-color: #DFDFDF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}

#header  {
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 5px;
} 
newdiv {
	position: relative;
	top: 50px;
}

#white-box {
	background-color: #FFFFFF;
	height: 480px;	
}

#container  {
	min-width:916px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #FFFFFF;
	height: 480px;
} 

#left-content  {
	float: left; 
	width: 600px;
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	text-align: left;
	height: 450px; 
}

a:link {
	color: #00F000; text-decoration:none;
}     
a:visited {
	color: #00CC00; text-decoration:none;
}  
a:hover {
	color: #00DD00;
	text-decoration:none;
}   
a:active {
	color: #00FF00;
	text-decoration:none;
}  
.text-small
 {
	font-size: 95%;
	color: #999999;
}
.text-numbers1 {
	color: #B4B4B4;
	font-size: 85%;
}
.text-green {
	color: #00CC00;
}

#news-content {
	float: left;
	margin-bottom: 15px;
	margin-left: 15px;
	text-align: left;

}

#sidebar2  {
	
	float: right; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}

#mainContent  {
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 635px;
	width:290px;
	overflow: Hidden;
} 

.footer  {
} 

.line {
	height: 1px;
	width: 615px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AAAAAA;
	margin-left: 0px;
}

.nav{
	color: #666666;
	width: 600px;
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 7px;
}

.news-left {
	width: 330px;
	float: left;
	padding-right: 30px;
}

.news-block {
	clear: both;
	margin-bottom: 20px;
	overflow: visible;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AAAAAA;*/
	padding-bottom: 20px;
}

.news-right {
	float: right;
}

.nav  #inner{

}

.newsarchive  a{
	color: #999999;
	text-decoration:none;
}
.newsarchive  a.current{
	color: #00DD00;

	text-decoration:none;
}
.newsarchive  a:hover{
	color: #00FF00;

	text-decoration:none;
}

.newsarchive ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}


.nav  a{
	color: #999999;
	margin-right: 15px;
	text-decoration:none;
	
}
.nav  a.current{
	color: #00DD00;
	margin-right: 15px;
	text-decoration:none;
}
.nav  a:hover{
	color: #00FF00;
	margin-right: 15px;
	text-decoration:none;
}

a.blog:link
{
  color: #999999;      
}

a.blog:visited
{
 color: #999999;
}

a.blog:hover {
    color:  #FF22C8;
}

a.blog:active
{
color:  #FF4AD2;
}


#footer  p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* Bremner*/
#image {
	position: relative;
	padding-right: 0;
	padding-left: 0;
	height: 450px;
}

.nav_block
{
	color: #FFFFFF;
	background-color: #CCCCCC;
	width: 23px;
	height: 13px;
	float: left;
	text-align: center;
	border: 1px solid #CCCCCC;	
	margin-top: 2px;
	margin-left: 2px;
	cursor: pointer;
}

.nav_block_overstate
{
    background-color: #FFFFFF;
    color: #CCCCCC;
	cursor: pointer;
}

#image_navbar
{
    float:left;
	width: 270px;
	margin-right: 30px;
	background-color: #CCCCCC;
	padding-bottom: 20px;
	border: 1px red solid;
	padding-top:15px;
}

#image img {
	display: block;
}


#imageChooser {
	clear:both;
	float:left;
	text-align: left;
	background-color: #FFFFFF;
	height: 50px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	width: 270px;
}

#imageChooser a:link, #imageChooser a:visited {
	text-decoration: none;
/*	font-size: 80%;*/
	color: #999999;
	margin-right: 10px;
}

#imageChooser li {
    display:inline;
}
	
#scroll-news
{
	height:420px;
	overflow: auto;
	position: relative;
	scrollbar-face-color: white;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-track-color: #cccccc;
	scrollbar-arrow-color: #cccccc;
	padding-right: 30px;
	width: 600px;
	margin-top:30px;
	
}

#mainContent2 {
    height: 420px; 
    margin-left: 15px; 
    margin-right: 10px;
    margin-bottom: 15px;
    margin-top:30px;
}

#imageChooser li a.current {
	color: #00CC00;
}

#image_scroll
{
	clear:both;
	height: 360px;
	overflow: hidden;
	scrollbar-face-color: #E4E4E4;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-shadow-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
	scrollbar-arrow-color: white;
	position: relative;
	top: 0px;
	width:290px;
}

#video_scroll {
	height: 405px;
	overflow: auto;
	scrollbar-face-color: #E4E4E4;
	scrollbar-highlight-color: white;
	scrollbar-3dlight-color: white;
	scrollbar-shadow-color: white;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
	scrollbar-arrow-color: white;
		width:290px;
}

#image-title {
	font-weight: bold;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	height: 15px;
}

/* TEXT SCROLL */

#scroll1 {
	width:570px;
	height:420px;
	overflow: auto;
	scrollbar-face-color: white;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #cccccc;
	scrollbar-shadow-color: #cccccc;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-track-color: #cccccc;
	scrollbar-arrow-color: #cccccc;
	padding-right: 30px;
	margin-top: 15px;
	}

scrollbar{ 
direction: rtl !important; 
}

#left-content {
	float: left; /* since this element is floated, a width must be given */
	width: 600px;
	background-color: #FFFFFF;
	/*margin-top: 15px;
	margin-bottom: 12px;
	margin-left: 30px;
	text-align: left;*/
	line-height: 12pt;
	height: 400px;
}
.nav a.current2 {
	color: #CCCCCC;
	margin-right: 15px;
	text-decoration:none;
	background-color: #00DD00;
}

p {
    margin-top: 0px;
}

/* Sally amends 17/03/09*/

#image_scroll p
{
	padding-right: 10px;    
}

li {
    margin: 3px;
}