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

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

h1, h2, h3, h4, h5 {  
margin: 0 0 10px 0;
font-size:100%;
}

h1.section {
	/*float:left; */
	font-family: Georgia, "Times New Roman", Times, serif; 
	/*font-family:Arial, Helvetica, sans-serif;*/
	padding:0; 
	margin: 58px 0 12px 0; 
	font-size:90%; 
	/*width:186px;*/
}
	h1.section a:link, h1.section a:visited {
		color:#e4028c; 
		text-decoration:none;
	}
	h1.section a:hover, h1.section a:focus, h1.section a:active {
		text-decoration:underline;
	}
	
h2.internalpage {
	color:#e4028c; 
	float:left; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	/*font-family:Arial, Helvetica, sans-serif;*/
	padding:0 0 0 18px; 
	margin: 18px 0 0 0; 
	font-size:110%;
	font-weight:normal;
}

h3 	{ 
	color:#e4028c; 
	padding:0; 
	margin: 18px 0 0 0; 
}	

h4.nopad {  
	color:#e4028c; 
	margin: 7px 0 0 0;
	font-size:100%;
}
h4.padtop {  
	color:#e4028c; 
	margin: 14px 0 7px 0;
	font-size:100%;
}

div.textcontent h3, div.textcontentwide h3  	{ 
	padding:0; 
	margin: 18px 0 0 0; 
	font-size:120%;
	}
	
div.textcontent h3.rateform, div.textcontentwide h3.rateform  	{ 
	padding:0; 
	margin: 18px 0 18px 0; 
	font-size:120%;
	}	
div.textcontentwide h3.h4, div.textcontent h3.h4 {
	font-size:100%;
	margin: 16px 0 8px 0;
	
}
/* ------- 2 TEXT ELEMENTS ---------- */

p { 	
	clear:both;
	padding: 0 0 10px 0;
	margin: 5px 0 0 0;
	text-align:left;
	line-height:1.3em
}
p.intro {
	color:#666;
	font-size:150%;
	line-height:1.3em;
	font-weight:normal;
}
p.paddingtop24px {
	margin-top: 24px;
}
a:link, a:visited { 
	color: #e4028c;
	text-decoration: underline; 
}

a:hover, a:focus, a:active { 
	text-decoration: none; 
}
p.ihglogo a:link img, p.ihglogo a:visited img {
	display: block;
}

#sectionwrapper ul.featurelinks, #sectionwrapper p.featurelink {
	margin: 7px 0px 14px 0px;
	padding: 0px;
	list-style:none;
	font-size: 116.6%;
}
#sectionwrapper ul.featurelinks li {
	padding: 5px 0px;
}

a.pink_arrow:link, a.pink_arrow:visited {
	background: url("../images/site_objects/bg_pink_arrow.gif") left 3px no-repeat;
	color: #e4028c;
	font-weight:bold;
	text-decoration:none;
	padding: 0px 0px 0px 12px;
	display:block;
}
a.pink_arrow:hover, a.pink_arrow:focus, a.pink_arrow:active {
	text-decoration:underline;
}
a.pink_arrow_dark:link, a.pink_arrow_dark:visited {
	background: url("../images/site_objects/bg_pink_arrow_darkbg.gif") left 3px no-repeat;
}


acronym {border-bottom: none;}
.nobold {font-weight:normal!important;}
.bold {font-weight:bold;}
.underline { text-decoration:underline; }
.floatleft {float: left;}
img.marginleft {margin-left: 24px;}
p.smalltext, .orphanlink {font-size:90%;}
div.textcontentwide p.toppara {margin:26px 0 0 0;}
p.formpad {	padding: 0 0 17px 0;}
div.textcontentwide h3.toppara {margin:26px 0 0 0;}


/* ------- 3 COLOURS  ---------- */
/* Add specific background and font colours for body content here */

.textorange {color:#E27023; }
.textpurple {color:#632667; }
.textmauve {color: #A83589;}
.textburgundy {color:#A51141; }
.textpink {color:#DB1F83; }
.redtext {color:#ff0000;}
.errortext {color:#FF0099; font-weight:bold;}
 
	 
	 	 
/* ------- 4 LISTS   ---------- */
/* Add definition, ordered and unordered list classes for body content here */
div.textcontent ul, div.textcontentwide ul  {
	margin: 0 0 7px 8px;
	padding:0;
	list-style:none;
}
div.textcontent ol, div.textcontentwide ol  {
	margin: 0 0 0 22px;
	padding:0;
}
div.textcontent ul li, div.textcontent ol li,
div.textcontentwide ul li, div.textcontentwide ol li {
	margin: 0;
	padding:0 0 6px 0;
}
div.textcontent ul li, div.textcontentwide ul li {
	padding: 3px 0px 3px 14px;
	background: url("../images/site_objects/icon_bullet.gif") 0 0.4em no-repeat;
}
	
div.textcontent ul.relatedlinks {
	margin: 0;
	padding:0;
	list-style-type:none;
	line-height:1em;
	background: none;
	}
div.textcontent ul.relatedlinks li {
	margin: 0;
	padding:0 0 6px 0;
	list-style-type:none;
	background: none;
	}


div.pagetrail {
	color:#fff;
	font-size: 65%;
	margin: 18px 0 0 0;
	padding-left:18px;
	clear:both;
}
div.pagetrail ol, div.pagetrail ol li {
	margin: 0;
	padding:0;
	list-style-type:none;
	white-space:nowrap;
	display:inline;
}

div.pagetrail ol li a:link, div.pagetrail ol li a:visited { 
	text-decoration: none; 
	color: #fff;
}

div.pagetrail ol li a:hover, div.pagetrail ol li a:focus, div.pagetrail ol li a:active, div.pagetrail ol li a.lit:link, div.pagetrail ol li a.lit:visited, div.pagetrail ol li a.lit:hover, div.pagetrail ol li a.lit:focus, div.pagetrail ol li a.lit:active { 
	text-decoration: underline; 
	color: #fff;
}
	



/* ------- 5 FORM ELEMENTS   ---------- */
/* Add all  form specific classes  here */

form textarea, form input, form select, form label {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:100%;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
}
form#feedback {
	margin: 10px 0px 24px 0;
}
form#feedback label {
	float: left;
	font-weight: bold;
}
form#feedback textarea, form#feedback input {
	float: left;
	clear: both;
}
form#feedback textarea, form#feedback input.field {
	width:290px;
}
form#feedback div.divider {
	float: left;
	clear: both;
	margin-bottom: 14px;
	color: #666666;
}


/*form button*/
input.form_button, 
input.form_button_f2 { 
	background: #ffffff url("../images/buttons/bg_button_gradient.gif") 0px 0px repeat-x;
	border: 1px solid #dcdbdb;
	color:#e4028c; 
	cursor: pointer;
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 100%;
	font-weight:bold;
	height: 20px;
	margin: 0px;
	overflow: visible;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}
	html>body input.form_button, 
	html>body input.form_button_f2 {
		padding: 2px 10px 3px 10px;
		min-height: 24px;
		height: auto;
	}
input.form_button_f2 {
	background: #e4028c;
	color: #ffffff;
}



img.left { text-align:left;}

div.message, div.error {float:left;width:100%; padding-bottom:20px;}
div.error div.redcross {float:left; width:40px;}
div.error div.errortext {float:left; width:300px;}


div.selectrow {float:left; width:100%;}

/*
div.emailfields {margin-top:10px;}

div.emailfields label {display: inline; width:100px; margin-top:2px; }
div.emailfields label.spantwo {display: inline; width:360px; padding-top:2px; }
div.emailfields label.checkbox {display: inline; width:25px; margin:0px;padding:0px;}
div.emailfields label.labelsmall {display: inline; width:100px; margin:0px;padding:0px;}
div.emailfields label.labelmedium {display: inline; width:100px; margin:0px; padding:3px 0 0 0;}
div.emailfields input.field {width:266px; font-size:90%;}
div.emailfields input.fieldmedium {width:206px; font-size:90%;}
div.emailfields  .checkboxed {padding:0; margin:0;}
*/



/* ------- 6 POSITIONING   ---------- */
/* Add positioning classes  here eg: boxed ads,  special layouts etc */

.clear {clear:both;}

img.rateit {
	background: url("../images/buttons/btn_rateit.png") top left no-repeat;
	float:left; 
	height:72px;
	margin:10px 0 0 0;
	width:72px; 
	}


/*contact page positioning*/

div.contactholder{width:480px; float:left; margin-top:14px;}
div.contactholderleft {width:220px; float:left; padding-right:10px;}
div.contactholderleftdirect {width:172px; float:left; padding-right:10px;}
div.contactholderright {padding-left:10px; width:220px;  float:left;}


/*news/images*/
div.imagecontainer {
	float: left;
	margin: 0px 0px 20px 0px;

}
div.imagecontainer img {
	margin: 10px 0px;
}


/**** LEFT OF THE SECTION CONTENT ****/

#sidewrapper {
	float: left;
	font-size: 87.5%;
	margin-top: 48px;
	padding-right: 30px;
}

#sidewrapper h2 {
	margin:0 0 16px 0;
	padding: 0px;
}
#sidewrapper h2.nopad {
	margin:0 0 4px 0;
}
#sidewrapper p.text { 	
	padding:0 10px 0px 0;
	margin: 0;
	line-height:1.3em;
	font-size: 85.7%;
}
#sidewrapper p.photo {
	float: left;
	display: inline;
	margin: 0;
}
	
#sidewrapper p.text a:link, #sidewrapper p.text a:visited {
	color:#e4028c; 
}


/* tell us */
.tellusbutton { cursor: pointer; }
/* end tell us */




/* ------- 6 POSITIONING   ---------- */


table.form {
	width: 450px;
	text-align: left;
	margin: 0;
	padding: 0;
	float:left;
	clear:both; 
	font-size:90%;
}
table.formsmall {
	width: 380px;
	text-align: left;
	margin: 0;
	padding: 0;
	float:left;
	clear:both; 
	font-size:90%;

}

table.form td {
	padding: 10px 0 2px 0;
	text-align: left;
	vertical-align:top;
}

table.formsmall td {
	padding: 0 0 5px 0;
	text-align: left;
	vertical-align:top;
}
table.form td.nopad, table.formsmall td.nopad  {
	padding: 0px;
	text-align: left;
	vertical-align:top;

}
table.form td.label {
	padding: 4px 0 2px 0;
}
table.form td.right {
	text-align: right;}

table.formsmall td.checkbox, table.form td.checkbox {text-align:center; font-weight:bold; margin:0; padding:0;vertical-align:top;}
table.formsmall tr td.alignbottom {vertical-align:bottom;}
/* -------END OF THIS STYLESHEET  ---------- */