/* CSS Document */



/*//// ELEMENTS ////*/

* {
	outline:none;
}

a {
	color:#F00;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color:#F00;
}


html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}


body {
	background:url(../images/top-banner.jpg) repeat-x #000000 top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#ffffff;
}

h1 {
margin-top:9px;
margin-bottom:6px;
font-size:30px;
}

h2 {
margin-top:7px;
margin-bottom:4px;
font-size:27px;
}

h3 {
margin-top:5px;
margin-bottom:4px;
font-size:19px;
}

h4 {
margin-top:3px;
margin-bottom:2px;
font-size:17px;
}

h1, h2, h3, h4, h5 {
line-height:normal;
font-weight:normal;
color:#ffffff;
}

img {
	border:none;
}
	
input, textarea.contactText {
	border:1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

p {
	margin-top:8px;
	margin-bottom:8px;
}

ul {
	margin-top:0px;
	padding-left:10px;
	margin-left:5px;
}


/*//// STRUCTURE ////*/

.bottomContainer {
	width:964px;
	padding-top:15px;
	padding-bottom:15px;
	float:none;
	margin:0 auto;
	z-index:1;
}

.container {
	width:964px;
	margin:0 auto;
	float:none;
	overflow:auto;
}

.footer {
	background:url(../images/bottom-lines.jpg) repeat-x top;
	width:100%;
	margin:0 auto;
	float:none;
	clear:both;
	padding-bottom:20px;
}

.footerInner {
	width:930px;
	padding-top:7px;
	padding-left:15px;
	padding-right:15px;
	margin:0 auto;
	color:#ffffff;
	font-weight:normal;
}

.footerLeft {
	width:585px;
	float:left;
	text-align:left;
}

.footerRight {
	width:345px;
	float:right;
	text-align:right;
}

.footerInner a {
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}

.footerInner a:hover {
	color:#f30201;
}	

.logo {
	float:left;
	padding-top:0px;
	padding-left:0px;
	position:relative;
	top:15px;
}

.menu {
	position:relative;
	float:right;
	width:624px;
	text-align:right;
	z-index:15;
}

.strapline { 
	float:right;
	color:#5CB2C7;
	height:79px;
	line-height:normal;
	width:624px;
	text-align:right;
	overflow:hidden;
}

.strapline h1 {
	color:#FFF;
	margin-top:22px;
	margin-bottom:0px;
	font-size:24px;
}

.telephone {
	float:right;
	color:#196bb5;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	width:624px;
	text-align:right;
}

.topBanner {
	width:959px;
	height:126px;
	padding-top:0px;
	padding-right:5px;
	float:none;
	margin:0 auto;
}

.tabsContainer {
	width:964px;
	float:none;
	background:url(../images/page-colour-shadow.jpg) repeat-y;
	display:none;
	background-position:left;
}

.tabsContent {
	width:892px;
	float:none;
	padding:30px;
	padding-left:36px;
	padding-right:36px;
	line-height:18px;
	position:relative;
	overflow:hidden;
}

.tabsBottom {
	width:964px;
	float:none;
	background:url(../images/bottom-shadow.jpg) center top no-repeat;
	height:6px;
	line-height:1px;
}

.tabsBottomContent {
	width:915px;
	height:5px;
	float:left;
	line-height:1px;
}

/*//// TABS MENU ////*/


.noTabsMenu {
	width:964px;
	background:url(../images/top-shadow.jpg) bottom left no-repeat;
	height:4px;
	float:none;
	line-height:4px;
}

.tabsMenu {
	width:964px;
	background:url(../images/top-shadow.jpg) bottom left no-repeat;
	height:39px;
	float:none;
}

.tabsMenu a {
	font-weight:normal;
}

.tabsMenu a:hover {
	font-weight:normal;
}

a.tabsMenuLeft {
	width:93px;
	height:26px;
	padding-left:11px;
	padding-top:13px;
	padding-right:14px;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	background:url(../images/tabs/left-tab-off.jpg) left no-repeat;
	text-decoration:none;
}

a:hover.tabsMenuLeft {
	background-image:url(../images/tabs/left-tab-on.jpg);
	color:#FFFFFF;
}

a.tabsMenuLeftSelected {
	width:93px;
	height:26px;
	padding-left:11px;
	padding-top:13px;
	padding-right:14px;
	float:left;
	background-image:url(../images/tabs/left-tab-on.jpg);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
}

a:hover.tabsMenuLeftSelected {
	color:#FFFFFF;
}

a.tabsMenuMiddle {
	width:95px;
	height:26px;
	padding-left:13px;
	padding-top:13px;
	padding-right:13px;
	line-height:11px;
	font-size:11px; 
	color:#FFFFFF;
	float:left;
	background:url(../images/tabs/centre-tab-off.jpg) left no-repeat;
	text-decoration:none;
}

a:hover.tabsMenuMiddle {
	color:#FFFFFF;
	background:url(../images/tabs/centre-tab-on.jpg) left no-repeat;
}

a.tabsMenuMiddleSelected {
	width:95px;
	height:26px;
	padding-left:13px;
	padding-top:13px;
	padding-right:13px;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	background:url(../images/tabs/centre-tab-on.jpg) left no-repeat;
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	background-position:left;
}

a:hover.tabsMenuMiddleSelected {
	color:#FFFFFF;
}

a.tabsMenuEnd {
	width:96px;
	height:26px;
	padding-left:11px;
	padding-top:13px;
	padding-right:13px;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	background:url(../images/tabs/right-tab-off.jpg) right no-repeat;
	text-decoration:none;
}

a:hover.tabsMenuEnd {
	color:#FFFFFF;
	background:url(../images/tabs/right-tab-on.jpg) right no-repeat;
}

a.tabsMenuEndSelected {
	width:96px;
	height:26px;
	padding-left:11px;
	padding-top:13px;
	padding-right:13px;
	line-height:11px;
	font-size:11px;
	color:#FFFFFF;
	float:left;
	background:url(../images/tabs/right-tab-on.jpg) right no-repeat;
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
}

a:hover.tabsMenuEndSelected {
	color:#FFFFFF;
}


/*////  FONT SIZER CSS  ////*/

.fontResizer { float:right; padding-left:10px; }

.fontResizer a { display: block; float: left; width: 17px; height: 17px; text-align: center; border: 1px solid #ccc; line-height: 15px; color: #666; text-decoration: none; }

.fontResizer a:hover { color: #000; text-decoration: none; }

/* 
The following control the way the font-resizer links appear only 
Set the actual size-changes in the function call
*/

.smallFont { font-size: 9px; }

.medFont { font-size: 11px; }

.largeFont { font-size: 15px; }

.curFont { background: #EEEEF7; }