/* CSS Document */



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

* {
	outline:none;
}

a {
	color:#004c92;
	text-decoration:none;
}

a:hover {
	color:#8dbeeb;
}


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


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

h1 {
margin-top:0px;
margin-bottom:4px;
font-size:33px;
line-height:normal;
font-weight:normal;
color:#004c9c;
}

h2 {
margin-top:0px;
margin-bottom:4px;
font-size:33px;
line-height:normal;
font-weight:normal;
color:#8dbeeb;
}

h3 {
margin-top:0px;
margin-bottom:4px;
font-size:27px;
line-height:normal;
font-weight:normal;
color:#004c9c;
}

h4 {
margin-top:0px;
margin-bottom:4px;
font-size:27px;
line-height:normal;
font-weight:normal;
color:#8dbeeb;
}

h5 {
margin-top:0px;
margin-bottom:4px;
font-size:22px;
line-height:normal;
font-weight:normal;
color:#004c9c;
}

h6 {
margin-top:0px;
margin-bottom:4px;
font-size:22px;
line-height:normal;
font-weight:normal;
color:#8dbeeb;
}

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:0px;
	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:0px;
	padding-left:15px;
	padding-right:15px;
	margin:0 auto;
	color:#87888a;
	font-weight:normal;
}

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

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

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

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

.logo {
	float:left;
	padding-top:0px;
	padding-left:0px;
	position:absolute;
	top:13px;
}

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

.strapline { 
	float:right;
	color:#e9e34e;
	height:69px;
	line-height:normal;
	font-weight:normal;
	width:624px;
	text-align:right;
	overflow:hidden;
}

.strapline h1 {
	color:#e9e34e;
	margin-top:22px;
	margin-bottom:0px;
	line-height:normal;
	font-weight:normal;
	font-size:18px;
}

.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;
	padding: 15px 15px 0 15px;
	margin-top:2px;
}

.tabsContent {
	width:926px;
	float:none;
	padding:0px;
	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:0px;
	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;
}


/*//// GALLERY ////*/


.galleryContainer {
	height:429px;
	width:921px;
	float:left;
	overflow:hidden;
}

.galleryNav {
	width:920px;
	float:left;
	text-align:right;
	padding:3px 1px 0px 0px;
}

#gallery_preview{
	position:absolute;
	border:1px solid #ccc;
	background:#999;
	padding:5px;
	display:none;
	color:#fff;
}

.gallerySlot {
	height:429px;
	width:921px;
	float:left;
}

.gallerySlider {
	height:429px;
	top:0px;
	left:0px;
	position:absolute;
	white-space:nowrap;
}

.galleryThumb {
	height:133px;
	width:172px;
	float:left;
	text-align:center;
	padding-bottom:10px;
	padding:0 15px 15px 0;
}

/*////  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; }