/* --------------------| BODY |-------------------- */

body {
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #555;
background: #E5ECF0 url(../images/bgBodyRainbow.png) repeat-x center -5px;
}

html, body {
width: 100%;
height: 100%;
}


/* --------------------| GENERAL TEXT |-------------------- */

.blue { 	color: #1d668e; }
.dblue { 	color: #0b548d; }
.grey { 	color: #a6a5a4; }
.lgrey { 	color: #969696; }
.red { 		color: #990000; }
.green { 	color: #037d00; }

a {
text-decoration:none;
color: #1d668e;
} 

a:hover {
color: #474747;
}

strong {
font-weight: bold;
}

em {
font-style: oblique;
}

/* --------------------| GENERAL CRAP |-------------------- */

.clear {
clear:both;
display: block;
}

.clearfix:after, .homeList a:after, .list ul:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix, .homeList a, .list ul {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, .homeList a, .list ul {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear60 {height:60px; clear:both;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }


/* --------------------| BUTTONS |-------------------- */

.button, .buttonTiny, .buttonBig {
float: left;
border: none;
cursor: pointer;
padding: 0 8px 0 0;
text-decoration: none;
background-repeat: no-repeat;
background-position: right top;
background-color: transparent;
overflow: visible;
height: 27px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

	.buttonTiny {
	padding-right: 5px;
	height: 19px;
	font-size: 10px;
	}
	
	.buttonBig {
	height: 30px;
	}
	

	.button::-moz-focus-inner, .buttonTiny::-moz-focus-inner, .buttonBig::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
	}


	.button span, .buttonTiny span, .buttonBig span {
	padding: 0 0 0 10px;
	line-height: 27px;
	height: 27px;
	display: block;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	}
	
		.buttonTiny span {
		height: 19px;
		line-height: 19px;
		font-size: 10px !important;
		padding-left: 5px;
		text-transform: none;
		font-weight: normal;
		}
		
		.buttonBig span {
		height: 30px;
		line-height: 30px;
		padding-left: 12px;
		}
	
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			/* Safari and Google Chrome only - fix margins */
			.button span, .buttonTiny span, .buttonBig span {
				margin-top: -1px;
			}
		}


	.button:hover, .buttonTiny:hover, .buttonBig:hover {
	background-position: right bottom;	
	text-decoration: none;
	}
	
		.button:hover span, .buttonTiny:hover span, .buttonBig:hover span {
		background-position: left bottom;	
		}
	
.buttonBlue {
background-image: url(../images/buttonBlueRight.png);
}

	.buttonBlue span {
	background-image: url(../images/buttonBlueLeft.png);
	}
	
.buttonTinyBlue {
background-image: url(../images/buttonTinyBlueRight.png);
}

	.buttonTinyBlue span {
	background-image: url(../images/buttonTinyBlueLeft.png);
	}
	
.buttonTinyGrey {
background-image: url(../images/buttonTinyGreyRight.png);
}

	.buttonTinyGrey span {
	background-image: url(../images/buttonTinyGreyLeft.png);
	color: #1d668e;
	}
	
.buttonGrey {
background-image: url(../../images/buttonGreyRight.png);
}

	.buttonGrey span {
	background-image: url(../../images/buttonGreyLeft.png);
	color: #404040;
	}

.buttonBigBlue {
background-image: url(../images/buttonBigBlueRight.png);
}

	.buttonBigBlue span {
	background-image: url(../images/buttonBigBlueLeft.png);
	}

/* --------------------| CONTENT FRAME |-------------------- */

#container {
width: 100%;
background: #fff url(../images/bgBodyRainbow.png) repeat-x center -4px;
padding-top: 30px;
}

#header {
width: 960px;
padding: 0 30px;
margin: 0 auto;
}

	#headerTop {
	display: block;
	height: 40px;
	padding-left: 10px;
	}
	
		#headerTop .language {
		float: left;
		height: 26px;
		padding-left: 67px;
		background: url(../images/bgHeaderMap.png) no-repeat top left;
		}
		
			#headerTop .language li {
			float: left;	
			}
			
		#headerTop .search {
		float: right;
		width: 155px;
		}
		
			#headerTop .search input.text {
			border: none;
			width: 120px;
			height: 17px;
			padding: 3px 0 0 5px;
			float: left;
			background: url(../images/headerSearchText.png) no-repeat left;
			color: #999;
			font-size: 11px;
			}
			
		#headerTop .links {
		float: right;
		width: 344px;
		padding-top: 3px;
		}
		
			#headerTop .links a {
			color: #555;
			padding: 1px 8px 2px;
			border-left: 1px solid #ccc;
			float: left;
			font-size: 11px;
			}	
			
				#headerTop .links a.first {
				border-left: none;
				}
			
			#headerTop .links strong a, #headerTop .links a:hover {
			color: #1d668e;	
			}
			

	#headerNav {
	width: 929px;
	height: 60px;
	padding: 0 16px 0 15px;
	display: block;
	background: url(../images/bgHeaderBar.png) no-repeat;
	}
	
		#headerLogo {
		width: 183px;
		height: 34px;
		margin-top: 13px;
		float: left;
		text-indent: -9999px;
		}
		
		#headerNav ul {
		float: right;	
		}

		#headerNav li {
		float: left;
		display: inline;
		margin-left: 14px;
		position: relative;
		}
		
			#headerNav li a {
			display: block;
			height: 0;
			padding-top: 60px;
			overflow: hidden;
			background-image: url(../images/bgHeaderNav.png);
			background-repeat: no-repeat;
			}
		
			#headerNav1 a { width: 111px; background-position: 0 0; }
			#headerNav2 a { width: 102px; background-position: -111px 0; }
			#headerNav3 a { width: 117px; background-position: -214px 0; }
			#headerNav4 a { width: 80px;  background-position: -345px 0; }
			#headerNav5 a { width: 111px; background-position: -426px 0; }
			#headerNav6 a { width: 96px;  background-position: -537px -60px; }
			#headerNav7 a { width: 96px;  background-position: -633px -60px; }

			#headerNav1 a:hover { background-position: 0 -60px; }
			#headerNav2 a:hover { background-position: -111px -60px; }
			#headerNav3 a:hover { background-position: -214px -60px; }
			#headerNav4 a:hover { background-position: -345px -60px; }
			#headerNav5 a:hover { background-position: -426px -60px; }
			#headerNav6 a:hover { background-position: -537px -60px; }
			#headerNav7 a:hover { background-position: -633px -60px; }
			
			#headerNav1 a.active { background-position: 0 -120px; }
			#headerNav2 a.active { background-position: -111px -120px; }
			#headerNav3 a.active { background-position: -214px -120px; }
			#headerNav4 a.active { background-position: -345px -120px; }
			#headerNav5 a.active { background-position: -426px -120px; }
			#headerNav6 a.active { background-position: -537px -120px; }
			#headerNav7 a.active { background-position: -633px -120px; }
			
			#headerNav .headerDrop {
			position: absolute;
			top: 59px;
			left: 1px;
			z-index: 604;
			width: 160px;
			display: none;
			padding-top: 6px;
			background: transparent url(../images/bgHeaderDropInside.png) no-repeat 0 3px;
			}
			
			#headerNav .headerDrop ul {
			float: none;
			padding: 0 0 4px;
			width: 160px;
			background: url(../images/bgHeaderDropOutside.png) no-repeat bottom;
			}
			
			#headerNav .headerDrop li {
			float: none;
			display: block;
			margin: 0;
			padding: 0 2px;
			height: 24px;
			}
			
				#headerNav .headerDrop li a {
				height: auto;
				width: auto;
				background: none;
				color: #fff;
				padding: 6px 3px 8px 12px;
				margin: 0 0 2px;
				
				}

					#headerNav .headerDrop li a:hover {
					background: #226d99;	
					}
					
.banners {
display: block;
padding: 45px 30px 0 0;
width: 660px;
float: right;
}

	.banners div {
	width: 468px;
	height: 60px;
	margin: 0 auto;
	display: block;
	position: relative;
	overflow: hidden;
	}
	
	.banners span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	}
	
	.banners img {
	display: block;
	width: 468px;
	}
	
#footer {
width: 100%;
margin: 0;
background: #e5ecf0 url(../images/bgFooter.png) repeat-x top;
color: #969696;
font-size: 11px;
}
	
	#footer .footer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	}
	
	#footer p {
	text-align: center;
	margin-bottom: 10px;
	}
	
		#footer p.large {
		font-size: 14px;
		margin-bottom: 10px;
		}
	
	#footer a, #footer span {
	padding-left: 7px;
	margin-left: 5px;
	border-left: 1px solid #c2c9cc;
	color: #969696;
	}
	
		#footer span.first, #footer a.noBorder {
		border-left: none;
		margin-left: 0;
		padding-left: 0;
		}
	
		#footer a:hover {
		color: #1d668e;
		}
	
/* --------------------| LEFT SIDEBAR |-------------------- */

.sidebar {
float: left;
width: 210px;
}

.sideAd {
width: 180px;
height: 150px;
padding: 15px;
background: url(../images/bgSideAd.png) no-repeat;
}

.sideList {
width: 210px;
display: block;
background: url(../images/bgSideListOuter.png) no-repeat top;
}

	.sideListInner {
	width: 210px;
	padding: 15px 0;
	display: block;
	background: url(../images/bgSideListInner.png) no-repeat bottom;
	}
	
	.sideList .sideHeading {
	display: block;
	margin: 0 0 10px 10px;
	}
	
	.sideList p {
	padding: 0 15px;
	margin-bottom: 10px;
	color: #969696;
	line-height: 19px;
	}
	
		.sideList p strong {
		display: block;	
		color: #555;
		}
	
	
		.sideList li {
		display: block;
		height: 22px;
		}
		
		.sideList li a {
		display: block;
		padding: 5px 15px;
		color: #1e729d;
		}
		
			.sideList li a:hover {
			background: #dfe4e5;
			}
			
.sidePhotos {
width: 210px;
height: 210px;
display: block;
position: relative;
}

	
	
	.sidePhotos div {
	width: 210px;
	height: 210px;
	display: block;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	}

	.sidePhotos img {
	width: 210px;
	height: 210px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	}
	
	.sidePhotos img.sidePhotosOverlay {
	z-index: 420;
	}
/* --------------------| RIGHT SIDEBAR |-------------------- */

.rightsidebar {
float:right;
width: 210px;
}

/*.sideAd {
width: 180px;
height: 150px;
padding: 15px;
background: url(../images/bgSideAd.png) no-repeat;
}*/

.rightsideList {
width: 210px;
display: block;
background: url(../images/bgSideListOuter.png) no-repeat top;
}

	.rightsideListInner {
	width: 210px;
	padding: 15px 0;
	display: block;
	background: url(../images/bgSideListInner.png) no-repeat bottom;
	}
	
/*	.sideList .sideHeading {
	display: block;
	margin: 0 0 10px 10px;
	}
	
	.sideList p {
	padding: 0 15px;
	margin-bottom: 10px;
	color: #969696;
	line-height: 19px;
	}
	
		.sideList p strong {
		display: block;	
		color: #555;
		}
	
	
		.sideList li {
		display: block;
		height: 22px;
		}
		
		.sideList li a {
		display: block;
		padding: 5px 15px;
		color: #1e729d;
		}
		
			.sideList li a:hover {
			background: #dfe4e5;
			}
			
.sidePhotos {
width: 210px;
height: 210px;
display: block;
position: relative;
}

	
	
	.sidePhotos div {
	width: 210px;
	height: 210px;
	display: block;
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	}

	.sidePhotos img {
	width: 210px;
	height: 210px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	}
	
	.sidePhotos img.sidePhotosOverlay {
	z-index: 420;
	}
*/


/* --------------------| MAIN CONTENT AREA |-------------------- */

.content {
width: 960px;
padding: 45px 30px;
margin: 0 auto;
}

div.mainFrame {
width: 660px;
margin: 0 30px 0 0;
float:right;
display: inline;
}

	.main .halfLeft, .main .halfRight {
	width: 300px;
	float: left;
	}
	
	.main .halfRight {
	float: right;	
	}
	
	.mainLeft {
	float: left;
	width: 420px;
	}
	
	.mainRight {
	float:right;
	width: 210px;
	}
	
	.mainLine {
	background: url(../images/bgHalfLine.png) no-repeat center 39px;	
	}

	.main p {
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 1em;
	text-align: justify;
	}
	
		.main p.large, .large p {
		font-size: 13px;
		line-height: 20px;
		}
	
	.main h2 {
	font-size: 19px;	
	margin-bottom: 10px;
	}
	
		.main h2.heading {
		margin-bottom: 20px;	
		}
		
		.main span.pipe {
		vertical-align: 1px;	
		}
	
	.main h3 {
	font-size: 15px;
	margin-bottom: 10px;
	}
	
		.main h3.noMargin {
		margin-bottom: 0;	
		}
		
		.main h3 a.more {
		padding: 2px 18px 0 0;
		background: url(../images/iconReadMore.png) no-repeat right 4px;
		float: right;
		font-size: 12px;
		font-weight: normal;
		text-transform: uppercase;
		}
		
			.main h3 a.more:hover {
			background-position: right -12px;	
			}
		
	.underline {
	border-bottom: 1px solid #dfe4e5;
	padding-bottom: 5px;
	}
	
	.clearLine {
	border-bottom: 1px solid #dfe4e5;
	padding-top: 10px;
	margin-bottom: 20px;
	clear: both;
	display: block;
	
	}
	
	.main ul.p, 
	.main ol.p {
	margin-bottom: 1em;	
	}
	
		.main ul.p li,
		.main ol.p li {
		line-height: 1.5em;
		}
	
	.main ul.p li {
	list-style-type: disc;
	margin-left: 20px;
	}
	
	.main ol.p li {
	list-style-type: decimal;
	margin-left: 20px;
	}
	
	
	.label {
	float: left;
	width: 70px;
	padding: 0 10px;
	line-height: 1.5em;
	font-weight: bold;
	}
	
	.labelText {
	float: left;
	width: 210px;
	line-height: 1.5em;
	margin-bottom: 5px;
	}
	
	.smallMap {
	display: block;
	width: 300px;
	height: 300px;
	}
	
/* --------------------| HOMEPAGE |-------------------- */

.homePhoto {
width: 660px;
height: 210px;
display: block;
position: relative;
overflow: hidden;
}

	.homePhoto img {
	width: 660px;
	height: 210px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	}

.homeList li {
display: block;
}

	.homeList a {
	padding: 7px 5px 6px;
	border-bottom: 1px solid #dae2e5;
	text-decoration: none;
	line-height: 16px;
	}
	
		.homeList a:hover {
		background: #e5ecf0;
		color: #1d668e;
		}
	
		.homeList a span.date {
		float: left;
		width: 60px;
		font-size: 11px;
		text-transform: uppercase;
		color: #555;
		padding-top: 1px;
		}
		
		.homeList a span.title {
		float: right;
		width: 220px;
		font-size: 13px;
		}
		
/* --------------------| PEOPLE |-------------------- */
		
.people li {
display: inline;
width: 300px;
margin-bottom: 20px;
}

	.people li img {
	width: 55px;
	border: 1px solid #dfe4e5;
	padding: 2px;
	float: left;
	}
	
	.people li span.text {
	float: right;
	width: 225px;
	padding-top: 3px;
	}
	
		.people li .text strong {
		display: block;
		font-size: 14px;
		}
	
		.people li .text p {
		display: block;
		}
		
		.people li.text a {
		}
	
	.people li span.bio {
	display: none;	
	}
		
		.bio img {
		width: 90px;
		border: 1px solid #dfe4e5;
		padding: 2px;
		float: left;
		margin: 0 10px 0 0;
		}
		
		.bio strong {
		display: block;
		font-size: 14px;
		}
		
	
		
/* --------------------| TABS |-------------------- */

ul.tabNav {
display: block;
width: 100%;
height: 34px;
background: url(../images/bgTabLine.png) repeat-x bottom;
}

	.tabNav li {
	float: left;	
	margin-right: 3px;
	}
	
	.tabNav li a {
	display: block;
	height: 34px;
	background: url(../images/bgTabLeft.png) no-repeat top left;
	text-transform: uppercase;
	font-size: 12px;
	color: #969696;
	float: left;
	}
	
		.tabNav li a span {
		display: block;
		float: left;
		height: 34px;	
		line-height: 34px;
		padding: 0 16px;
		background: url(../images/bgTabRight.png) no-repeat top right;
		}
		
	.tabNav li a.active {
	background-position: bottom left;
	color: #1d668e;
	}
	
		.tabNav li a.active span {
		background-position: bottom right;	
		}
		
	.tabNav li a:hover {
	color: #1d668e;
	}
		
.tabFrame {
border: 1px solid #dfe4e5;
border-top: none;
}

	.tabFramePad {
	padding: 15px;	
	}
		
/* --------------------| CALENDAR |-------------------- */

.eventMap {
width: 658px;
height: 420px;
}


/* --------------------| MEMBERS LOGIN |-------------------- */
		
.login {
}

	.login h3 {
	color: #fff;
	margin-bottom: 20px;
	}

	.login input.text {
	border: 1px solid #dfe4e6;
	background: #fff;
	padding: 4px 2px;
	display: block;
	float: right;
	width: 220px;
	font-size: 12px;
	}
	
	.login label {
	color: #969696;
	padding-top: 7px;
	display: block;
	float: left;
	width: 65px;
	}

	
		
/* --------------------| LISTS |-------------------- */
	
.list ul {
display: block;
clear: both;
padding: 5px 9px 5px 14px;
}

.list li {
display: inline;
float: left;
}

.list a,
.list li {
font-size: 12px;
line-height: 16px;
}



.list .tableHead ul {
padding-top: 6px;
padding-bottom: 6px;
background: #1d668e;;
border: 1px solid #1d668e;
}
	
	.list .tableHead li,
	.list .tableHead a {
	color: #fff;
	font-weight: bold;
	}

.list .tableList ul {
padding-top: 0;
padding-bottom: 0;
border: 1px solid #dfe4e5;
border-top: none;
position: relative;
}

	.list.noFrame .tableList ul {
	border-left: none;
	border-right: none;
	}

	.list .tableList ul.first {
	border-top: none;
	}

	.list .tableList ul.noBorder {
	border-color: transparent;
	}

	.list .tableList li {
	padding-top: 8px;
	padding-bottom: 8px;
	overflow: hidden;
	}
	
		.list .tableList ul.noBorder li {
		padding-bottom: 0;
		}
	
		.list .tableList a.special {
		color: #990000;	
		}

.main .list a {
text-decoration: underline;	
}
		
ul.odd {
background: #eff4f6;
}

	.table_2 { width: 2%; }
	.table_4 { width: 4%; }
	.table_5 { width: 5%; }
	.table_6 { width: 6%; }
	.table_10 { width: 10%; }
	.table_15 { width: 15%; }
	.table_20 { width: 20%; }
	.table_25 { width: 25%; }
	.table_30 { width: 30%; }
	.table_35 { width: 35%; }
	.table_38 { width: 38%; }
	.table_40 { width: 40%; }
	.table_50 { width: 50%; }
	.table_60 { width: 60%; }
	.table_75 { width: 75%; }
	.table_80 { width: 80%; }
	li.table_overflow { overflow: hidden; }
	li.centre { text-align: center;	}
	li.highlight { background: #c6d0d5; }
	li.right { float: right; }
	li.label { font-weight: bold; }
	
	li.table_icon { 
	width: 6%;
	text-align:center;
	float: right !important;
	}
	
	li.table_icon2 {
	width: 10%;
	text-align: center;
	float: right !important;
	}

		li.table_icon img, li.table_icon2 img, img.cursor { cursor: pointer; }
		
	li.table_date {
	width: 12%;
	font-weight: bold;
	color: #969696;
	text-transform: uppercase;
	}
	
.plainList span {
float: left;	
}
	
/* --------------------| PAGINATION |-------------------- */
		
	.pagination {
	display: block;
	margin-top: 15px;
	padding-right: 10px;
	float: right;
	}
	
		.pagination.pager {
		}
		
	.pagination a, .pagination span {
	float: left;
	border: 1px solid #dfe4e5;
	padding: 0 8px;
	height: 21px;
	line-height: 21px;
	margin-right: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #696969;
	text-decoration: none;
	}
	
		.pagination .current { color: #1f98cb; background: #eff4f6; }
		.pagination a:hover { background: #eff4f6; }
		
		
/* --------------------| MESSAGES |-------------------- */

.message .success {
padding: 10px 5px 10px 35px;
background: #e4ecf0 url(../images/iconMessageSuccess.png) no-repeat 5px 8px;
border: 4px solid #1d668e;
display: block;
margin-bottom: 15px;
line-height: 19px;
}

.message .error {
padding: 8px 5px 10px 35px;
background: #fff url(../images/iconMessageError.png) no-repeat 5px 8px;
border: 4px solid #a00;
display: block;
margin-bottom: 15px;
line-height: 19px;
}