/*
Please note that we are using Eric Meyer's very useful 'Reset.css'
which must be included before this file. Reset.css gets rid of virtually
all browser-specific styles and gives us a clean slate.

There are a couple of IE6 hacks which appear at the bottom of this file.
Because there are only a couple of tweaks, we're using the '* html' hack
(which modern browsers will ignore) instead of attaching a separate,
conditional stylesheet.
*/

/*
===================
Global
===================
*/
body, input, textarea, select {
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	color:#003366;
}
body {
	line-height:130%;
}
.wrapper {
	width:950px;
	margin:auto;
	position:relative;
}

#secondary_nav {
	width:950px;
	margin:auto;
	position:relative;
	z-index: 10;
}

h1 {
	font-size:3em;
	font-weight:normal;
	line-height:100%;
	color:#006699;
	margin-bottom:.4em;
}


h2 {
	font-size:1.7em;
	font-weight:normal;
	line-height:100%;
	color:#3399CC;
	margin-bottom:.8em;
}

h3 {
	font-size: 14px;
	font-weight: bold;
}

h4 {
	font-size: 14px;
	color:#003366;
	
}

.blue {
	color:#003366;
}

.skyblue {
	
	color:#3399CC;
}

p, ul.bullet {
	line-height:110%;
	margin-bottom:1em;
}
p.intro {
	font-size:1.33em;
	line-height:130%;
}
a {
	color:#fff;
	text-decoration:none;
}

#content a {
	color:#00CCFF !important;
	text-decoration:none !important;
}

#content_home a {
	color:#0099FF !important;
	text-decoration:none !important;
}
#content_home a:hover {
	color:#c36 !important;
	text-decoration:none !important;
}



q {
	margin-top:10px;
	display:block;
	font-size:18px;
	font-family:Georgia, serif;
	line-height:130%;
	padding:0 28px 0 20px;
	color:#d5e9f7;
}
ul.bullet {
	list-style:disc;
	padding-left:1.35em;
}
.clear {
	clear:both;
}

/*
===================
Page Layout
===================
*/
body {
	background:#fff;
}
#header {
	padding:0px 0 0px 10px;
	background:#8cbad2 url(../Images/bg-header.gif) top repeat-x;
	border-bottom:1px solid #84abc2;
}
#contentContainer {
	background:#fff url(../images/content_background.png) top;
	background-repeat: no-repeat;
    zoom: 1; 
}
#content {
	padding:45px 240px 30px 316px;
}

#content_home {
	padding:25px 240px 30px 316px;
	min-height:370px;
}


#content p{
	font-size: 1em;
}

#content p.italic{
	font-style: italic;
}

#content p.blue{
	color: #6699CC;
}


#content_home p{
	font-size: 1.2em;
}

#content.content {
	min-height:310px;
	zoom: 1;
}
#footer {
	font-size:10px;
	padding-bottom:8px;
	background:#fff url(../images/bg-footer.gif) 0 2.1em repeat-x;
	border-top:1px solid #b2c1d1;
}

/* New for holding page... */
#content_landing {
    padding: 45px 240px 30px 316px;
    min-height: 300px;
}

#content p.landing{
    font-size: 1.4em;
    color: Black;
}

#content #actionPlanCol2 input
{
    margin-bottom: 15px;
    width: 150px;
}

#content #actionPlanCol2 label
{
    font-size: 1.2em;
    color: Black;
    padding-top: 10px;
}
/* Remove when holding page goes!!! */

/*
===================
Header Styles
===================
*/
#logo {
	outline:none;
	float:left;
	margin-right:12px;
	margin-left:12px;
	margin-top:11px;
}

#logo_right {
	outline:none;
	float:right;
	margin-top:20px;
}
#navList {
	float:left;
    margin-bottom: 20px;

	font-family:"Segoe UI", "Trebuchet MS", Arial, sans-serif;
}
#navList li.topLevel {
	float:left;
	
	margin-right: 70px;
	padding:5px 13px 0 4px;

}
#navList h3 {
	font-size:14px;
	color: #0099FF;
	font-weight:bold;
	margin-bottom:10px;
	padding-left: 15px;
	background: url(../Images/arrow.gif) 0% no-repeat;
}
#navList a {
	clear:left;
	color: #0099FF;
	display:block;

}


#navList h3 a:hover,
#navList h3 a.active {
	color:#c36 !important;
}

/*
===================
Title Bar Styles
===================
*/
#titleBar {

	background:#8cbad2 url(../Images/titlebar_background.gif) top repeat-x;
	border-top:1px solid #84abc2;
    padding-top: 5px;
	height:22px;
}
#titleBar h3 {
	padding-left:20px;
}
#titleBar ul {
	float:left;
	padding-left:20px;
	font-weight: bold;
	
}
#titleBar li {
	float:left;
	color:#fff;
}


#titleBar a {
	color:#036;
}

 #titleBar a.current{
	color:#fff;
}

 #titleBar a.current:hover{
	color:#fff;
}


#titleBar a:hover {
	color:#c36;
}

/*
===================
content Container ul styles
===================
*/

#secondary_nav ul {
	float:left;
	padding-left:20px;
	padding-top: 5px;
	
	
}

#secondary_nav.second ul {
	float:left;
	padding-left:200px;
	padding-top: 5px;
	
	
}

#secondary_nav li {
	float:left;
	color:#fff
	
}


 #secondary_nav a {
	color:#036;
}

 #secondary_nav a.current{
	color:#6699CC;
}

#secondary_nav a.current:hover{
	color:#6699CC;
}



#secondary_nav a:hover {
	color:#c36;
}

#secondary_home {
	display:block;
	font-size:16px;
	color:#003366;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom:.2em;
	font-weight: bold;
	background:url(../images/secondary_background.gif) 100% no-repeat;
	
}


/*
===================
Sidebar Styles
===================
*/
#sidebarLeft {
	position:absolute;
	top:45px;
	left:20px;
	width:272px;
	min-height:313px;
	padding-right:12px;
	

}


#sidebarRight ul {
	width:203px;
	padding-right: 0px;
	font-weight: normal;
	
	
}

#sidebarRight {
	position:absolute;
	top:45px;
	padding-top: 5px;
	right:11px;
	width:203px;
	background:url(../images/bg-sidebar-link-top.gif) top no-repeat;
}

#sidebarRight a {
	display:block;
	font-size:12px;
	padding:7px 0 35px 10px;
	background:url(../images/bg-sidebar-link.gif) bottom no-repeat;
	line-height:15px;
	color:#036;
}
#sidebarRight strong {
	display:block;
	font-size:16px;
	color:#CC3333;
	padding-right:20px;
	margin-bottom:.3em;
	font-weight: bold;
}



#sidebarRight q {
	border-left:1px solid #9bb2c5;
	padding-left:31px;
}
img.quote {
	margin-top:-4px;
}
img.open {
	float:left;
	margin:0 0 0 -18px;
}

/*
===================
Sidebar Right home
===================
*/

#sidebarRight_home ul {
	width:203px;
	padding-right: 0px;
	font-weight: normal;
	
	
}

#sidebarRight_home {
	position:absolute;
	top:25px;
	padding-top: 5px;
	right:11px;
	width:203px;
	
}

#sidebarRight_home a {
	display:block;
	font-size:12px;
	padding:7px 0 20px 0px;
	background:url(../images/bg-sidebar-link.gif) bottom no-repeat;
	line-height:15px;
	color:#036;
}

#sidebarRight_home a p{
	
	font-size:12px;
	padding-left: 25px;
	pading-right: 10px;
	
	
}


#sidebarRight_home strong.one {
	display:block;
	font-size:16px;
	color:#CC3333;
	padding-right:20px;
	padding-left:25px;
	padding-top: 5px;
	margin-bottom:.1em;
	font-weight: bold;
	background:url(../images/1.gif) 0% no-repeat;
}

#sidebarRight_home strong.two {
	display:block;
	font-size:16px;
	color:#CC3333;
	padding-right:20px;
	padding-left:25px;
	margin-bottom:.1em;
	font-weight: bold;
	background:url(../images/2.gif) 0% no-repeat;
}
#sidebarRight_home strong.three {
	display:block;
	font-size:16px;
	color:#CC3333;
	padding-right:20px;
	padding-left:25px;
	padding-top: 5px;
	margin-bottom:.1em;
	font-weight: bold;
	background:url(../images/3.gif) 0% no-repeat;
}


#sidebarRight_top {
	display:block;
	font-size:16px;
	color:#003366;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	padding-top: 5px;
	padding-bottom: 5px;

	font-weight: bold;
}



/*
===================
Sidebar Left home
===================
*/

#sidebarLeft_home {
	position:absolute;
	top:25px;
	left:20px;
	width:272px;
	min-height:313px;
	padding-right:12px;
	

}


/*
===================
Search
===================
*/
#search {
	position:absolute;
	top:-2px;
	right:7px;
	width:191px;
	height:32px;
	padding:11px;
	background:url(../images/bg-search.gif) no-repeat;
}
#search_result {
	position:relative;
	top:-2px;
	right:7px;
	width:100%;
	border-top: 1px #96b0c4 solid;
	border-bottom: 1px #96b0c4 solid;
	padding:11px;
	margin-bottom: 10px;

}



#search_result input {
	float:left;
	border:none;
	font-size:14px;
}
#search_result input.text {
	width:130px;
	height:18px;
	padding-top:6px;
	padding-left:6px;
	padding-bottom:6px;
	margin-right: 10px;

	color:#000;
	background:#fff url(../images/bg-search-input2.gif) no-repeat;
}
#search_result input.button {
	width:68px;

	height:30px;
	color:#036;
	background:#c7e2f5 url(../images/bg-search-button.gif) no-repeat;
}
h5  {
	
	font-size:16px;
	line-height:100%;
	
}

h5 a{
	
	
	color:#97CAFD;
    text-decoration: none !important;
	
}



#search input {
	float:left;
	border:none;
	font-size:14px;
}
#search input.text {
	width:108px;
	height:18px;
	padding:6px;
	color:#000;
	background:#fff url(../images/bg-search-input.gif) no-repeat;
}
#search input.button {
	width:68px;
	height:30px;
	color:#036;
	background:#c7e2f5 url(../images/bg-search-button.gif) no-repeat;
}

/*
===================
Box List
===================
*/
/* Horizontal box list on the landig page that uses images as the list items */
ul.boxList {
	height:139px;
	margin:0 0 20px 20px;
}
ul.boxList li {
	float:left;
	width:213px;
	height:139px;
	margin-right:16px;
	background:url(../images/bg-box.gif) no-repeat;
}
ul.boxList li a {
	display:block;
	position:relative;
	font-size:14px;
	width:166px;
	height:127px;
	padding:12px 30px 0 17px;
}
ul.boxList li strong {
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:110%;
	color:#036;
	padding-right:85px;
	height:68px;
}
ul.boxList img {
	display:block;
	position:absolute;
	top:12px;
	right:13px;
}

/*
===================
Support List
===================
*/
/* This is the horzontal banner-type list with logo links for supporters */
ul.supportList {
	height:46px;
	background:url(../images/bg-support.gif) no-repeat;
	margin:0 0 20px 20px;
	padding:2px 10px;
}
ul.supportList li {
	float:left;
	height:50px;
}
ul.supportList li.logo1 {width:290px}
ul.supportList li.logo2 {width:240px}
ul.supportList li.logo3 {width:180px}

ul.supportList img,
ul.supportList span {
	float:left;
}
ul.supportList span {
	padding:15px 0 0 5px;
	color:#7f99b2;
}


/*
===================
Footer Styles
===================
*/
#footer p.legal {
	float:left;
	line-height:20px;

	margin:0;
}
#footer a:hover,
#footer p.legal a {
	color:#006699;
}
#footer p.notes {
	font-size: 9px;
	clear:both;
	color:#003366;
	padding:6px 0;
	margin:0;
}
#footer ul {
	float:left;
	height:20px;
	line-height:20px;
	padding-left:20px;
}
#footer li {
	float:left;
}

/*
===================
Home Page Styles
===================
*/
/* These styles are for the images on the top of the home page */

#homeBanner {
	background:#2c5a84 url(../images/bg-home-banner.gif) top repeat-x;
	border-bottom:1px solid #036;
}
#homeBanner ul {
	height:221px;
	padding:9px 0 9px 25px;
}
#homeBanner li {
	float:left;
	margin-right:10px;
}
#homeBanner li.box {
	background:url(../images/bg-home-box.gif) no-repeat;
	width:223px;
	height:220px;
}
#homeBanner a {
	display:block;
	width:201px;
	height:209px;
	padding:11px 11px 0 11px;
	font-size:14px;
	line-height:100%;
}
#homeBanner a strong {
	display:block;
	font-weight:bold;
	color:#036;
	margin-bottom:2px;
}
#homeBanner img {
	display:block;
	margin-bottom:7px;
}

/* On the home page, the header lists are a bit bigger and content padding
changes (plus a few other things), so we'll adjust by giving the a css class
of "home" to the header and contentWrapper divs, to override the base styles
with these ones... */

#header.home  {
	background:#036;
	border-top:1px solid #335a81;
}
.home #navList {
	font-size:11px;
	margin-left:10px;
	min-height:8.5em;
	line-height:150%;
	border-color:#335c85;
}
.home #navList h3 {
	font-size:14px;
}
.home #navList li.topLevel {
	padding:0 19px 0 8px;
	height:8.5em;
	border-color:#335c85;
}
.home p {
	font-size:14px;
}
.home p.info {
	float:right;
	width:210px;
	line-height:110%;
	color:#036;
	border-left:1px solid #2a5a85;
	padding-left:10px;
	margin-left:20px;
	height:106px;
}
.home #content {
	padding:20px 240px 5px 18px;
}
.home #sidebarRight {
	width:217px;
	border-left:1px solid #2a5a85;
	height:106px;
	top:67px;
}
.home #sidebarRight a {
	font-size:11px;
	background-image:url(../images/bg-signup-link.gif);
	background-position:bottom right;
	color:#c6d7e5;
	padding:0 14px 10px 10px;
	line-height:110%;
}
.home #sidebarRight a.signup strong {
	background:url(../images/bg-signup-heading.gif) right no-repeat;
	width:82px;
	padding-right:60px;
	font-weight:bold;
	line-height:100%;
}



/*
===================
Landing Page Styles
===================
*/
/* On the landing page(s), the type is a little bigger and the padding around
the content change. So to control this, we add the css class "landing" to the
contentWrapper div, and the altered styles are shown below... */

.landing p {
	font-size:14px;
}
.landing p.intro {
	font-size:16px;
	line-height:110%;
}
.landing #content {
	padding-left:250px;
}
.landing #sidebarLeft {
	background:none;
	height:auto;
	width:211px;
	padding:0;
}
.landing #sidebarRight {
	position:absolute;
	top:60px;
	right:11px;
	width:226px;
}
.landing #sidebarRight q {
	min-height:195px;
}

/*
===================
IE6 Hacks
===================
*/
* html #navList li.topLevel {
	padding-right:12px;
	/* IE6 wraps some of the next in the right-hand list,
	so we are reducing the padding to give it a little more space */
}
* html .home #navList li.topLevel {
	padding-right:27px;
	/* and again for the home page version */
}
* html #navList a {
	float:left;
	/* This prevents double spacing of the links in IE6 */
}
* html #search {
	top:-1px;
	/* IE6 incorrectly accounts for border of the parent container
	when calculating absolute position so we adjust accordingly */
}
* html #navList {
	height:9.6em;
	/* IE6 won't recognise min-height, so we use height which
	(luckily) it incorrectly interprets as min-height */
}
* html .home #navList {
	height:8.5em;
	/* ... and again */
}
*html #sidebarLeft {
	height:313px;
	/* ... and again */
}
*html .landing #sidebarRight q {
	height:195px;
	/* ... and again */
}

* html #content.content {
   height:310px;
}

* html #content_home {
   height:400px;
}


/*
===================
Added Links
===================
*/

#mainform a, #content a {
	color:#96D0EC;
	text-decoration: underline;
}


#mainform a:hover, #content a:hover,
#mainform a:active, #content a:active{
	color:#fff;
}



h4  {
	margin-bottom:10px;
	font-size:16px;
	line-height:100%;
	
}

h4 a{
	
	
	color:#97CAFD;
	padding-left:10px;
	font-weight:bold;
	
	margin-bottom:20px;
	background-image: url(../images/bg-arrow.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}



h4 a:hover, h4 a:active {
	color:#c36 !important;
}


#pagenumber {

	width:100%;
	clear: both;
	margin-bottom:20px;

}

#subcontent {
clear: both;
	

}

.alignleft{
	float:left;

}

.alignright{
	float:right;

}

.titleNo {
	display: inline;
	margin-right: 10px;
	float: left;
	font-size:14px;
	color:#003366;
	font-weight:bold;
	
}

.titleLabel, .question{
	display: block;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	line-height:100%;	
}

.titleLabel{
	display: block;
	margin-left: 10px;
	color:#6699CC;
	padding-left:10px;
	font-weight:bold;
	
}

.titleLabelWhite {
	font-size:12px;
	color:#fff;
	font-weight:normal;
	
}

#actionPlanCol1 {
	float:left;
	width: 5%;
	margin-right: 5px;
	
	
}

#actionPlanCol2 {
	float:left;
	margin-right: 5px;
	margin-bottom: 8px;
	width: 42%;
	
}

#actionPlanCol1 input{
	margin:0px;
}

/*
===================
Calculator format
===================
*/

#calculator {
	padding-top:20px;
	padding-left:20px;
	width:685px;
	height:259px;
	background-image: url(../images/calculator.png);
	background-repeat: no-repeat;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	
	
}

.calcName {
color:#003366;
}

.calcResult1 {
	width:110px;
	height:150px;
	clear:both;
	float:left;
	padding-top:90px;
	padding-left:15px;
	font-size:50px;
	color:#003366;
	text-align:center;
}

.calcResult2 {
width:110px;
	float:left;
	padding-top:55px;
	padding-left:55px;
	font-size:26px;
	color:#003366;
	text-align:left;
}

.calcText1 {
width:170px;
float:left;
	padding-top:110px;
	padding-left:20px;
	font-size:14px;
	color:#96D0EC;
}

.calcText2 {
width:170px;
float:left;
	padding-top:110px;
	padding-left:5px;
	font-size:14px;
	color:#96D0EC;
}

.poundSign {
	font-size:17px;
}

html, body {
height: 100%;
min-height: 100%;
}

div#content {
height: 100%;
min-height: 100%;
}