#introHolder {
	padding: 0px;
	height: 429px;
	width: 792px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/introHeader.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
body {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 10px 0px 0px;
}
#introHolder #introTextWrapper {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 340px;
	position: relative;
	left: 429px;
	top: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	text-align: left;
	vertical-align: top;
}
h1, .fakeH1 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #0773BA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 0px 0px 20px;
	padding: 0px;
}
h2 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #0773BA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin: 0px 0px 20px;
	padding: 0px;
}
.borderBottom{
border-bottom:1px solid #0773BA;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	margin: 0px 0px 25px;
	padding: 0px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	color: #207EC0;
	text-decoration: none;
}
#centreDiv {
	background-image: url(../images/siteHeader.gif);
	padding: 275px 50px 50px;
	width: 697px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: left;
	vertical-align: top;
	position: relative;
	left: 0px;
	top: 0px;
}
#topMenu {
	position: absolute;
	top: 177px;
	left: 508px;
	color: #FFFFFF;
}
#topMenu a {
	color: #FFFFFF;
}
p.indent {
	position:relative;
	left: 20px;
	}
#menuWrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #0066CC;
	text-decoration: none;
	position: absolute;
	top: 220px;
	margin: 0px;
	padding: 0px;
	left: 85px;
	width: 790px;
	letter-spacing: 0px;
}
#menuWrapper a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #0066CC;
	text-decoration: none;
	text-transform: none;
}
#menuWrapper a:hover, #topMenu a:hover {
	color: #8BD3E5;
}
#topMenu a.SELECTED, #menuWrapper a.SELECTED {
	color: #8BD3E5;
}

ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #0066CC;
	font-weight: bold;
	list-style-position: inside;
}
#introHolder a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #207EC0;
	text-decoration: none;
}
#introHolder a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
}
.hidden {
	display: none;
}
#introTextWrapper p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin: 0px 0px 25px;
	padding: 0px;
}
p.centerital {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}
p.center {
	text-align:center;
}
li.black {
	color:#000000;
	font-weight: normal;
	position: relative;
	left: 19px;
}
table.indent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	top: -15px;
	left: 20px;
}
tr.blue{
color:#0773BA;
}
td.italic{
font-style:italic;
}

td {
	min-width: 130px;
}



/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 666px; 
    height:366px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    height:20000em; 
    position:absolute; 
	background: #0066CC;
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
  /*  float:left;*/
	text-align:center;
	width:666px;
	height: 366px;
	font-size:30px;
	font-family: 'bitstream vera sans';
	background-color: #0066CC;
	margin-right: 20px;	
	-moz-border-radius:5px;

} 
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../img/scrollable/arrow/left.png) no-repeat;
	float:left;
	margin:10px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	width:225px;
	background:#FFFFFF;
	clear:right;	
}
a.prev, a.prevPage {
	width:230px;
	background:#FFFFFF;
	clear:right;	
}


/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

p.blue {
	color: #0066CC;
	}
p.blueTwo {
	color: #0066CC;
	position: relative;
	left: -250px;
	}
span.red {
	color: #FF0000;
	font-weight: bold;
	}
a.homeLink {
	display: block;
	position: relative;
	top:-305px;
	left: 15px;
	width:250px;
	height:150px;
	border:1px solid red;
	}
.error {
	border: 1px solid red;
}
#errorBox {
	background: #FF0000;
	color: #FFFFFF;
	width: 400px;
	padding: 10px;
	font-family: Arial;
	text-align: center;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
}
#home-link {
position: absolute;
top: -3px;
left: 69px;
height: 150px;
width: 240px;
background-color: transparent;
}
#terms {
clear:both;
}
a[href $='.pdf']:after { 
   content:url(../images/pdficon.jpg);
}