/* TABLE OF CONTENT
1 Headers
2 Text elements
3 Colours
4 Lists
5 Links
6 Form elements
7 Positioning
8 Tables
*/

/* ------- 1 HEADERS ---------- */

h1 {  
	font-size:145%;
	margin: 0 0 14px 0;
	padding: 0;
	color:#344b68;
	font-size:155%;
	letter-spacing:-1px;
	line-height:1em;
}
h2, h3, h4, h5, h6 {  
	font-size:100%;
	margin: 0 0 7px 0; 
	padding: 0;	
	line-height:1.1em;
	color:#333333;
}

h2, h3 {
	margin-top:28px;
	font-size:145%;
	
}

h1.main {
	font-size:72px;
	color:#344b68;
	line-height:1em;
	margin-top:40px;
	
	

}

div.homehotspot h2 {
	color:#344b68;
	font-size:190%;
	margin-top:32px;
	padding:0;
	letter-spacing:-1px;
}

/* ------- 2 TEXT ELEMENTS ---------- */

p {
	margin: 0 0 14px 0;
	padding: 0;
	text-align:left;
}
p.halfspace, .halfspace {
	margin: 0 0 7px 0;
	padding: 0;
	text-align:left;
}

p.nospace, .nospace {
	margin: 0 0 3px 0;
	padding: 0;
	text-align:left;
}

p.introtext {
	font-family:Helvetica, Arial, sans-serif;
	font-size:145%;
	color:#5189b5;
	line-height:1.1em;
	display:block;
	width:300px;
	margin:0;
	
}

div.homehotspot p {
	padding-top:14px;
	font-size:126%;
	color:#3a75a5;
	font-weight:bold;
	line-height:1.2em;
	}


div.sidebar div.greenbg p, div.sidebar  div.greenbg h1, div.sidebar  div.greenbg h2  {	
	
	color:#344b68;
	font-size:150%;
	font-weight:bold; 
	line-height:1.1em;
	margin-top:0;

}
div.sidebar div.greenbg p.smalltext {
	font-size:100%;
	font-weight:normal;
	color:#000000;
}

div.sidebar p.smalltext{
	font-size:64%;
	font-weight:normal;
	line-height:1em;
}

p.largetext, .largetext {
	font-size:110%;
	font-weight:bold;
	line-height:1.2em;
	margin-right:16px;

}

p.sidebarlarge {
	font-weight:bold;
	font-size:113%;
	line-height:1.1em;
	color:#344B68;
	margin-right:16px;
}

div.sidebar div.quote p, div.sidebar div.greenbg p.quote {
	font-size:115%;
}

.bold {
	font-weight: bold;
}
.nobold {
	font-weight: normal;
}

blockquote {
	padding: 0;
	margin: 0;
}
.smalltext {
	font-size:90%;
}

.nomargintop {
	margin-top:-20px;
}

/* ------- 3 COLOURS  ---------- */
/* Add specific background and font colours for body content here */
.error, .redtext {
	background: transparent;
	color: #FF0000; 
}

.bluebg {
	background:#5189b5;
	color:#ffffff;
}

a.bluetext:link, a.bluetext:visited ,a.bluetext:hover ,a.bluetext:active ,a.bluetext:focus, p.bluetext {
	color:#5189b5;
}

a.padlink:link, a.padlink:visited ,a.padlink:hover ,a.padlink:active ,a.padlink:focus  {
	color:#3a75a5;
	padding-left:8px;
	font-size:95%;
	text-decoration:none;
	background:url('../images/site_objects/arw_grey_right.gif') no-repeat 0px 6px; 
	display:block;

}

a.padlink:hover ,a.padlink:active ,a.padlink:focus  {
		text-decoration:underline;
}

.darkblue {	
	color:#344b68;
}

.darkbluetext {
	color:#304864;
}

.borderbottom {
	border-bottom:1px #ffffff solid;
	}

/* ------- 4 LISTS   ---------- */
/* Add definition, ordered and unordered list classes for body content here */
ul {
	margin:0 0 14px 16px;
	padding: 0;
}
ol {
	/* depending on the font family/size/length of the list, the 
	left margin may have to be adjusted to show the figures   */
	margin:0 0 14px 22px;
	padding: 0;
}
ul li, ol li {
	margin: 0 0 0 0;
	padding:0;
}

ul.relatedlist {
	margin: 0 0 14px 0;
	padding: 0;
}
ul.relatedlist li {
	list-style: none;
	margin: 0;
	padding:0;
}

ul.bullet{
	list-style:none;
	margin:0;
	padding:0;
}
ul.bullet li{
	padding-left:14px;
	background:url('../images/site_objects/blue_sq_bullet.gif') no-repeat 0px 6px;
}

ul.bullet li a {
	background:none;
}

ul.nobullet{
	list-style:none;
	margin:0;
	padding:0px 0px 10px 0px;
}

ul.linklist {

	list-style: none;

}

div.featurecol ul.linklist {

	margin:0 0 20px 0;

	padding:0 0 0 17px;

}

div.pagecontent ul.linklist {

	padding:0 0 0 0;

}

ul.linklist li {

	list-style: none;

	margin:0 10px 14px 0;

}

ul.author {

	margin:6px 0 0 0;

	list-style:none;

	font-size:92%;

}

ul.author li a:link, ul.author li a:visited {

	background:url(../images/site_objects/ico_speechbubble.gif) no-repeat left top;

	padding:0 0 2px 14px;

	color:#3a75a5;

	text-decoration:none;

}

ul.author li a:hover, ul.author li a:focus, ul.author li a:active {

	text-decoration:underline;

}

/* ------- 5 LINKS   ---------- */
/* Add all  link specific classes  here */
a:link, a:visited { 
	background: inherit;
	color: #000;
	text-decoration: underline; 
}
a:hover, a:focus, a:active { 
	background: inherit;
	color: #000;
	text-decoration: none; 
}

a.white:link, a.white:visited { 
	background: inherit;
	color: #ffffff;
	text-decoration: underline; 
}
a.white:hover, a.white:focus, a.white:active { 
	background: inherit;
	color: #ffffff;
	text-decoration: none; 
}

a.bluelink, a.bluelink:link, a.bluelink:visited  {
	float:right;
	font-weight:bold;
	padding:5px 10px 5px 24px;
	background:url('../images/site_objects/bluelinkbg.gif') #344b68 no-repeat 0px 0px;
	text-decoration:none;
	color:#ffffff;
}

a.bluelink:hover, a.bluelink:focus, a.bluelink:active { 
	text-decoration:underline;
}

/* ------- 6 FORM ELEMENTS   ---------- */
/* Add all  form specific classes  here */
legend {
	/* this is impossible to style consistently
	accross browsers, so is set to display: none */
	display: none;
}
form, fieldset  {
	border:0;
	margin:0;
	padding:0;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	padding: 1px;
}
input.button, input.button_f2 {
	background: #FFF;
	border: 0;
	cursor: pointer;
	font-weight:bold;
	margin: 0;
	overflow: visible;
	padding:0;
	text-align:left;
	text-decoration: underline;
	width: auto;
}
input.button_f2 {
	text-decoration: none;
}


/* ------- 7 POSITIONING   ---------- */
/* Add positioning classes  here eg: boxed ads,  special layouts etc */
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearboth {
	clear:both;
}
.nowrap {
	white-space:nowrap
}


/* ------- 8 TABLES   ---------- */
/* Add all  link specific classes  here */
table {
	clear:left;
	font-size: 100%; /* need to set for IE5/5.5 */
	margin: 0 0 14px 0;
	padding: 0;
	text-align:right;
	vertical-align:bottom;
}
caption {
	font-weight: bold;
	margin: 0;
	padding: 0 0 7px 0;
	text-align: left;
}
th, td {
	margin: 0;
	padding: 0 4px 2px 0;
}
th.left, td.left {
	text-align:left;
}
th.top, td.top {
	vertical-align:top;
}
th.nobold {
	font-weight:normal;
}
th.indent, td.indent {
	padding-left:10px;
}

/* END OF THIS STYLESHEET
----------------------------------------------- */