﻿/* Global Resets*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ul, li, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.25em;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


input {padding:3px 5px 3px 5px;}

a:hover,a:visited{color:#333;}

select 
{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/*End of Global Resets*/

/*default form styles*/

fieldset 
{  
	float:left;
	clear:left;
	width:100%;
	margin: 1.5em 0 -1em 0;  
	padding: 0 0 1em 0;
} 


fieldset ol
{
	padding:1em 1em 0 1em;
	list-style:none;
}

fieldset li
{
	float:left;
	clear:left;
	width:100%;
	padding:0.5em 0;
}

fieldset ol.inline,
fieldset ul.inline
{
	padding-top:0;
}

fieldset ol.inline li,
fieldset ul.inline li
{
	width:auto;
	float:left;
	clear:none;
}

fieldset ol.inline label,
fieldset ul.inline label
{
	float:none;
}

fieldset.submit
{
	float:none;
	width:auto;
	border-style:none;
	padding:1em 0 0 0;
	background-color:Transparent;	
}

fieldset input.back
{
	float:left;
}

fieldset input.submit
{
	float:right;
}

fieldset p
{
	margin:5px;
}

.labelSpacer {margin-left:11em;}
.halfbox .labelSpacer{margin-left:6em;}



label, 
span.labelSpacer
{
	text-align:right;
	float:left;
	width:10em;
	margin:0 1em 0 0;
}

.halfbox label, 
.halfbox span.labelSpacer
{
	text-align:right;
	float:left;
	width:7em;
	margin:0 1em 0 0;
}
em.required
{
	color:red; 
	font-weight:bold;
	padding-left:2px;
	font-size:1.1em;
}

.helpIcon
{
	float:right;
	cursor:help;
	text-indent:-999em;
}

.helpRow
{
	background:#E9E9E9;
}


div.errorsummary
{
	border:1px solid #8C9CB9;
	font-weight:bold;
	margin-bottom:10px;
	padding:15px;
	font-size:1.4em;
	line-height:1.2em;
	overflow:hidden;
}

span.errorWrap,
span.errorWrapIndent
{
	display:block;
	clear:both;
	background:url(/i/iconError.gif) no-repeat 0 0; 
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}

span.errorWrapIndent
{
	margin-left:11em;
}

span.errorMsg
{
	color:red;
	font-weight:bold;
	margin:10px 0;
	display:block;
}

p.requiredField
{
	color:Red;
	margin:3px 0 10px 0;
	text-align:right;
}

fieldset.fsForm
{
	border:none;
	margin:0;  
	padding:0;
} 
	

fieldset.fsForm label
{
	font-weight:bold;
}


fieldset.fsForm input.text
{
	width:150px;
}

.halfbox fieldset.fsForm input.text
{
	width:115px;
}

fieldset.fsForm textarea.textmulti
{
	width:150px;
	height:60px;
}

fieldset.fsForm h3
{
	background:#dde9f8;display:block;font-size:1.25em;padding:5px 12px 5px 10px;font-weight:bold;float:left;margin:0px;
} 

fieldset.fsForm div.fsBody
{
border-top:solid 1px #dde9f8;width:100%;clear:left;
} 

fieldset.fsForm .notes
{
	color:#666;
}


fieldset.fsForm ol {margin-bottom:0px;}

/*Global Styles*/

.clearall, .cb, .clearboth {clear:both;display:block;content:".";}/*visibility:hidden;height:0; breaks the bottom footer?¬?¬?*/
 
.left{float:left;}
.right{float:right;}
.mt20 {margin:20px 0 0 0;}
.mr20 {margin:0 20px 0 0;}
.ml20 {margin:0 0 0 20px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.block{display:block;float:left;}
.imgrep {display:block;position:relative;overflow:hidden;margin: 0 0 0 0;padding:0;}
.imgrep span{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;}	
.screenreader{display:block;background-repeat:no-repeat;text-indent:-999em;}	
.cursor{cursor:pointer;}

ul.ulist, ol.ulist
{
	list-style-type:disc;
	margin:10px 0;
}
ul.ulist li, ol.ulist li
{
	margin:0 0 10px 20px;
}

/*Main Structure*/

body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.70em;  
	line-height:22px;
	color:#222222;
    background:url(/i/sliceHeader.gif) repeat-x;
}

h1
{
	margin:0px 0 5px 0;
	font-size:1.75em;
	color:Red;
	font-weight:bold;
}	

h2
{
	margin:5px 0 15px 0;
	font-size:1.3em;
	font-weight:normal;
}	

.small{font-size:smaller;}

p{margin:5px 0 10px 0;}
.red,a.red,a.red:hover,a.red:visited {color:#FF0000;}

a {color:#013d91;text-decoration:none;}
a:visited {color:#013d91;}
.wrapper
{
    width:940px;
    margin:0 auto;
    padding:0;
}

#colContent
{
    float:left;
    width:620px;
    margin:0;
    padding:20px 0 0 0;
}

.colContent50pc 
{
    width:300px;
    float:left;
}

#colRight
{
    float:right;
    width:290px;
    margin:0 0 0 20px; /*when removing line below put this back to 20px!!!!!*/
    padding:20px 0 0 0;
}

/*End of Main Structure*/


#header, #footer {margin:0; padding:0; width:100%;color:White;font-weight:bold;}
#header {height:33px;margin:2px 0 0 0;}
#footer {margin:15px 0 0 0;height:73px;background:url(/i/sliceFooter.png) repeat-x 0 0;color:White;padding:10px 0 0 0;}/*233px*/
#footer div.hr {background:transparent url(/i/footerDivider.png) no-repeat;width:940px;height:2px;border:0px;margin:10px 0 0 0;}
#footer div.hr hr {display: none;}

#footer a {color:White;text-decoration:none;}
#footer a:visited {color:White;}

#subheader {height:100px;}

#subheader #logo {width:201px;height:25px;float:left;margin:41px 0 0 0;} 
#subheader #logo span{background-image:url(/i/logo.jpg);}
#subheader h2 {float:right;margin:48px 0 0 0;font-weight:bold;}

#topnav{height:38px;padding:2px 0 0 0;}

#topnav ul{}
#topnav li{float:left;margin:7px 40px 0 0;}
#topnav li a {text-decoration:none;color:#666666;font-weight:bold;font-size:1.2em;}
#topnav li a:visited {color:#666666;}
#topnav li a:hover, #topnav li.current a {color:#222222;}

#topnav .linkbox {float:right;}

.breadcrumb {margin:-20px 0 20px 0;padding:5px 0 5px 0;border-bottom:solid 1px #dde9f8;}


.mainNav li
{
    line-height:30px;
    padding:0 0 0 15px;
}

#footer 
{
    height:200px;
}
#footer .vlinks 
{
    float:left;
    width:220px;
	font-size:0.85em;
}

#footer .adverts {
    width:280px;
    float:left;
}

#footer .links
{
    padding:5px 0 0 0;
    text-align:center;
	font-size:0.85em;
}

#footer .links li
{ 
	display:inline;
	margin:0 0 0 30px;
}

#footer .links a
{
	text-decoration:none;
	margin:0 30px 0 0;
}

#footer p
{
    text-align:center;
    font-size:0.7em;
    line-height:1.75em;
}

.mainNav a
{
	color:black;
	font-weight:bold;
	text-decoration:none;
}

.mainNav li 
{
}

.button 
{
    background:transparent url(/i/button.png) no-repeat scroll top right;
    font-weight:bold;
    height:33px;
    padding:0 25px 0 10px;
    margin:0 0 5px 0;
    color:White;
    border:0;
}

.linkbutton 
{
    background:transparent url(/i/button.png) no-repeat scroll top right;
    font-weight:bold;
    padding:5px 25px 9px 10px;
    text-decoration:none;
    margin:0 0 5px 0;
    color:White;
    display:block;
}

.buttonaslink {color:#013d91;font-size:0.9em;border:solid 0 #fff;background-color:transparent;vertical-align:bottom;}
.buttonaslink:hover {cursor:pointer;}

a:visited.linkbutton, a:hover.linkbutton {color:White;}

.smallbutton 
{
    background:transparent url(/i/buttonSmall.png) no-repeat scroll top right;
    font-weight:bold;
    height:26px;
    padding:0 25px 0 10px;
    color:White;
    border:0;
}
.linkbox {height:22px; border:solid 1px grey;padding:8px 30px 0 30px;}



/*scaffolding / box styles*/

.twocolextrawide {width:940px;margin:15px auto 0px;padding:0;}
.twocolextrawide .firstcol {width:450px;margin:0 10px 0 10px;float:left;}
.twocolextrawide .secondcol {width:450px;margin:0 10px 0 10px;}
/* boxes */

.box, .shadedbox, .endlessbox, .halfbox {margin-bottom:20px;}
.halfbox {width:300px;float:left;}
.endlessbox h3, .box h3, .shadedbox h3, .halfbox h3 {background:#dde9f8;display:block;font-size:1.25em;padding:5px 12px 5px 10px;font-weight:bold;float:left;}
.box div.boxcontent, .endlessbox div.boxcontent {border-top:solid 1px #dde9f8;width:100%;}
.halfbox div.boxcontent {border-top:solid 1px #dde9f8;width:100%;clear:left;}

.endlessbox div.boxcontent{border-bottom:solid 1px #dde9f8;}
.shadedbox div.boxcontent{border:solid 2px #dde9f8;background:transparent url(/i/sliceBoxGradient.gif) repeat-x scroll bottom left;clear:left;width:100%;}
.boxpadding {padding:5px 12px 5px 10px;}


.box .col, .endlessbox .col  {width:310px;float:left;border-right:solid 1px #ccc;}
.shadedbox .col {width:310px;float:left;border-right:solid 1px #ccc;}
.box .lastcol, .endlessbox .lastcol {width:285px;float:left;}
.shadedbox .lastcol {width:308px;float:left;}
.box .threefirstcol, .endlessbox .threefirstcol  {width:240px;float:left;border-right:solid 1px #ccc;}
.box .threecol, .endlessbox .threecol  {width:180px;float:left;border-right:solid 1px #ccc;}
.shadedbox .threecol {width:180px;float:left;border-right:solid 1px #ccc;}
.box .threelastcol, .endlessbox .threelastcol {width:180px;float:left;}

.box .row, .endlessbox .row  {width:300px;float:left;border-bottom:solid 1px #dde9f8;}
.shadedbox .row {width:300px;float:left;border-bottom:solid 1px #dde9f8;}
.box .lastrow, .endlessbox .lastrow {width:300px;float:left;}
.shadedbox .lastrow {width:285px;float:left;}

.box strong, .shadedbox strong, .endlessbox  strong, .halfbox strong {font-weight:normal;font-size:1.2em;}

.box p, .shadedbox p, .endlessbox  p, .halfbox p  {margin:0px 0px 10px 0px; padding:0px; line-height:18px;}
.box h4, .shadedbox h4, .endlessbox  h4, .halfbox h4  {margin:0px 0px 0px 0px;padding:0px;font-size:1.2em;line-height:18px;	color:#013d91;}
.box .morelink, .shadedbox .morelink, .endlessbox  .morelink, .halfbox .morelink  {float:right;}

/*mini tabs*/
h3.minitabs.current {background-color:#dde9f8;}
h3.minitabs {background-color:#fff;border:solid 1px #dde9f8;border-bottom:0; margin-right:3px;}


/* link types */
.greylink, .greylink:hover, .greylink:visited,.sectionlink, .sectionlink:hover, .sectionlink:visited  {font-size:1.15em;padding:0 10px 0 0;text-decoration:none;background:transparent url(/i/arrowGrey.gif) no-repeat center right;}

.seemore, .seemore:hover, .seemore:visited {float:right;color:#013d91;font-size:1.15em;padding:0 10px 0 0;margin:5px 10px 0 0;text-decoration:none;background:transparent url(/i/blueArrow.gif) no-repeat center right;}

.profilesmall {width:50px; }

/*banners*/
#subheader .topbanner {float:right;margin:18px 0 0 0;font-weight:bold;}
 

