/* CSS layout */
body {
	margin: 0em 0em 1em 0em;
	padding: 0em;
	background-color: #0A0A34;
	background-image: url('images/texturebkgrdw.gif');
	background-repeat: repeat-x;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	z-index: -100;
	color: #000000;
}
#container {
	margin: 0em auto 0em auto;
	border: 0em none #292d6b;
	padding: 0em;
	width: 50em;
	left: 0em;
	right: 0em;
	z-index: 1;
	font-size: inherit;
	font-family: Arial, Helvetica, sans-serif;
}
#masthead {
	margin: 0em;
	padding: 0em;
	border-style: none;
	border-color: 0;
	border-width: 0em;
	color: #292D6B;
	height: 6em;
	width: 50em;
	display: block;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	background-color: #FFFFFF;
	position: relative;
}

#main_text {
	border-style: 0;
	border-color: 0;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	font-family: Segoe Print, Comic Sans MS, cursive;
	font-size: x-large;
	color: #4273A5;
	background-color: #FFFFFF;
	width: 600px;
	float: left;
}
#footer {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 50em;
	float: inherit;
	background-color: #000080;
}
.linksexternal {
	font-size: xx-small;
}
#right_col {
	float: right;
	width: 195px;
	background-color: #FFFFFF;
	border-left-style: dashed;
	border-left-color: #C0C0C0;
	border-left-width: thin;
}
#sitemapfont {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	color: #C0C0C0;
	text-transform: none;
	line-height: 1em;
}
.footerfont {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	color: #C0C0C0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 1em;
	white-space: normal;
}
.bodystyle {
	font-family: Segoe Print, Comic Sans MS, cursive;
	font-size: small;
	color: #38689D;
}
#headerlogo
	{
	border-style: none;
	border-width: 0em;
	padding: 0em;
	margin: 0em;
	height: 5em;
	display: inline;
}
.form font {
	font-family: Segoe Print, Comic Sans MS, cursive;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #4273A5;
	text-align: left;
}
.a1itcomplink {
	color: #FFFFFF;
}
.pagetitlespan
{
	padding: 0.5em 0.5em 0.5em 2em;
	font-size: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #292d6b;
	height: 4em;
	width: 26em;
	float: left;
	line-height: 1.5em;
	font-variant: normal;
	text-align: left;
}

ul.topmenu {
	width: 58em;
}
ul.topmenu, ul.topmenu ul
{
	border-style: none;
	padding: 0em 0em 0em 0em;
	margin: 0em;
	list-style-type: none;
	font-size: small;
}
ul.topmenu li{
	border: 0em none #292d6b;
	position: relative;
	margin: 0em;
	display: block;
	text-decoration: none;
	float: left;
	text-transform: none;
	color: #292d6b;
	padding: 0em;
	line-height: 1.25em;
	width: 9em;
	font-size: small;
	height: auto;
}
ul.topmenu li a,ul.topmenu li a:visited {
	 border: 0em none #292d6b;
	 float: left;
	 width: 9em;
	 text-decoration: none;
	 color: #FFFFFF;
	 display: block;
	 padding: 0em 0em 0em 0.2em;
	 font-weight: bold;
	 height: auto;
	 line-height: 1.25em;
	 z-index: 10;
	 text-align: left;
	 background-repeat: no-repeat;
}
ul.topmenu li:hover {
	width: auto;
	color: #FFFFFF;
	background-color: #292d6b;
	z-index: 10;
}
ul.topmenu li a:hover, ul.topmenu li a:focus {
	background-color: #292d6b;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 10;
}
ul.topmenu li:hover a:hover {
	/*need this for ie to pick up the colour change on first level menu hover*/
	background-color: #292d6b;
	color: #C0C0C0;
	font-weight: bold;
	z-index: 10;
}
ul.topmenu li:hover ul{
	/*having this set allows the dropdown to appear including its position. */
	display: block;
	position: absolute;
	top: 1.25em;
	left: 0em;
	line-height: 1.25em;
	z-index: 10;
	font-size: inherit;
}
ul.topmenu li ul
{
	/* this shows or hides the dropdown menu level */
	display: none;
	z-index: 100;
	overflow: visible;
}
ul.topmenu li ul li
{
	/* this controls the size of the second menu items */
	border: 0em none #292D6B;
	margin: 0em;
	display: block;
	float: left;
	list-style-type: none;
	text-transform: none;
	background-color: #ffffff;
	color: #292d6b;
	padding: 0em;
	line-height: 1.25em;
	z-index: 200;
	width: 10.5em;
}
ul.topmenu li ul li a:hover {
	background-color: #292d6b; /*grey*/
	color: #ffffff;
	font-weight: bold;
	width: 10.5em;
}
ul.topmenu li:hover ul li a:hover {
	/*this controls the hover layout for the second level menus when hovered*/
	background-color: #292d6b; /*white*/
	text-decoration: none;
	color: #ffffff;
	display: block;
	width: 10.5em;
}
ul.topmenu li ul li a, ul.topmenu li ul li a:visited
{
	/*this controls the non-hoverlayout for the second level menus when hovered*/
	border: 0.1em solid #292d6b;
	background-color: #ffffff;
	text-decoration: none;
	color: #292d6b;
	display: block;
	height: auto;
	width: 10.5em;
	z-index: 20;
}
/* not doing anything in IE */
ul.topmenu li a:hover ul {
	display: block;
	position: absolute;
	background-color: #ffffff;
	text-decoration: none;
	color: #292d6b;
}

#menu
{
	border-width: 0em;
	padding: 0em;
	margin: 0em;
	border-style: none;
	width: 50em;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	height: 1.25em;
	line-height: 1.25em;
	background-color: #000080;
}
#header
	{
	padding: 0em;
	margin: 0em;
	border-width: 0em;
}
a, a:visited {
	color: #292d6b;
}
.headertable
	{
	width: 40em;
	height: 6em;
}
.a1itcomplink
	{
	color: #FFFFFF;
	text-decoration: underline;
}
#pagebody
	{
	border-width: 0em;
	background-color: #FFFFFF;
	padding: 0em;
	margin: 0em;
	width: 50em;
	height: auto;
	position: relative;
}
.headspacer
{
	height: 0.5em;
	line-height: 3em;
}
.logoimg
	{
	margin: 0em;
	text-decoration: none;
	display: block;
	padding-top: 0.5em;
	padding-left: 0.5em;
	height: 6em;
}
.white
{
	color: #FFFFFF;
	line-height: 1em;
}
h1
{
	color: #292d6b;
	margin: 0em 0.5em 1em 0.5em;
	font-size: medium;
	padding-top: 1em;
}
p
{
	 font-size: .85em;
	 margin: 0em 0.5em 0.5em 0.5em;
	 line-height: 1.2em;
	 font-style: normal;
	 font-family: Verdana, Geneva, sans-serif;
	 color: #333333;
}
.sitemap, a.sitemap:visited
{
	color: #C0C0C0;
}
h2
{
	color: #292d6b;
	font-size: medium;
	margin: 0em 0.5em 0.5em 0.5em;
	line-height: 1em;
}
h3
{
	color: #292d6b;
	font-size: medium;
	margin: 0em 0.5em 0.5em 1em;
	line-height: 1em;
}
.footerfont a
{
	color: #FFFFFF;
}
.tooltip
{
	border-width: 0em 0em 0.1em 0em;
	cursor: help;
	border-style: dashed;
	line-height: 0.9em;
	text-decoration: none;
}
#reasons
{
	border: 0.1em inset #000080;
	margin: 0.5em 0em 0em 0em;
	display: block;
	width: 10.5em;
	height: auto;
	font-size: medium;
	overflow: hidden;
	position: absolute;
	top: 0em;
	left: 38.5em;
	z-index: 2;
	float: left;
	padding-left: 0.3em;
	padding-right: 0.2em;
}
ul, ol
{
	font-size: small;
}
.red
{
	color: #FF0000;
}
.contactimgtext
{
	width: 2.5em;
	height: 2.5em;
	vertical-align: middle;
	line-height: 2.5em;
}
.mapimgtext {
	width: 20em;
	height: 20em;
	vertical-align: middle;
}
.maptable {
	vertical-align: top;
	font-size: small;
}
.showtable
{
	text-align: center;
	width: 100%;
}
.showimage
{
    padding: 0.2em;
    width: 12em;
    height: 10em;
}
.goodaccess
{
	border: 0.5em double #292d6b;
	width: 40em;
	height:auto;
}
.goodlogo
	{
	border-style: ridge;
	border-width: 0.1em;
	padding: 0em;
	margin: 0em;
	height: 6em;
	display: inline;
}
.goodpara {
	font-size: medium;
	line-height:1em;
}
.badaccess
{
	border: 8px double #292d6b;
	width: 640px;
	height:auto;
}
.badlogo
	{
	border-style: ridge;
	border-width: 2px;
	padding: 0px;
	margin: 0px;
	height: 96px;
	display: inline;
	width: 182px;
}
.goodpara, .badpara{
	font-size: medium;
}
.goodpara {
	line-height: 1em;
}
.badpara {
	line-height: 1em;
}
.uglyaccess
{
	border: 8px double #292d6b;
	width: 640px;
	height:108px;
}
.uglylogo
	{
	border-style: ridge;
	border-width: 2px;
	padding: 0px;
	margin: 0px;
	height: 96px;
	display: inline;
}
.uglypara {
	line-height: 16px;
	font-size: 16px;
}
.hidden
{
	visibility: hidden;
}
.spamtext
{
	text-align: center;
}
.spamcaptcha
{
	font-size: large;
	color: #FF00FF;
}
.xsmall
{
	font-size: xx-small;
}
#reasons h2
{
	font-size: medium;
	font-weight: bold;
	text-align: center;
	padding: 0em;
	margin: 0em;
}
#reasonheader
{
	height: 3em;
}
.reasonbkgrd
{
	height: 11em;
	width: 10em;
	left: 0em;
	z-index: 0;
	position: absolute;
	top: 2.5em;
}
.webreasonback
{
	overflow: hidden;
	height: 13.5em;
	z-index: 1;
	width: 10em;
	display: block;
}
.webreasonfront
{
	height: 13.5em;
	position: absolute;
	top: 0em;
	left: 0em;
	width: 10em;
}
.webreasonfront h3
{
	display: block;
	height: 2.5em;
	font-weight: bold;
	font-style: italic;
	background-color: #000080;
	z-index: 3;
	margin: 0px;
	padding: 0.1em 0.2em 0.1em 0.2em;
	border-width: 0px;
	color: #FFFFFF;
	text-align: center;
}
.webreason
{
	height: 13.5em;
	width: 10em;
	position: relative;
	border: 0.1em groove #000080;
	margin-bottom: 0.5em;
}
.logodiv
{
	width: 10em;
	height: 6em;
	position: absolute;
	top: 0em;
	left: 0em;
}
.pagetitle
{
	position: relative;
	width: 40em;
	height: 5em;
	left: 10em;
}
#pagecontent
{
	padding: 0.5em;
	margin: 0em;
	border-width: 0em;
	background-color: #FFFFFF;
	width: 37.5em;
}
.webreasonfront p
{
	padding: 0.2em;
}
.peppersimg {
	width: 11.5em; 
	height: 6.5em; 
	float: left;
}
.vegimg {
	width: 13em; 
	height:16em; 
	float: left;
}
.govregsimg {
	width: 12em; 
	height: 10em; 
	float: left;
}
.radioimg {
	width: 12em; 
	height: 11em;
	float: left;
}
.seoimg {
	width: 15em; 
	height: 11em; 
	float: left;
}
.spannerimg {
	width: 12em; 
	height: 9em;
	float: right;

}
.moneyimg {
	width: 14em; 
	height: 11em;
	float: left;

}
.scartimg {
	width: 14em; 
	height: 12em;
	float: left;
}
.exploreimg {
	width: 21em; 
	height: 28em;
	float: left;
}
.cmsbabyimg {
	width: 22em; 
	height: 16.5em;
	float: left;

}
.linksimg {
	width: 13em; 
	height: 23.5em;
	float: left;
}
.chameleonimg {
	width: 10em; 
	height: 17em;
	float: left;
}
.datadrivenimg {
	width: 21em;
	height: 16em;
	float: left;
}
.pastelsimg {
	width: 20em;
	height: 16em;
	float: right;
}
.wwwimg {
	width: 19em;
	height: 13em;
	float: right;

}
.sboardimg {
	width: 12em;
	height: 40em;
	float: right;
	
}
.senginesimg {
	width:12em;
	height: 15em;
	float: left;
}
.atsignimg{
	width: 11em;
	height: 11em;
	float: left;
}
.blinksimg {
	width:8.5em;
	height: 6em;
	float: left;
}
.gekoimg {
	width: 19em;
	height:19em;
	float: left;
}
.rssimg {
	width:10.5em;
	height: 6.5em;
	float:right;
}
.thinkerimg {
	width: 15em;
	height: 16em;
	float: left;
	
}

.twitpic
{
	border: 0em none #00FFFF;
	margin: 0px;
	text-decoration: none;
	padding: 0em;
	width: 5em;
}
#twittrev, #twitdebbie, #twitjack
{
	border: 0.0em solid #00FFFF;
	padding: 0px;
	margin: 0px;
	height: 5em;
	width: 10em;
}
#twittrev 
{ position: absolute;
  left: 0em;
  top: 0em;
}
#twitdebbie
{ position: absolute;
  left: 20em;
  top: 0em;
  height: 5em;
  width: 10em;
}
#twitjack
{ position: absolute;
  left: 40em;
  top: 0em;
}
#twiticons 
{
	position: relative;
	padding: 0em;
	border-width: 0em;
	border-style: solid;
	border-color: #000000;
	margin: 0em;
	height: 5em;
	clear: both;
}
.fb-like
{
	padding: 0em;
	border-width: 0.0em;
	border-style: solid;
	border-color: #000000;
	margin: 0em;
	width: 10em;
	position: absolute;
	top: 0em;
	left: 10em;
}
.centred
{
	text-align: center;
}
#gplus
{
	position: relative;
	left: 30em;
	border-width: 0.0em;
	border-style: solid;
	border-color: #000000;
	display: block;
	margin-left: 3em;
}
.skipanchor{
	position: absolute;
	left: -90em;
	height: 1em;
	width: 1em;
}
#skiplinks
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 0em;
	top: 0em;
	width: 100%;
	text-align: left;
	font-size: medium;
}

#skiplinks li
{
	list-style-type: none;
	width: 100%;
	height: 100%;
}

#skiplinks a{
	position: absolute;
	left: -50em;
}
#skiplinks a:focus, #skiplinks a:active
{
	position: relative;
	left: 0em;
	z-index: 9999;
	width: 100%;
	margin: 0;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background: #000080
0;
	top: .5em;
	display: block;
	vertical-align: middle;
	font-size: 200%;
	line-height: 1.5em;
}
.skipdest
{
	display: none;
}

.weblinks
{
    width: 50em;
    border: 0.0em solid #000000;
    position: relative;
    height:10em;
}
.networklink
{
    width: 10em;
    position: absolute;
    left: 0.5em;
    border: 0.0em solid #000000;
}
.fsblogo
{ 
    text-align: center;
    border: 0.0em solid #000000; 
}
.bnilink
{
    width: 10em;
    position: absolute;
    right: 0.5em;
    border: 0.0em solid #000000;
}

.networklink img
{
    width: 10em;
    float: left;
    border: 0.0em solid #000000;
    margin-bottom: 0.2em;
}
.fsblogo img
{ 
    text-align: center; 
    border: 0.0em solid #000000;
    height:5em;
    margin-top:4em;
}
.bnilink img
{
    width: 4em;
    float: right;
    border: 0.0em solid #000000;
    margin-top: 3em;
}