/* GENERAL STYLES */
/* -----------------------------------------
    HOPPER DEVELOPMENTS STYLE SHEET 2007
----------------------------------------- */

/* ---- COLORS ----- 

Blue 	002F4B
70%		276982
50%		668FA3
30%		A1B8C6
15%		CFDAE2
5%		EEF2F5

------------------ */

body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%;
	line-height:1.3em; 
	color: #002F4B;
	margin:0;
	padding:0;
	background:#FFF;
	}
div, form, object, img, dl, dt, dd, ul, li, span {
	margin:0;
	padding:0;
	border:0;
	}
img {
	display:block;
}
object {
	z-index:1;
}
/* Container/Holder Elements */
#entire {
	width:1000px;
	margin:35px auto 0;
	padding:17px 0;
	background:#EEF2F5;
	}
#footer {
	width:928px;
	margin:0 auto;
	padding:1em 0 .6em;
	font-size:.8em;
	line-height:1.3em;
	text-align:right;
	color:#A1B8C6;
overflow:hidden;
}
#footer strong {
	font-size:1.3em;
}
#footer span {
	font-size:1.1em;
}
#footer a {
	color:#A1B8C6;
}
#footer a:hover {
	color:#668FA3;
}
#center { 
	width:928px;
	margin:0 auto;
	padding:19px;
	text-align:left;
	background:#FFF;
	position:relative;
	}
#hdr {
	width:100%;
	height:80px;
	position:relative;
	}
#content {
	width:100%;
	position:relative;
	overflow:hidden;
	border-top:5px solid #A1B8C6;
	background:transparent url(../images/gen/bk/contBkR.gif) right top repeat-y;
	}
.contFull {
	background:transparent url(../images/gen/bk/contFullBkR.gif) right top no-repeat !important;
}
.contHome {
	background:transparent url(../images/gen/bk/contHomeBkR.gif) right top repeat-y !important;
}
.tPanel {
	height:250px;
	overflow:hidden;
	z-index:1;
	background:#EEF2F5 url(../images/gen/bk/tPanelBk.gif) left bottom no-repeat;
	}
.tPanelHome {
	height:350px;
	overflow:hidden;
	z-index:1;
	background:#EEF2F5;
	}
.tHold {
	z-index:1;
	background:#EEF2F5 url(../images/gen/bk/tPanelBk.gif) left bottom no-repeat;
}
.holder, .gallery-list {
	width:100%;
	overflow:hidden;
	position:relative;
	}
.full {
	width:100%;
	position:relative;
	margin-top:-40px;
	z-index:10;
	padding-bottom:33px;
	}
.left {
	width:628px;
	float:left;
	position:relative;
	margin-top:-40px;
	z-index:1000;
	padding-bottom:33px;
	overflow:hidden;
	}
.contHome .left {
	margin-top:0;
	width:313px;
	border-top:5px solid #A1B8C6;
	padding:0 15px 0 0;
	z-index:10;
}
.middle {
	width:270px;
	border-top:5px solid #A1B8C6;
	padding:0 15px 15px;
	float:left;
	background:#CFDAE2;
	overflow:hidden;
	}
.right {
	width:270px;
	border-top:5px solid #A1B8C6;
	padding:0 15px 15px;
	float:left;
	background:#EEF2F5;
	overflow:hidden;
	}
.hold, .photoCrumbHold {
	width:100%;
	position:relative;
	clear:left;
	z-index:1000;
}
.richMedia {
	margin:15px 20px 0 0;
	padding:15px;
	background:#CFDAE2 url(../images/gen/bk/sFormLeftTr.gif) right top no-repeat;
	float:left;
	height:1%;
	overflow:hidden;
}
.interest {
	background:#CFDAE2 url(../images/gen/bk/sFormLeftTr.gif) right top no-repeat;
	margin:15px 20px 0 0;
	padding:15px;
	height:1%;
	overflow:hidden;
}
/* HOME HIDE/SHOW */

#infoPanel {
	overflow:hidden;
	height:0px;
}



/* List Styles - TWEAK ALL OTHER UL/LI USAGES */
ul {
	list-style:disc outside;
	margin:.5em 20px;
}
li {
	padding:.2em;
}

/* Link Styles */
a { 
	color:#276982;
	text-decoration: underline; 
	}
a:hover {
	color:#002F4B;
	}
	
/* Right Block links */

ul.block {
	width:100%;
	list-style:none;
	padding:5px 0 0;
	margin:0;
}
ul.block li {
	width:100%;
	padding:0;
}
ul.block li a {
	width:71%;
	display:block;
	position:relative;
	font-size:1.1em;
	line-height:1.2em;
	padding:10px 5% 10px 24%;
	border-top:1px solid #FFF;
	border-bottom:1px solid #A1B8C6;
	text-decoration:none;
	background:transparent url(../images/gen/icons/arrow.gif) 7% 37% no-repeat;
}
div.left ul.block li a {
	width:85%;
	padding:10px 5% 10px 10%;
	background:transparent url(../images/gen/icons/arrow-blue.gif) 2% 37% no-repeat;	
}
.event li a {
	background:transparent !important;
}
/* NEWS POSTS */
ul.block li a span {
	font-size:.9em;
	line-height:1.2em;
	color:#A1B8C6;
}
ul.block li a:hover span {
	color:#668FA3;
}
ul.block li a span.date {
	font-size:.8em;
	font-style:italic;
	}
ul.block li a em, .event-item em {
	position:absolute;
	left:10px;
	top:13px;
	width:36px;
	height:22px;
	padding-top:14px;
	display:block;
	text-align:center;
	font-size:17px;
	line-height:9px !important;
	line-height:10px;
	font-weight:bold;
	font-style:normal;
	background:transparent url(../images/gen/icons/cal.gif) 6% 45% no-repeat !important;
	color:#A1B8C6;
}
ul.block li a em span, .event-item em span {
	font-size:10px;
	line-height:8px;
	text-transform:uppercase;
	color:#A1B8C6 !important;
	font-style:normal;
	font-weight:bold;
}

/* Text/Font Styles */
h1, h2, h3, h4, h5, h6, p, blockquote {
	margin:0;
	padding:.5em 1em 0 0;
	color:#276982;
	}
h1, h2, h3 {
	font-size:3em;
	line-height:1em;
	font-weight:normal;
	}
h1, h2 {
	padding-top:20px;
	}
#hdr h1 {
	color:#A1B8C6;
	font-size:1.2em;
	line-height:1em;
	padding-top:.2em;
	letter-spacing:3px;
}
#hdr h1 span {
	font-size:.8em;
	color:#CFDAE2;
	letter-spacing:0px;
}
h2 {
	font-size:1.8em;
}
h2 a.flR {
	font-size:.6em;
	line-height:1em;
	padding-top:.4em;
	margin-right:-20px;
}
h3 {
	color:#668FA3;
	font-size:1.3em;
	font-weight:bold;
	}
h3 a.flR {
	font-size:.7em;
	line-height:1em;
	padding-top:.4em;
	margin-right:-5px;
}
h3 span {
	color:#276982;
	}
h3 em {
	font-weight:normal;
	color:#668FA3;
	}
h4, h5 {
	color:#668FA3;
	font-size:1.5em;
	line-height:1.2em;
	font-weight:bold;
	position:relative;
	padding-top:.7em !important;
	padding-bottom:-.2em !important;
	}
h4 strong {
	color:#276982;
}
h5 {
	font-size:1.4em;
	color:#276982;
	margin-bottom:-.3em;
	font-weight:normal;
}
h6 {
	font-size:12px;
	font-weight:bold;
	color: #668FA3;
	}
.left p {
	padding-right:80px;
}
.contHome .left p {
	padding-right:0;
}

p.intro, .photoIntro {
	font-size:1.4em !important;
	line-height:1.2em !important;
	font-weight:normal !important;
	
	padding-bottom:.2em !important;
	color: #668FA3;
}

/* Images in copy */
.imgL {
	float:left;
	margin:0 15px 8px 0;
}
.imgR {
	float:right;
	margin:0 0 8px 15px;
}


/* NEWS + EVENTS + FAQs */
.news-items, .event-items, .faq-answers {
	margin-right:20px;
	position:relative;
}
.news-item, .event-item {
	position:relative;
}
.news-item h3, .news-item p,
.faq-answers h3, .faq-answers p {
	padding-left:15px;
}
.event-item h3, .event-item p {
	padding-left:58px;
}
.news-item h3, .event-item h3, .faq-answers h3 {
	margin-top:.8em;
	padding-top:.8em;
	border-top:1px solid #CFDAE2;
	font-weight:bold;
}
.news-item span, .news-item p, 
.event-item h3, .event-item p, 
.faq-answers h3, .faq-answers p {
	color:#668FA3;
}
.faq-answers h3 {
	color:#276982;
}
.faq-answers p {
	padding-right:120px;
}

.news-item span, .event-item span, .faq-answers span {
	font-weight:normal;
	font-size:.7em;
	font-style:italic;
}
.faq-answers span {
	float:right;
	line-height:1.5em;
}
.faq-answers span a {
	color:#CFDAE2;
}
.faq-answers span a:hover {
	color:#668FA3;
}

/* LISTER */

.listItem {
	border-top:1px solid #CFDAE2;
	margin:1em 20px .5em 0;
	padding-bottom:.7em;
}
.listSubItem {
	padding-left:15px;
	margin-top:-5px;
}
.listSubItem h5 {
	line-height:1em !important;
	padding-bottom:.2em;
	margin-top:.3em;
}

/* GALLERY STYLES */
.galLinks {
	float:right;
	margin:50px 15px 0;
	color:#CFDAE2;
	font-size:1.2em;
}


.image-thumbs {
	margin:10px 5px 0 0;
	height:1%;
	overflow:hidden;
}

.image-thumb {
	float:left;
	margin:15px 15px 0 0;
	overflow:hidden;
	height:140px;
}
.image-thumb img {
	height:140px;
	}
/* PREVIEW */
.gallery-preview {
	margin:18px 0 0;
	overflow:hidden;
}
.right .preview-inner {
	width:272px;
}
.pre-thumb {
	width:135px;
	height:125px;
	overflow:hidden;
	float:left;
}
.pre-thumb img {
	width:135px;
	margin:-2px 0 0 -2px;
	}
.x1 {
	width:270px !important;
	height:auto !important;
} .x1 img {
	width:auto !important;
}
.x2 {
	width:135px !important;
	height:125px !important;
} .x2 img {
	width:auto !important;
}
.x3 {
	width:90px !important;
	height:81px !important;
} .x3 img {
	width:auto !important;
}
.x4 {
	width:68px !important;
	height:60px !important;
} .x4 img {
	width:auto !important;
}
.x5 {
	width:54px !important;
	height:50px !important;
} .x5 img {
	width:auto !important;
}

/* LEFT */
.left .gallery-preview {
	width:270px;
	float:right;
	padding:0 10px 3px;
	margin:7px 16px 5px;
	overflow:hidden;
	background:#EEF2F5 url(../images/gen/bk/cnrBl.gif) left bottom no-repeat;
}
.left .gallery-list .gallery-preview {
	float:left;
	background:#EEF2F5 url(../images/gen/bk/cnrTr.gif) right top no-repeat; 
	padding:3px 13px 13px;
	margin:18px 16px 0 0;
}
.left .gallery-preview h2 {
	padding-top:12px;
}
.left .preview-inner {
	padding:10px 0 0;
}
.gallery-preview p {
	padding:.5em 2px 0;
}
.gallery-preview p.flR {
	padding:.5em 2px 3px;
}

/* SPECIAL GALLERY */

.middleImg {
	width:503px;
	margin:0 15px;
	float:left;
}
.thirdImgs {
	width:180px;
	padding:0 0 15px 15px;
	background:#EEF2F5;
	float:left;
}
.thirdImgs .image-thumb {
	width:165px;
	margin-right:0;
	}
.thirdImgs .image-thumb, .thirdImgs .image-thumb img {
	height:100px;
	}



/* DATA LIST - LINK LISTS */
dl {
	margin:.6em 0;
	padding:12px 10px 6px;
	margin-right:20px;
	height:1%;
	overflow:hidden;
	background:#EEF2F5 url(../images/gen/bk/cnrTr.gif) right top no-repeat; 
	}
.contHome dl {
	margin:.6em 0 0;
}
dt {
	font-size:1.4em;
	color:#002F4B;
	padding-left:1%;
	}
dt span {
	font-style:normal;
	color: #668FA3;
	}
dd ul {	
	list-style:none;
	margin:0;
	padding:.3em 0;
	width:100%;
	overflow:hidden;
	}
dd li {
	padding:0;
}
dd li a {
	display:block;
	width:98%;
	padding:.2em 1%;
	line-height:15px;
	font-weight:bold;
	text-decoration:none;
	}
dd li a:hover {
	background-color:#FFF; 
	}
		
/* Color Styles */
.white { color: #FFF; }
.whiteBk { background: #FFF !important; }


/* ------------------- NAVIGATION ----------------------- */

/* ------------ MAIN TABS ------------ */
#tabs {
	position:absolute;
	left:0px;
	bottom:0px !important;
	bottom:-1px;
	list-style: none;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
	overflow:hidden;
	height:29px;
	}
#tabs li {
	width:auto;
	text-align:left;
	float:left;
	display:inline;
	margin:5px 2px 0 0;
	padding:0;
	overflow:hidden;
	background:#CFDAE2 url(../images/nav/l15.gif) no-repeat;
	height:34px;
	}
#tabs li a {
	width:auto;
	float:left;
	display:block !important;
	display:inline-block;
	font-size:10px;
	line-height:10px;
	text-decoration: none;
	text-transform:uppercase;
	text-align: center;
	color: #FFF;
	background:transparent url(../images/nav/r15.gif) right top no-repeat;
	padding:8px 9px 14px;
	}


/* Color Rules 
Blue 	002F4B
70%		276982
50%		668FA3
30%		A1B8C6
15%		CFDAE2
5%		EEF2F5
*/

#tabs li:hover {
	/*background:#668FA3 url(../images/nav/l50.gif) no-repeat !important;*/
	}
#tabs li a:hover {
	color:#276982;
	/*background-image: url(../images/nav/r50.gif) !important;*/
	}
/* Current */
#tabs li#curr {
	margin-top:2px;
	color:#FFF;
	background:#A1B8C6 url(../images/nav/l30.gif) no-repeat !important;
	}
#tabs li#curr a {
	background-image: url(../images/nav/r30.gif) !important;
	}
#tabs li#curr a:hover {
	color: #002F4B;
	}

/* ------------ SUB NAV ------------ */
#sub {
	width:627px;
	list-style: none;
	margin:5px 0 -5px;
	padding:0;
	border:0;
	text-align:left;
	overflow:hidden;
	border-left:1px solid #A1B8C6;
	}
#sub li {
	width:auto;
	text-align:left;
	float:left;
	display:inline;
	margin:0 0 2px;
	padding:0;
	overflow:hidden;
	}
#sub li a {
	width:auto;
	height:100%;
	float:left;
	display:block !important;
	display:inline-block;
	font-size:11px;
	line-height:11px;
	text-decoration: none;
	text-align: center;
	color: #668FA3;
	background:#FFF;
	padding:7px 10px;
	border-right:1px solid #A1B8C6;
	}

#sub li a:hover, #sub li.current a {
	color:#002F4B;
	}

#sub li.section a {
	color:#FFF;
	font-weight:bold;
	padding:7px 12px 7px 10px;
	text-transform:uppercase;
	background:#A1B8C6;
	}


/* BREAD CRUMB TRAIL */
#umbBreadcrum {
	position:absolute;
	bottom:0px;
	left:0px;
	margin:0;
	display:block;
	list-style:none;
	background:transparent;
	z-index:10000000000;
}

#umbBreadcrum li {
	padding:0;	
	padding-right:.5em;
	float:left;
}


/* SITEMAP STYLES */
#sitemap {
	padding-top:1em;
}
.siteMap{
	list-style-image: url(/images/gen/icons/page_icon.gif);
	padding-right:20px;
}
.siteMap a {
	font-weight:bold;
}
.siteMap li{
	padding:.8em 0 0 15px;
	border-top:1px solid #EEF2F5;
	margin:.8em 0 .8em;
	font-size:1.2em;
	line-height:.8em;

}

.siteMap ul {
	padding:.2em 0 0;
	margin-left:1.2em;
	}

.siteMap ul li {
	margin:.4em 0 0;
	font-size:.8em;
	line-height:1.2em;
	margin-bottom:0;
	border:0;
	padding:0;
}

.siteMap ul ul li, .siteMap ul ul a {
	font-weight:normal;
	font-size:1em;
}



/* ++ Helper styles */
.fc:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.fc { 
	display: inline-table;
	height: 1%;
	display: block; 
}
/* SHORTCUTS */
.flL {
	float:left;
}
.flR {
	float:right;
}
img.flL {
	margin:0 10px 5px 0;
}
img.flR {
	margin:0 0 5px 10px;
}
.interest img.flL {
	margin:0;
}
.interest img.flR {
	margin:0 0 0 40px !important;
	display:inline !important;
	/*position:relative;*/
}
.clB {
	clear:both;
}
.b0 {
	border:0;
	}
.b0 a { border:0 !important; }

.m0 {
	margin:0;
	}
.mr0 {
	margin-right:0;
	}
.mb0 {
	margin-bottom:0;
	}
.mt9 {
	margin-top:9px;
	}
.mt15 {
	margin-top:15px;
	}
.mt-10 {
	margin-top:-10px;
	}

.mb10 {
	margin-bottom:10px;
	}
.ml10 {
	margin-left:10px;
	}
.p0 {
	padding:0;
	}
.pl5 {
	padding-left:5px;
	}
.pr10 {
	padding-right:10px !important;
	}
.tac {
	text-align:center !important;
	}
.tal {
	text-align:left !important;
	}
.tar {
	text-align:right !important;
	}
.sm {
	font-size:.7em;
	/*line-height:1em;*/
}
/* FORM ELEMENTS */
input, select, textarea {
	font-family:Helvetica, Arial, sans-serif;
	border:1px solid #668FA3;
	background-color:#FFF;
	color:#002F4B;
	vertical-align:center;
	font-size:12px;
	padding:2px 3px;
	}
select {
	padding:2px;
}
label {
	display:block;
	font-size:1em;
	line-height:1.3em;
	margin:0 1px 0 0;
	padding:0;
	color:#002F4B;
	}
.r { font-weight:bold; }
.err { 
	color:#D00;
	font-style:italic;
	font-size:.8em;
}

/* Button Classes */
.button {
	width:auto !important;
	background:#276982;
	color:#FFF;
	border:0;
	padding:3px 5px 1px !important;
	padding-top:2px;
	margin-bottom:-1px !important;
	margin:0;
	text-align:center;
	}
.button:hover {
	background:#002F4B;
}

.searchForm {
	margin-top:20px;
	background:#CFDAE2 url(../images/gen/bk/sFormTr.gif) right top no-repeat;
	padding:10px;
	width:250px;

}
.left .searchForm {
	background:#CFDAE2 url(../images/gen/bk/sFormLeftTr.gif) right top no-repeat;
}
.searchForm input {
	width:180px;
}
.searchForm .button {
	width:60px !important;
	background:#276982 url(../images/gen/bk/butBkR.gif) right top no-repeat;
}
.searchForm .button:hover {
	background:#002F4B url(../images/gen/bk/butHovBkR.gif) right top no-repeat;
}



/* ENQUIRY FORM */
div.enquiryForm {
	width:628px;
}
div.enquiryForm label {
	display:block;
	font-weight:bold;
	margin-top:.5em;
	clear:both;
}
div.enquiryForm input, div.enquiryForm textarea {
	display:block;
	border:1px solid #668FA3;
	margin:0;
	padding:3px;
	width:20em;
	font-family:arial;
	font-size:1em;
}
div.enquiryForm textarea {
	padding:0 0 0 3px;
	height:10em;
}
div.enquiryForm input.formAddress {
	margin-bottom:2px;	
}
div.enquiryForm input.formBut{
	width:auto;
}
div.enquiryForm .button {
	border:0;
	margin-top:.5em;
}

input.hidden { visibility: hidden; }

.xsltsearch_description strong {background: #ff9;} /* search term highlighting */




/* EDITOR PROPERTIES */
h4 {

}

.intro {
font-size:1.2em;
font-weight:bold;
color: #668FA3;
}

h5 {

}