/*Copy this file before it is ammended */
/*Kev&#8217;s example css */

/*change 0093a8 for color (10) and change news for area(4) */

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: arial, sans-serif;  
}

/* dimensions for topimage container */
#topimage {
	WIDTH: 1000px; HEIGHT: 200px
}

#page
{
width: 1000px;
}

/* navigation bg images for each main section */
#navigation{
/*MARGIN-BOTTOM: 0px; WIDTH: 996px; HEIGHT: 55px; BACKGROUND-IMAGE: url(news_livingbot.gif); padding-top: 0px; padding-left: 4px; }*/	
MARGIN-BOTTOM: 0px; WIDTH: 996px; HEIGHT: 55px; BACKGROUND-IMAGE; padding-top: 0px; padding-left: 4px; }	

/* central column for content pages */
#content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FLOAT: left; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; WIDTH: 560px; PADDING-TOP: 0px; voice-family: inherit
}
UNKNOWN {
	WIDTH: 451px
}/* different colour footers for each main section */
#footer {
	CLEAR: both; FONT-SIZE: 90%; font-weight:bold; Line-height:5px; HEIGHT: 50px; color: #FFF !important; BACKGROUND: #0093a8; width: 1013px; text-indent: 5px;text-decoration: none !important;
}

/* navigationform container for search form and section menu */
#navigationform {
	FLOAT: left; WIDTH: 996px; margin-bottom: 0px; margin-top:10px; 
}
#navigationform label {
	FLOAT: left;  margin-bottom: 0px; margin-top:0px; margin-top: 5px; margin-right: 5px; font-weight:bold; font-size:95%;
}

/* margins for breadcrumb trail */
#breadcrumb {
	MARGIN: 5px 0px 5px;
}

/* central column for content pages */
#content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FLOAT: left; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; WIDTH: 560px; PADDING-TOP: 0px; voice-family: inherit
}
UNKNOWN {
	WIDTH: 451px;
}

/* news column on home page */
#news {
	margin-top: 10px; MARGIN-BOTTOM: 30px; 
}
#news P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; PADDING-TOP: 0px
}
/* leftmenu layout and styling */
#leftmenu{
	MARGIN: 5px 5px 10px 3px; FLOAT: left; WIDTH: 200px;
}
#feature-mask{
text-indent: 10px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 5px;
background-color: #0093a8;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;

color: #FFF !important;
font-size:130%;
}
.masked-image{
positive: absolute;
height:26px;
width: 200px;
 
}

#gogsearch{

background-color:#adcac6;

}
	 

#mainsections {
	MARGIN: 0px 0px 0px 0px; FLOAT: left; WIDTH: 200px;}
UNKNOWN {
	WIDTH: 200px
}

#mainsections P
{
PADDING: 0px; 
MARGIN: 0px;
 
text-align: left;
background-color: #0093a8 !important;



}

#mainsections P A 
{
DISPLAY: block;
text-decoration: none;

background-color: #0093a8;
color: #FFF !important;
padding: 2px 2px 2px 2px;
margin-left:0px;
width: 196px;
font-size:90%;

}


#mainsections UL
{
LIST-STYLE-TYPE: none;
BORDER-left: #000  1px solid;
BORDER-right: #000  1px solid;
PADDING: 0px;
MARGIN: 0px 0px 0px 0px; 
text-align: left;
}

#mainsections LI
{
PADDING: 0px; 
MARGIN-left: 8px; 
text-align: left;
}

#mainsections LI A 
{
DISPLAY: block;  
TEXT-DECORATION: none; 
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width: 191px;
font-size:90%;
}

.hlibrary:hover
{
BACKGROUND: #0093a8;
color: #FFF !important;

}


.library 
{
background-color:#0093a8;
color: #FFF !important;


}
.library2  
{
background-color:#0093a8;
TEXT-DECORATION:none;


}
.relatedlinks  
{
background-color:#0093a8;

}
/* rightmenu layout and styling */

#rightmenu{
	MARGIN: 5px 0px 0px 3px; FLOAT: right; WIDTH: 200px; 
}

#sectionpages, #opinionpolls, #seealso, #rightfeatures {
		MARGIN-TOP: 5px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; color: #FFF !important;PADDING-BOTTOM: 10px; WIDTH: 200px; PADDING-TOP: 0px; voice-family: inherit;  margin-bottom: 10px;border: #000  1px solid;
}

UNKNOWN {
	WIDTH: 200px
}

UNKNOWN {
	WIDTH: 200px
}
#seealso P, #rightfeatures P{
font-size:95%; padding: 10px 5px 0px 5px; 	}

#rightmenu P{
margin-top:0px;
}
#rightmenu UL
{
LIST-STYLE-TYPE: disc;
BORDER: 0px;
PADDING-LEFT: 20px;
PADDING-RIGHT: 5px;
MARGIN: 0px 0px; 
font-size: 95%;
}
#rightmenu H1{
PADDING: 5px 0px 5px 5px;
color:#FFF;
font-size: 110%;
border-top-right-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topright: 20px;
}

#rightmenu LI
{
PADDING-bottom: 0px; 
MARGIN: 0px; 

}

#rightmenu LI A 
{ 
TEXT-DECORATION:underline; 
color:#000;
font-size:85%;
margin-bottom: 0px;
padding-bottom: 0px;
}

#rightmenu LI A:hover
{
BACKGROUND: #FFF; 
COLOR: #0093a8; 
TEXT-DECORATION:underline;
}

#addresss
{
padding-left: 3px; 
padding-top: 15px;
}

#address P
{
padding-left: 5px;
}

#address H1 {
font-size: 100%;
PADDING: 10px 0px 10px 5px;
font-size: 90%;
}
	
#features
{
padding-top:5px;
}
#features UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 16px; PADDING-TOP: 0px;
}

form {
	MARGIN: 0px; float:left; 
	}

FIELDSET {
	BORDER-RIGHT: 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: 0px solid
}

.input {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: #fff; FONT: arial, sans-serif; BORDER-LEFT: #000 1px solid; COLOR: #000; BORDER-BOTTOM: #000 1px solid; height: 16px; margin-bottom:0px; font-size: 90%;
}
.button {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: #9CF; FONT: bold arial, sans-serif; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; height: 20px;
}

/* classes for left and right floating images */
.left {
	FLOAT: left; MARGIN-BOTTOM: 5px; MARGIN-RIGHT: 10px; margin-left: 5px;
}
.right {
	FLOAT: right; MARGIN-LEFT: 10px
}

/* classes for different text alignment*/
.centre {
	TEXT-ALIGN: center
}
.righttext {
	TEXT-ALIGN: right
}

/* class to hide elements such as topmenu for browsers implementing css */
.hidden {
OVERFLOW: hidden; 
WIDTH: 0px; 
POSITION: absolute; 
HEIGHT: 0px
}

/* classes for putting black border around tables */
#borders table
{
    border-color: #000;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

#borders td, #borders th 
{
    border-color: #000;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}

