/* -- Basic HTML Elements -- */

body 
{
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	font-size: 0.75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
}

input, select, th, td {font: 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;}

p {padding: 0; margin: 0 0 10px 0; font-size: 1em;}
p.padtop {padding: 20px 0 0 0; margin: 0 0 10px 0; font-size: 1em;}
p.padbottom {padding: 0 0 20px 0; margin: 0 0 10px 0; font-size: 1em;}

img {border: 0;}

table {margin:0; padding:0;}

form {border:0; margin:0; padding:0;}
input {margin:0; padding:0;}

ul {margin:0; padding:0;}
ul.nopad {margin: 0 0 10px 0;}
li {list-style-type:none; margin:0; padding:0 0 1em 0;}
li.nopad {padding:0;}
li img {vertical-align:middle; margin-right:5px;}

a:link {text-decoration: none; color: #336699;}
a:visited {text-decoration: none; color: #336699;}
a:hover {text-decoration: underline; color: #336699;}
a:active {text-decoration: none; color: #336699;}

h1 {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:2em; color: #000000; padding: 0 0 5px 0; margin: 0;}
h2 {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.4em; color: #000000; padding: 0 0 5px 0; margin: 0;}
h3 {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.3em; color: #000000; padding: 0 0 5px 0; margin: 0;}
h4 {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.2em; color: #000000; padding: 0 0 5px 0; margin: 0;}
h5 {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.1em; color: #000000; padding: 0 0 5px 0; margin: 0;}
h6 {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 1.0em; color: #000000; padding: 0 0 5px 0; margin: 0;}

/* Header and footer elements */
#headerMaster {width:760px; margin:0 auto 0 auto; text-align:left;} /*) height:55px; background:url(images/masterheaderbg.gif) repeat-x;}*/
#headerMasterLogo {padding:18px 0 0 18px; margin:0;}
#footer {width: 741px; text-align: left; vertical-align: top; border-top: 1px solid #8b8b8a; margin: 0 auto 7px auto; padding: 7px 0 0 12px; font-size: 10px; line-height: 12px; clear:both;}
#footer a {text-decoration: none; color: #144476;}
#footer p {display: inline; float: right; margin: 0; padding: 0; text-align: right;}
#footer img {float: left;}



#menuBarContainer {width:760px; margin:10px auto 15px auto; padding:0; text-align:left;}

/* content containers */
#containerBody {width:760px; margin:0 auto 0 auto; padding:0; text-align:left; clear:both;}
.containerContent {width:760px; margin:0; padding:0; position:relative; text-align:left;}

/* Column Layouts */
.columnPanel {width:391px; margin:0; padding:0; position:absolute; top:0; left:0;}
/* Hack below to ensure that elements below ColumnMain will move position accordingly on resize
   but not reduce height below 200px - IE6 does not support min-height, Mozilla etc support the child selector  */
.columnMain {margin:0 0 0 400px; height:200px; min-height:200px;}
*>.columnMain {height:auto;}
.columnMainSub {margin:0 0 0 200px; clear:both;}
.columnPanelWrap {width:191px; margin:0; padding:0; position:absolute; top:0; left:0;}
/* Hack below to ensure that elements below ColumnMain will move position accordingly on resize
   but not reduce height below 200px - IE6 does not support min-height, Mozilla etc support the child selector  */
.columnMainWrap {margin:0 0 0 200px; height:200px; min-height:200px;}
*>.columnMainWrap {height:auto;}


/* Single Column Layout */
.columnSingle {width:760px; margin:0; padding:0;}

/* Soundbites on home page */
.soundbiteContainer {margin:20px 0 0 200px; padding:0 0 20px 0; clear:both;}
.soundbite {vertical-align:top; padding:0; margin:0 0 10px 0; width:100%; clear:both;}
.soundbiteImage {padding:0; margin:0 0 10px 0; width:70px; float:left;}
.soundbiteText {margin:0 0 0 80px; padding:0;}
.soundbiteText p {font-size:0.9em; padding:0; margin:0;}
.soundbiteText h2 {font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:1em; font-weight:bold; padding:0; margin:0;}
.soundbiteText a {padding:7px 0 0 0; margin:0;}
.soundbiteText a:link {text-decoration: none; color: #0099FF;}
.soundbiteText a:visited {text-decoration: none; color: #0099FF;}
.soundbiteText a:hover {text-decoration: underline; color: #3366CC;}
.soundbiteText a:active {text-decoration: none; color: #0099FF;}

/* Common page elements */
.panelTextBox {margin:0; padding:0 0 0 10px;}
.panelTextBoxWrap {margin:0; padding:0 10px 5px 0; float:left;}
#iipLogo {margin:0; padding:0; float:left; position:relative; top:-8px; left:-188px; white-space:normal;}
.bold {font-weight:bold;}
/* the containsItalic class is used to counteract an IE bug where the horizontal
scrollbar appears id italic text appears next to browser edge. */
.containsItalic {width:99%;}
.italic {font-style:italic; font-weight:normal; margin:0; padding:0;}
.colourMarsh {color:#0057A6;}
.errorMessage {color:#B01C2E; font-weight:bold;}
.hidden {display:none;}

/* Category specific colors */
.colourDefault {color:#0057A6;}
.colourDefault a:link {text-decoration: none;color:#0057A6;}
.colourDefault a:visited {text-decoration: none;color:#0057A6;}
.colourDefault a:hover {text-decoration: none;color:#0057A6;}
.colourDefault a:active {text-decoration: none;color:#0057A6;}


.colourAbout {color:#0057A6;}
.colourAbout a:link {text-decoration: none;color:#0057A6;}
.colourAbout a:visited {text-decoration: none;color:#0057A6;}
.colourAbout a:hover {text-decoration: none;color:#0057A6;}
.colourAbout a:active {text-decoration: none;color:#0057A6;}


.colourMedical {color:#663366;}
.colourMedical a:link {text-decoration: none;color:#663366;}
.colourMedical a:visited {text-decoration: none;color:#663366;}
.colourMedical a:hover {text-decoration: none;color:#663366;}
.colourMedical a:active {text-decoration: none;color:#663366;}


.colourAbsence {color:#00858A;}
.colourAbsence a:link {text-decoration: none;color:#00858A;}
.colourAbsence a:visited {text-decoration: none;color:#00858A;}
.colourAbsence a:hover {text-decoration: none;color:#00858A;}
.colourAbsence a:active {text-decoration: none;color:#00858A;}


.colourIcm {color:#FF9933;}
.colourIcm a:link {text-decoration: none;color:#FF9933;}
.colourIcm a:visited {text-decoration: none;color:#FF9933;}
.colourIcm a:hover {text-decoration: none;color:#FF9933;}
.colourIcm a:active {text-decoration: none;color:#FF9933;}

/* Sub Headers */
.subHeaderAbsence {font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 1em; color: #00858A; padding: 0 0 5px 0; margin: 0;}
.subHeaderIcm {font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 1em; color: #FF9933; padding: 0 0 5px 0; margin: 0;}

/* Contact Us */
.contactPanel {width:760px; padding:20px 0 0 0; margin:0}
.formLabel {width:150px; display:block; float:left;}
.formItem {margin:0 0 0 10px; width:300px; border:1px solid #999966; background-color:#F1F1D6; padding:2px;}
.formNotesBox {font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; width:460px; height:100px; border:1px solid #999966; background-color:#F1F1D6; padding:2px;}
.formButton {margin:0 0 15px 0;}

/* Savings tables  */
.savingsTable {width: 100%; border-collapse: collapse; margin: 15px 0 15px 0;}
.savingsTable td {background-color: #BFE0E2; padding:4px; font-size:0.9em; font-weight:bold;}
.savTabcol1col4 {border:none; width:2%; padding:0;}
.savTabcol2row1 {border:none; width:81%;}
.savTabcol2row2row5 {width:81%; border-right: 2px solid #00858A; border-bottom: 2px solid #00858A;}
.savTabcol2row6 {width:81%; border-right: 2px solid #00858A;}
.savTabcol2row7 {border:none; width:81%;}
.savTabcol3row1 {border:none; width:15%; text-align:right;}
.savTabcol3row2row5 {width:15%; border-bottom: 2px solid #00858A; text-align:right;}
.savTabcol3row6row7 {border:none; width:15%; text-align:right;}
.savTabrow1row7 {height:3px; line-height:3px; padding:0;}

/* Login Controls */
.loginContainer{border: 1px solid #0057A6; padding:10px; width:250px; margin:20px auto 20px auto; background-color:#BFD5E9; text-align:center;}
.loginBox {width:100%;}
.loginControl {border: 1px solid #0057A6; padding:2px; margin:2px; background-color:#FFFFFF;}
.loginValidation {font-weight:bold; color:#002E63; padding:10px 0 10px 0; margin:0;}#obppContainer ul {
	font-family: Arial, Helvetica, sans-serif;
}