﻿#body
{
background-image:url(../i/duck.gif);
padding: 0;
margin: 0;
background-color: #2c366d;
color: #000;
font-size: 70%;
text-align:center;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:1.6em;

}



#contents 
{
background-image: url(../i/bg.gif);
background-position:center;
background-repeat:repeat-y;
margin-top: 0px;
margin-right:auto;
margin-left:auto;
margin-bottom:0px;
width: 767px;
padding: 0 0 0 0 ;

}




#header
{
background-image:url(../i/header.gif);
background-position:center;
background-repeat:no-repeat;
height: 40px;
width: 767px;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
text-align: right;
}

#resize
{
float:right;
height: 10px;
width: 300px;
margin: 8px 25px 0 0 ;
padding: 8px 0 0 0 ;
text-align: right;

}


#mainnav
{
background-image:url(../i/navbg.gif);
background-position:center;
background-repeat:no-repeat;
height: 23px;
width: 767px;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
text-align: right;
}


#navcontainer ul {
	height: 23px;
	list-style-type: none;
	margin: 0 20px 0 0 ;
	
	float: right;
	


	
}


#navcontainer li {
	height: 23px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	background: url("../i/navBarBg.gif") repeat-x 23px;
	font-size: 1.0em; 
	font-family:Lucida Grande, verdana, sans-serif;
	text-align: center;
}
#navcontainer a {
	height: 23px;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 70px;
	border-top: 0px solid #A8B090;
	border-bottom: 0px solid #A8B090;
	border-left: 0px solid #A8B090;
}

#navcontainer li#active {background: url("../i/navBarBgActive.gif") repeat-x 23px; background-position:center; color:#fff;}
#navcontainer li#active a {background: url("../i/navBarBgActive.gif") repeat-x 23px; background-position:center; color:#fff;}
#navcontainer li#active a:hover {background: url("../i/navBarBgHover.gif") repeat-x 23px; background-position:center; color:#2D3C56;}
#navcontainer a:hover {background: url("../i/navBarBgHover.gif") repeat-x 23px; background-position:center; color:#2D3C56; height:23px;}


#art
{
margin: 7px 0 0 0;
}


#wrapitup

{
width:744px;
margin-top: 0px;
margin-right:auto;
margin-left:auto;
margin-bottom:0px;
padding: 0 0 0 0 ;


}

#mainright
{

float:left;
width:200px;
background-color:#fff;
TEXT-ALIGN: left; 
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px;  
PADDING-BOTTOM: 0px; 
PADDING-TOP: 0px; 
font-size:1.2em; 
color:#838e9e; 
margin: 0 0 0 0;
}

#mainleft
{

float:left;
width:544px;
TEXT-ALIGN: left; 
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px;  
PADDING-BOTTOM: 0px; 
PADDING-TOP: 0px; 
font-size:1.1em; 
color:#838e9e;
margin: 0 0 0 0; 
}



#pagetitle
{
width:530px;
background-image:url(../i/titlebg.gif) ;
background-repeat:repeat-x;
background-position:top;
margin: 0 0 0 0;
height: 38px;

}

.bartitle
{
margin: 0 0 0 0;
padding: 6px 0 0 6px ;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color:#ffcc00;
}

.pagetitle
{
margin: 0 0 0 0;
padding: 6px 0 0 0px ;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color:#ffcc00;
}

#pagetitletop
{
width:544px;
background-image:url(../i/titlebg.gif) ;
background-repeat:repeat-x;
background-position:bottom;
margin: 0 0 0 0;
height: 38px;

}

#pagetitletop h1, h2, h3
{
margin: 0 0 0 0;
padding: 16px 0 0 8px ;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color:#ffcc00;

}


#pagetitlehome
{
width:544px;
background-image:url(../i/titlebar_home.gif) ;
background-repeat:no-repeat;
background-position:top;
margin: 0 0 0 0;
height: 38px;

}


#pagetitlehome h1
{
margin: 0 0 0 0;
padding: 17px 0 0 8px ;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
color:#ffcc00;
}


#pagecontent
{
width:525px;
margin: 0 0 0 0;
padding: 14px 0 0 8px ;
text-align:justify;

}




.heading

{font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color:#5f6266;
font-weight:normal;
}


.titleright
{
width:200px;
background-image:url(../i/titlebar_side.gif) ;
background-repeat:no-repeat;
background-position:top right;
padding: 0 0 0 0;
margin: 0 0 0 0;
height: 38px;

}

.titleright h2, h3
{
margin: 0 0 0 0;
padding: 16px 0 0 18px ;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color:#65728a;

}

.orange
{
color:#ffcc00;
}

.blue
{
color:#66cded;
}

.green
{
color:#a8f600;
}


#mainright p
{
margin: 0 0 0 0;
padding: 16px 8px 0 18px ;
font-size: 0.9em;
text-align:justify;
}

#mainright p a{
font-weight:bold;
}

#footer
{
background-image:url(../i/navfoot.gif);
text-align:justify;
height: 61px;
width: 767px;
background-position:bottom center;
background-repeat:no-repeat;
margin-top: 0px;
margin-right:auto;
margin-left:auto;
margin-bottom:0px;
}


#footer p
{
margin: 0 0 0 0;
padding: 32px 12px 0 18px ;
font-size: 1.0em;
text-align:center;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#2D3C56;
}

#resize a:hover {

color:#ffcc00;
text-decoration:none;
border-bottom:1px dotted #fff;
border-top:1px dotted #fff;
}


a {


text-decoration:none;
color:#ffcc00;

}

a:hover {

color:#ffa200;



}



.thumbnail
{
float: left;
width: 85px;
border: 1px solid #DDD;
margin: 0 0 7px 3px;
padding: 3px;
}


.thumbnail a:hover
{
border:none;
text-decoration:none;
}


.clearboth { clear: both; }

.floatright { float:right; }

.imgfloatright { float:right;
margin: 0 5px 10px 10px ;
 padding: 0 5px 10px 10px ;
 }



.homenail
{
float: left;
background-image:url(../i/homenailbg.gif);
border-top: 1px solid #EEE;
border-bottom: 1px solid #DDD;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
background-position:top;
background-repeat:no-repeat;

width: 160px;
margin: 0 0px 20px 9px;
padding: 0px;
}

.homenail h2
{
margin: 0 0 0 0;
padding: 7px 0 14px 7px ;

font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.4em;
color:#65728a;
}

.homenail p
{
margin: 0 0 0 0;
padding: 3px 0 0 3px ;
text-align:left;

font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color:#65728a;
}

.featuresite
{
width:200px;
background-image:url(../i/featuresitetitle.gif) ;
background-repeat:no-repeat;
background-position:top right;
padding: 0 0 0 0;
margin: 0 0 0 0;
border-top: 0px solid #EEE;
border-bottom: 0px solid #DDD;
border-left: 0px solid #DDD;
border-right: 0px solid #DDD;

}	
	
.featuresite h2, h3
{
margin: 0 0 0 0;
padding: 25px 0 0 18px ;
font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color:#66cded;

}

.featuresiteimg
{text-align:right;
margin:7px 0 0 0 ;
padding: 0 0 0 0;

}



.formcolours

{
padding: 0 0 0 0;
margin: -5px 0 0 0;
}




.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
border: 0px solid #ccc;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
border: 0px solid #ccc;
}

.toggleopacity img{
border: 0px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}
 
 

#servicescontainer { width: 200px; padding-top: 6px; 
 }

#servicescontainer ul
{
margin-bottom: 0;
margin-left: 15px;
padding-left: 0;
list-style-type: none;
}

#servicescontainer a
{
display: block;
padding-top: 3px;
padding-left: 3px;
padding-bottom: 3px;
width: 180px;
background-color: #FFF;
border-bottom: 1px solid #eee;
font-size:0.9em;
}




#servicescontaineron a:link, #servicescontaineron a:visited
{

text-decoration: none;
background-color:#00FF00;

}
#servicescontainer a:link, #navlist a:visited
{

 BACKGROUND: url(../i/unvisited.gif)    right no-repeat;
text-decoration: none;
}

#servicescontainer a:hover
{

background-color: green;
text-decoration: none;

}

#servicescontaineron a:link
{

background-color: #fff;
text-decoration: none;

}
#servicescontaineron a:hover, #navlist a:hover
{
BACKGROUND: url(../i/hover.gif)    right no-repeat;
text-decoration: none;

}
#servicescontainer a:visited {
  COLOR: #8d8d8d;
  BACKGROUND: url(../i/visited.gif)  right no-repeat;
 
  text-decoration: none;
  }
  
  
  
DIV#servicescontainer #servicescontaineron a {
 
text-decoration: none;
BACKGROUND: url(../i/active.gif)  right no-repeat;
}
DIV#servicescontainer #servicescontaineron a:visited {


text-decoration: none;
}















#submenu
{
	margin:0px;
	padding:0px;
	list-style-type:none;	
	clear:left;
}
.menuitem
{
	border:1px solid #FFF;
	margin: 0;
	padding: 10px 0px 30px 0px;
	clear:left;
}
.menuitem:hover, .menuitem.sover
{
	border:1px solid #C0C0C0;
	background:#F8F8F8;
	background-image:url(../i/bgtable.gif);
	margin: 0;
}
#submenu h2
{
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:1.0em;	
}
#submenu p
{
	margin:0;
	padding:0 10px 0 0;	
}
#submenu img
{
	float:left;
	margin:0px 10px 20px 10px;	
	border:1px solid #C0C0C0;
}

.termsandconditions{
font-size:11px;
}

.sponsoredby{
font-size:11px;
line-height:25px;
}

