/*
Title:      	Iodem stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	25th June 2009
*/


/* MAIN COMPONENTS */

body {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	text-align: left;
	color: #000000;
	margin: 0;
	background: #ada598 url(../jpg/bg-tile.jpg) repeat top center;
	}
	
#html body {
	font-size: x-small; /* IE5/Win */
	font-size: small; /* for other IE versions */
	}
	
h1 {
	font-size: 165%;
	color: #60002c;
	line-height: 1.3em;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
h2 {
	font-size: 145%;
	color: #60002c;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
h3 {
	font-size: 125%;
	color: #60002c;
	margin: 0 0 5px 0;
	padding: 0;
	}	
	
.clear {
	clear:both;
	}		

.divline {
	border-bottom: #ada598 1px dotted;
	padding: 0;
	height: 1px;
	margin: 0;
	width: 100%;
	}
	
.spacer {
	padding: 0;
	height: 15px;
	margin: 0;
	width: 100%;
	}	
	
.quotenote {
	font-family: "Georgia", serif, Times, Times New Roman;
	font-size: 100%;
	color: #7d7568;
	line-height: 1.3em;
	font-style: italic;
	padding: 10px;
	background-color: #f4efe9;
	border-left: 5px solid #cec6ba;
	}
		
		
.dloadpdfreader {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: 85%;
	color: #7d7568;
	line-height: 1.3em;
	padding: 13px 0 0 45px;
	height: 27px;
	border: 1px solid #cec6ba;
	background: #f4efe9 url(../gif/pdf-icon.gif) no-repeat top left;
	}	
	
.dloadpdfreader a:link, .dloadpdfreader a:visited {
	color:#a11555;
	text-decoration:none;
	}
	
.dloadpdfreader a:active, .dloadpdfreader a:hover {
	color:#a11555;
	text-decoration:underline;
	}
		
		



/* GENERAL COMPONENTS */		

.thanxtxt {
	text-align: left;
	color: #f1bc1a;
	line-height: 1.2em;
	font-size: 135%;
	}
	
.subtitletxt {
	font-family: "Georgia", serif, Times, Times New Roman;
	text-align: left;
	color: #8e867a;
	line-height: 1.3em;
	padding: 15px 0 0 0;
	text-transform: uppercase;
	font-size: 125%;
	}		
	
.subsubtitletxt {
	font-family: "Georgia", serif, Times, Times New Roman;
	text-align: left;
	color: #8e867a;
	line-height: 1.3em;
	padding: 0;
	font-size: 115%;
	}			
			
.normaltxt {
	text-align: left;
	color: #000000;
	line-height: 1.3em;
	}	
	
.normaltxt a:link, .normaltxt a:visited {
	color:#a11555;
	text-decoration:none;
	}
	
.normaltxt a:active, .normaltxt a:hover {
	color:#a11555;
	text-decoration:underline;
	}
	
.smallertxt {
	text-align: left;
	font-size: 85%;
	color: #686868;
	line-height: 1.2em;
	}	
	
.smallertxt a:link, .smallertxt a:visited {
	color:#a11555;
	text-decoration:none;
	}
	
.smallertxt a:active, .smallertxt a:hover {
	color:#a11555;
	text-decoration: underline;
	}
	
.bulletlist {
	width: 100%;
	margin: 0 auto;
	padding-left: 0;
	list-style: none;
	width: 95%;
	}
	
.bulletlist li {
	color: #000000;
	margin: 0;
	padding: 0 0 8px 18px;
	line-height: 1.3em;
	background-image: url(../gif/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	}
	
.bulletlist a:link, .bulletlist  a:visited {
	color: #a11555;
	text-decoration: none;
	}

.bulletlist a:active, .bulletlist a:hover  {
	color:#a11555;
	text-decoration: underline;
	}	
	
	
	
	
	
/* LOGO COMPONENTS */		

#wrapper {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: url(../gif/white-tile.gif) repeat top left;
	}	

#logo {
	width: 100%;
	height: 85px;
	padding: 0 0 30px 0;
	margin: 0;
	background: url(../jpg/logo.jpg) no-repeat top left;
	}
	
	
	
	
	

/* TOPNAV COMPONENTS */		

#topnavholder {
	margin: 0;
	padding: 0 0 0 320px;
	width: 380px;
	height: 35px;
	background: url(../jpg/topnav/bg-tile.jpg) repeat top left;
	}
	
#topnav {
	margin: 0;
	padding: 0;
	height: 35px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#topnav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#topnav a {
	float: left;
	padding: 35px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 35px; /* for IE5/Win only */
	}
	
#topnav a:hover {
	background-position: 0 -35px;
	}

#topnav a:active, #topnav a.selected {
	background-position: 0 -70px;
	}
		
#tnhome a {
	width: 68px;
	background: url(../jpg/topnav/home.jpg) top left no-repeat;
	}	
	
#tncontactus a {
	width: 115px;
	background: url(../jpg/topnav/contactus.jpg) top left no-repeat;
	}	
	
#tnlinks a {
	width: 67px;
	background: url(../jpg/topnav/links.jpg) top left no-repeat;
	}	
	
#tnrecruitment a {
	width: 130px;
	background: url(../jpg/topnav/recruitment.jpg) top left no-repeat;
	}	
	
	
	
	
	
/* MAIN NAV COMPONENTS */		

#mainnavholder {
	width: 200px;
	height: 300px;
	margin: 0 auto;
	float: left;
	padding: 0 0 125px 0;
	background: url(../gif/telnumber.gif) bottom left no-repeat;
	}	
	
	
	
	
	
/* TITLES COMPONENTS */	
	
.title-aboutiodem {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/aboutiodem.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-commissioning {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/commissioning.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-complaintshandlingservice {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/complaintshandlingservice.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-contactus {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/contactus.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-disclaimer {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/disclaimer.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}
	
.title-greypanthers {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/greypanthers.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-home {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/home.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-iodemsservices {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/iodemsservices.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-keypeople {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/keypeople.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-links {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/links.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-mediationservice {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/mediationservice.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-events {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/events.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-performanceinvestigations {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/performanceinvestigations.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-newsandpublications {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/newsandpublications.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-recruitment {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/recruitment.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-revalidation {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/revalidation.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-seriousuntowardincidents {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/seriousuntowardincidents.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-strategicservicereviews {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/strategicservicereviews.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.title-thechallenge {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/thechallenge.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-theiodemsolution {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/theiodemsolution.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-trainingandcoaching {
	display: block;
	width: 660px;
	height: 30px;
	margin: 30px 20px 5px 20px;
	background: url(../gif/titles/trainingandcoaching.gif) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.breadcrumb {
	width: 660px;
	padding: 0 0 20px 0;
	margin: 10px 20px 5px 20px;
	border-bottom: #e5e0d8 1px solid;
	font-size: 90%;
	color: #8f887c;	
	}	
	
.breadcrumb a:link, .breadcrumb a:visited {
	color:#a11555;
	text-decoration:none;
	}
	
.breadcrumb a:active, .breadcrumb a:hover {
	color:#a11555;
	text-decoration:underline;
	}	
	
	
	
	
	
/* HEADERS & QUOTES COMPONENTS */		

.headers {
	width: 700px;
	height: 225px;
	margin: 0 auto;
	padding: 0;
	}		
	
.quotesblank {
	width: 700px;
	height: 15px;
	margin: 0 auto;
	padding: 0;
	background: url(../jpg/quotes/_blank.jpg) top left repeat;
	}	
	
.quotes {
	width: 700px;
	margin: 0 auto;
	padding: 0;
	}		
	
	
	
	
	
/* BODY COMPONENTS */	

#contentwrapper {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	}
	
#contentleft {
	margin: 0;
	padding: 200px 0 40px 0;
	width: 240px;
	float: left;
	background: #ffffff url(../jpg/logo.jpg) no-repeat top left;
	}		
	
#contentright {
	margin: 0;
	padding: 110px 0 40px 0;
	width: 700px;
	float: right;
	background: #ffffff url(../gif/strapline.gif) no-repeat top left;
	}	
	
#rightsplit1 {
	margin: 0;
	padding: 0;
	width: 410px;
	float: left;
	}		
	
#rightsplit2 {
	margin: 0;
	padding: 0;
	width: 210px;
	float: right;
	}		
	
.titleholders {
	width: 100%;
	padding: 0;
	margin: 0;
	}
	
.pagecontent {
	width: 660px;
	padding: 0 20px 0 20px;
	margin: 0;
	}	
	
	
.liasecol1 {
	width: 60px;
	padding: 5px 5px 5px 5px;
	margin: 0;
	font-weight: bold;
	text-align: center;
	color: #5a5349;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px dotted;
	background: #ffffff url(../jpg/liaisecol1.jpg) repeat top left;
	}	
	
.liasecol2 {
	width: 100px;
	padding: 5px 20px 5px 5px;
	margin: 0;	
	color: #5a5349;
	border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px dotted;
	background: #ffffff url(../jpg/liaisecol3.jpg) repeat top left;
	}	
	
.liasecol3 {
	width: 455px;
	padding: 5px;
	margin: 0;
	font-style: italic;
	color: #5a5349;
	border-bottom: #ffffff 1px dotted;
	background: #ffffff url(../jpg/liaisecol3.jpg) repeat top left;
	}		
	
	
	
	
	
/* FORM COMPONENTS */	
	
.contacttableleft {
	width: 100px;
	color: #000000;
	text-align: left;
	padding: 5px 10px 5px 0;
	font-weight: bold;
	}
	
.contacttableright {
	width: 280px;
	color: #000000;
	text-align: left;
	padding: 5px 10px 5px 10px;
	}
	
.contactinnertableleft {
	width: 210px;
	color: #000000;
	text-align: left;
	padding: 5px 10px 5px 0;
	font-weight: bold;
	}
	
.contactinnertableright {
	width: 170px;
	color: #000000;
	text-align: left;
	padding: 5px 10px 5px 10px;
	}	
		
.bookingfieldsshort {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	padding: 2px;
	color: #000000;
	font-size: 100%;
	width: 200px;
	background-color: #ffffff;
	border: 1px solid #cfcece;
	}
	
.bookingfieldslong {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	padding: 2px;
	color: #000000;
	font-size: 100%;
	width: 280px;
	background-color: #ffffff;
	border: 1px solid #cfcece;
	}
	
		
	
	
/* FOOTER COMPONENTS */	

#footerholder {
	margin: 0 auto;
	padding: 20px 20px 30px 260px;
	width: 660px;
	}
		
.footercellleft {
	margin: 0;
	padding: 0 ;
	width: 555px;
	}		
	
.footercellright {
	margin: 0;
	padding: 0;
	width: 105px;
	}	
	
.footertxt {
	text-align: left;
	font-size: 90%;
	color: #ffffff;
	line-height: 1.3em;
	}	
	
.footertxt a:link, .footertxt a:visited {
	color:#ffffff;
	text-decoration:none;
	}
	
.footertxt a:active, .footertxt a:hover {
	color:#ffffff;
	text-decoration: underline;
	}	
	
.happylink {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.happylink li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.happylink a {
	float: left;
	padding: 15px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 15px; /* for IE5/Win only */
	}
	
.happylink a:hover {
	background-position: 0 -15px;
	}

.happylink a:active, .happylink a.selected {
	background-position: 0 -15px;
	}
	
.happylinkimg a {
	width: 145px;
	background: url(../jpg/happyleaf.jpg) top left no-repeat;
	}