* { margin: 0; padding: 0; }

.clear { clear: both; }

/* ==========================================================================================
 * =typography
 * ==========================================================================================
 */


/* Color changes made 16-01-07 */

body
{
	font-size: 0.74em;
	font-family: Arial,verdana, sans-serif;
	line-height: 1.3em;
	color: #112347;  /*background-color: #CDD4E0;*/
	padding-bottom: 8px;
}

a:link, a:visited
{
	color: #4646d3;
	font-weight: bold;
	text-decoration: underline;
}
a:visited
{
	color: #596D8A; !important
}

a:hover, a:active
{
	color: #4646d3;
	text-decoration: underline;
}

/* End color changes made 16-01-07 */

p, ul, ol
{
	margin: 0.7em 0;
}

h1
{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0.5em 0;
}

h1.level7
{line-height:1.5em;} /* more spacing for headings in level 7 pages */

h2
{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.5em 0;
}
h3
{
	font-size: 1.1em;
}
h4
{
	font-size: 1.2em;
}

ul, ol
{
	padding-left: 2em;
	list-style-type: none;
}

blockquote
{
	margin: 0.5em 0;
	padding: 0 1em;
}

ul.links
{
	list-style-type: none;
	padding-left: 0;
}

ul.links li
{
	background: transparent url(../images/link-arrow-blue.gif) left center no-repeat;
	padding-left: 10px;
}

ul.links li a:link, ul.links li a:visited, ul.links li a:hover, ul.links li a:active
{
	text-decoration: none;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}


/*Styles for the constant navigation and the section navigation*/

#sitenavcontainer
{
	background: #677F9F url(../images/sitenavcontainer-bg.gif) top left repeat-x;
	/*
	min-height: 64px;
	height: auto !important;
	height: 64px;
	*/
}

#homenav
{
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../images/mainnav_home_lit2.jpg) top left no-repeat;
	width: 138px;
	height: 64px;
	border: 0px solid red;
	text-align: center;
}

#homenav a
{
	display: block;
	padding-top: 8px;
	text-decoration: none;
}

a#topsearch {
	background: transparent;
	float: right;
	line-height: 22px;
	padding-right: 7px;
}

/* Change made to topnavigation 16-01-07 */
#topnavigation li a:link, #topnavigation li a:visited, 
a#topsearch:link, a#topsearch:visited  {color: #112347 !important;text-decoration:none !important; }

#topnavigation li a:hover, a#topsearch:hover {color:#4646d3 !important;	text-decoration:none !important;}
#topnavigation li a:active, a#topsearch:active {color:#112347 !important;	text-decoration:none !important;}
/* End change made to topnavigation 16-01-07 */

#topnavigation
{
	margin: 0;
	padding-left: 138px;
	background-color: #e6ebf0;
	min-height: 26px;
	height: auto !important;
	height: 26px;
}

#topnavigation a
{
	padding: 0px 7px 0px 7px;
	line-height: 22px;
	white-space: nowrap;
	text-decoration: none;
	height:1px; /* 22-01-07 */
	background: url(../images/topnav_bar.gif) center right no-repeat;
}



#topnavigation li
{
	display: inline;
	
}


#sectionnavigation
{
	padding-left: 138px;
}



#topnavigation .selected
{
	color: #ce9802;
	background-color: inherit;
}

#topnavigation a.last
{
	background-image: none;
	padding-right: 0;
}



/* section navigation
   ==============================================================*/

#nav
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { float: left; }

li#aboutoft, li#aboutoft a { width: 142px; }
li#oftwork, li#oftwork a { width: 142px; }
li#advice, li#advice a { width: 167px; }
li#oftcd, li#oftcd a { width: 167px; }

#nav a
{
	display: block;
	color: #fff;
	line-height: 20px;
	padding: 9px 0 9px 12px;
	height: auto;
	overflow: hidden;
	text-decoration: none;
	background: #677f9f url(../images/button_arrow_active.gif) left center no-repeat;
}

#nav a:link, #nav a:visited
{
	background-color: #677F9F;
}

#nav a:hover, 
#nav a:active, 
#nav a.selected:link, 
#nav a.selected:visited
{
	background-color: #20375C;
}

#nav li:hover ul, #nav li.sfhover ul
{
	/* lists nested under hovered list items */
	left: auto;
	/*ie7 fix for drop down menu*/
	min-height: 1px;	
}


/* Main layout:
 * ==========================================================================
 */

#pagenav
{
	background-color: #fff;
}

#wrapper
{
	background-color: #CDD4E0;
	padding-bottom: 4px;
	min-width: 770px;
}

#innerwrapper
{
	/*	padding-left: 20px;*/
	border-bottom: 1px solid #8D9CB2;
	background-color: #20375c;
}

img
{
	display: block;
	border-width: 0;
}

#skiplinks, #backtotop
{
	position: absolute;
	left: -1000px;
}

#masthead
{
	clear: both;
	background: #20375c url(../images/home-mast-bkgd.gif) 0 1px no-repeat;
}

#feature
{
	/* Some problem with margins if we don't have a border */
	border: 1px solid #20375c;
	border-width: 1px 0 0 0;
	height: 239px;
	background: transparent url(../images/home_scams_feature.jpg) 138px 0 no-repeat;
}


/* =featuretext box
 * ==========================================================================
 */

#featuretext
{
	background: transparent url(../images/home-feature-right.gif) bottom right no-repeat;
	margin-top: 5px;
	width: 26em;
	color: #ccc;
}

#searchnav div.category
{
	color: #b0c1d3;
	letter-spacing: 0.1em;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	margin-top:-5px;
}

#searchnav div.categoryHome
{
	color: #b0c1d3;
	letter-spacing: 0.1em;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	margin-top: -2em;
}


#featuretext .inner
{
	max-width: 600px;
	background: transparent url(../images/home-feature-left.gif) bottom left no-repeat;
}

#featuretext h2
{
	margin: 0;
	padding: 0.5em 1em 0 14px;
}

#featuretext p
{
	margin: 0;
	padding: 1em 1em 1em 14px;
}

#featuretext ul.links
{
	margin: 0;
	padding-bottom: 2em;
	padding-left: 14px;
}

#featuretext ul.links li
{
	background-image: url(../images/link-arrow-grey.gif);
}

#featuretext a:link, #featuretext a:visited
{
	color: #ccc;
}

#featuretext a:hover, #featuretext a:active
{
	color: #ce9802;
}


/* Branding/search area: */
/* ============================================================================== */
#branding
{


	
}

#logo, #search {
	padding-left: 6px;
}

#printlogo
{
	display: none;
}

#logo
{
	padding-top: 50px;
}

#logo a
{
	display: block;
	width: 352px;
	height: 36px;
	margin: 0px 0 30px;
}

#search form
{
	width: 340px;
	margin: 0;
	padding: 8px 0 5px;
}

a#advancedsearch:link, a#advancedsearch:visited {
	color: #b0c1d3;
}

a#advancedsearch:hover, a#advancedsearch:active {
	color: #fff;
}

/* Form styles
 * ================================== */

input.button
{
	background-color: #cb9501;
	border: 1px solid #fff;
	font-weight: bold;
	width: 60px;
	color: #fff;
	padding: 1px 8px 3px 8px;
	margin: 0 0 0 5px;
	font-size: 1em;
}

#search input.textbox
{
	width: 220px;
	height: 19px;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
}

/*Styles for the main content area*/
#mainContent
{
	/*\*/
	clear: both;
	height: 1%; /**/
	background: #fff url(../images/home_page_gold_tile.gif) 0 5px repeat-x;
	margin-bottom:1px; /* fix to home page image */
}
#contentwrapper
{
	border: 0px solid red;
	width: 100%;
	float: left;
	margin-right: -210px;
}

#content
{
	background: #fff url(../images/homepage_people.gif) 95% 0% no-repeat;
	margin: auto 210px auto 139px;
	text-align: right; 
}

#content #copy {
	/* Min height hack to stop having feet chopped off the people on bkgd image: */
	min-height: 90px;
	height: auto !important;
	height: 90px;
}

/*hide from macIE*/
/*\*/
#content h1
{
	text-align: right;
	position: relative;
	border: 0px solid red;
	height: 62px;
}
#content h1 img
{
	position: absolute;
	top: 0;
	right: 180px;
}
/**/
#content h1, #content p
{
	margin-top: 25px;
	padding-right: 180px;
}
#content p
{
	margin: 0;
	padding: 15px 180px 25px 0;
}
#news
{
	float: right;
	width: 206px;
}
#news a
{
	display: block;
	margin: 5px 0 0 0;
}
#news a:hover
{
	color: #627EAA;
}
#news h2
{
	padding: 0;
	margin: 0 0 11px 0;
	text-transform: uppercase;
}
#news h2 a { display: inline; }

#news p
{
	margin: 0px auto 8px auto;
	padding: 0;
}
#news .newsitemwithline
{
	border-top: 1px solid #D9DFE7;
}
#news .morenews
{
	border-top: 1px solid #7687A0;
	padding: 0;
	margin: 0;
}
#news .morenews a
{
	background: #C8D1E1 url(../images/homepage_subnav_link_1.gif) 2px 8px no-repeat;
	display: block;
	padding: 3px 10px;
	margin-top: 2px;
	text-decoration: none; !important
}



/*Styles for the boxes*/
/*=============================================================*/
#boxesContainer {
	float:left;
	background: url(../images/homeBoxBG.gif) top left;
	margin-top:3px;
}

#boxes {
	padding-left: 139px;   /* LC width */
	padding-right: 206px;  /* RC width */
}

#boxes .column {
	position: relative;
	float: left;
}

#boxes #mainBoxes {
	width: 100%;
	background: #E5E9F1;
	border-top:2px solid #415F87;
	padding:4px 0px 0px 0px;
	overflow: hidden;
}

#boxes #mainBoxes .box {
	width:33%;
	float:left;
	background: url(../images/homeMainBoxBG.gif) top right;
	margin-bottom: -1910px; 
	padding-bottom: 2000px; 
}

#boxes #mainBoxes .box h1 {
	margin:0px 9px 0px 0px;
	padding:0px;
	font-size: 1.2em;
}

#boxes #mainBoxes .box h1 a:link,
#boxes #mainBoxes .box h1 a:active,
#boxes #mainBoxes .box h1 a:visited {
	color: #20375C;
	display: block;
	background: #B0BED4 url(../images/homepage_arrow.gif) top left no-repeat;
	padding: 9px 2px 9px 25px;
	margin: 0;
	text-decoration: none;
}
#boxes #mainBoxes .box h1 a:hover
{
	background: #7d96bf url(../images/homepage_arrow.gif) top left no-repeat;
	color: #20375C;
	text-decoration: none;
}

#boxes #mainBoxes .box h3 {
	background-color: #7B92B7;
	color: #fff;
	padding-left: 10px;
	font-size: 1em;
	margin-right:9px;
}

#boxes #mainBoxes .box p,
#boxes #rightBoxes .box p {
	padding:5px 20px 5px 10px;
	margin:0px;
}

#boxes #mainBoxes .box ul {
	padding: 8px 5px 10px 26px;
	list-style: url(../images/homepage_subnav_link_2.gif);
}

#boxes #mainBoxes .box ul li {
	margin-bottom: 0px; 
	padding-right:5px;
}

#boxes #mainBoxes #firstBox {
	border-left: 1px solid #BFC9D7;
}

#boxes #leftMargin {
	width: 139px;          /* LC width */
	right: 139px;          /* LC width */
	margin-left: -100%;
}

#boxes #rightBoxes {
	width: 206px;          /* RC width */
	margin-right: -206px;  /* RC width */
	border-top:2px solid #415F87;
	padding-top:4px;
	background: #E5E9F1;
}

#boxes #rightBoxes .box {
	width:205px;
	border-right: 1px solid #415F87;
	border-bottom: 1px solid #415F87;
	background: #fff;
}

#boxes #rightBoxes #codesbox .box
{
	margin-top:10px;
}

#boxes #rightBoxes #codesbox .box a
{
	background:#B0BED4 url(../images/homepage_arrow.gif) no-repeat scroll left top;
	color:#112347;
}

#boxes #rightBoxes #codesbox .box a:hover
{
	background:#7D96BF url(../images/homepage_arrow.gif) no-repeat scroll left top;
}

#boxes #rightBoxes .box h1 {
	margin:0px;
	padding:0px;
	font-size: 1.2em;
}

#boxes #rightBoxes .box h1 a:link,
#boxes #rightBoxes .box h1 a:active,
#boxes #rightBoxes .box h1 a:visited {
	color: #fff;
	display: block;
	background: #F5821F url(../images/homepage_arrow.gif) top left no-repeat;
	padding: 9px 2px 9px 25px;
	margin: 0;
	text-decoration: none;
}
#boxes #rightBoxes .box h1 a:hover
{
	background: #db741b url(../images/homepage_arrow.gif) top left no-repeat;
	color: #fff;
	text-decoration: none;
}

#boxes #rightBoxes .box img {
	float: left;
}

#boxes #rightBoxes .box p a:hover {
	color: #627EAA;
}

#boxes #rightBoxes .box a span {
	border: 0px solid red;
	display: block;
	background: url(../images/homepage_subnav_link_2.gif) 0px 4px no-repeat;
	padding-left: 10px;
	margin-left: 60px;
}

.boxesBase {
	clear:both;
	float:left;
	width:100%;
	height:17px;
	background: #E5E9F1 url(../images/bkg_box.jpg) bottom left repeat-x;
}

.boxesBase .margin {
	float:left;
	width:139px;
	height:17px;	
	background:#FFF;
}

/*** IE6 Fix ***/
* html #boxes #leftMargin {
	left: 226px;           /* RC width */
}

/* END Styles for the boxes*/
/*=============================================================*/

/*bottom section*/

#bottom
{
	/*\ hide from mac/ie*/
	clear: both;
	width: 100%; /*stop hidding*/
	border-top: 2px solid #fff;
}
#bottomrightpanel
{
	/*background-color: #ccc;*/
	margin-left: 139px;
}
#btt
{
	float: left;
	width: 139px;
	
}
#backtop
{
	display: block;
	position: relative;
	top: -15px;
	left: 35px;
}
#contactdetails
{
	background: url(../images/homepage_phone.gif) top left no-repeat;
	float: left;
	width: 50%;
	border: 0px solid red;
	margin: 0 0 2px 0;
}
#signup
{
	background: url(../images/homepage_tick.gif) top left no-repeat;
	width: 49%;
	float: right;
	margin: 0;
	padding-bottom: 10px;
}
#contactheader, #signupheader
{
	height: 2em;
	padding: 0 5px 0 0;
	background: url(../images/dotted_line.jpg) bottom left repeat-x;
	margin: 0 5px 0 33px;
}
#contactheader h2, #signupheader h2 {
	line-height: 1em;
	margin: 0; padding: 6px 0 0;
	float: left;
}

#callcharges {
	text-align: right;
	display: block;
	line-height: 1em;
	margin: 0; padding: 5px 0 0;
}

#contactdetails ul
{
	clear: left;
	float: left;
	width: 49%;
	margin: 5px 0 0 0;
	padding: 0;
	border-right: 1px solid #405678;
}
#contactdetails ul.last
{
	clear: none;
	border: none;
}
#contactdetails li
{
	padding-left: 33px;
}
#signup ul
{
	margin: 10px 5px 0 50px;
	padding: 0;
	text-align: center;
}
#signup li
{
	display: inline;
	border: 0px solid red;
}
#signup .email a, #signup .email a:link, #signup .email a:visited, #signup .email a:hover, #signup .email a:active, #signup .sendtofriend a, #signup .sendtofriend a:link, #signup .sendtofriend a:visited, #signup .sendtofriend a:hover, #signup .sendtofriend a:active, #signup .rss a, #signup .rss a:link, #signup .rss a:visited, #signup .rss a:hover, #signup .rss a:active
{
	background: url(../images/homepage_computer.gif) left center no-repeat;
	padding: 5px 20px 5px 30px;
	text-transform: uppercase;
}
#signup .sendtofriend a, #signup .sendtofriend a:link, #signup .sendtofriend a:visited, #signup .sendtofriend a:hover, #signup .sendtofriend a:active
{
	background: url(../images/email_alerts.gif) left center no-repeat;
}
#signup .rss a, #signup .rss a:link, #signup .rss a:visited, #signup .rss a:hover, #signup .rss a:active
{
	background: url(../images/homepage_rss.gif) left center no-repeat;
}
#signup .email a:hover, #signup .sendtofriend a:hover
{
	color: #4646D3;
}

#registrationForm {clear:left;display:block;margin:5px 0pt 0pt;padding:1px 3px;width:500px;}
#registrationForm label {display:block;float:left;margin:0pt 0pt 5px;padding:3px 5px;text-align:left;width:130px;}
#registrationForm  input password {
  margin:0pt;
  padding:1px 3px;
  width:300px;}


#cnbottom {
				list-style-type: none;
				padding: 6px 0 0 147px;
				clear: left;
}

#cnbottom li {
	color: #000;
	display: inline;
	padding: 0 9px 0 5px;
	background: url(../images/cnbottom_bar.gif) center right no-repeat;
}

#cnbottom li.last { background-image: none; }

#cnbottom a:link, #cnbottom a:visited {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

#cnbottom a:hover, #cnbottom a:active {
	color: #4646d3;
}
/*end bottom section*/