@import url(reset.css);

/*
* Main Layout Definition
*/

body {
	font-family: Tahoma, Helvetica, 'Segoe UI', Arial, sans-serif;
	font-size: 62.5%
}
#skip-links {
	height: 20px;
	margin-top: -20px;
}

#header, #header .inner {
	background: top center url(../img/head-bg.jpg) no-repeat;
	height: 230px;
}
.home #header, .home #header .inner {
	height: 458px;
	background: top center url(../img/head-home-bg.jpg) no-repeat;
}
#main, #main .inner {
	min-height: 300px;
	padding-bottom: 20px;
	background: top center url(../img/main-bg.jpg) repeat-y;
}
#footer, #footer .inner {
	background: top center url(../img/footer-bg.jpg) repeat-y;
}
#footer .inner {
	height: 50px;
	padding-top: 75px;
}
.inner {
	width: 980px;
	margin: 0 auto;
}
#left-panel {
	float: left;
	width: 230px;
}
#left-panel .panel {
	background: top left url(../img/left-nav-bg.jpg) repeat-y;
	padding: 15px 15px 15px 20px;
	margin-bottom: -40px;
	zoom: 1;
}
#left-panel .first {
	background: top left url(../img/left-nav-top-bg.jpg) repeat-y;
	margin-bottom: 0;
}

#content {
	float: right;
	width: 700px;
	padding: 15px 0 15px 45px;
}
.home #content {
	background: top left url(../img/content-bg.jpg) no-repeat;
}

/*
* Typography
*/

h1 {
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	font-weight: bold;
	padding: 0.45em 0 0.8em;
	color: #136398;
	line-height: 1.1em;
}
.home h2 {
	margin-left: -15px;
}
#committee-template #main #content h2 {
	clear: both;
}
h3 {
	font-size: 1.8em;
	font-weight: normal;
	padding: 0.45em 0 0.8em;
	color: #777;
	line-height: 1.1em;
}
h4 {
	font-size: 1.4em;
	font-weight: normal;
	padding: 0.45em 0 0.8em;
	color: #555;
	line-height: 1.1em;
}
h5 {
	font-size: 1.2em;
	font-weight: normal;
	padding: 0.45em 0 0.8em;
	color: #555;
	line-height: 1.1em;
}
a {
	color: #136398;
}

/*
* Forms
*/

input, select, textarea {
	font-size: 1.0em;
	font-family: Tahoma, Helvetica, 'Segoe UI', Arial, sans-serif;
}

.form-legend {
	display: none;
	}
	
#member-login-form p {
	clear: left;
	height: 15px;
	display: block;
	padding: 0;
	margin: 0 0 8px 0;
	}
	
#member-login-form label {
	float: left;
	width: 80px;
	}

#member-login-form input.checkout-longinput {
	float: left;
	width: 210px;
	}

#member-login-form span  {
	float: left;
	width: 247px;
	padding: 0;
	margin: 0;
	}
	
#member-login-form input.submitbutton {
	float: left;
	margin: 0;
	padding: 0;
	}


#error {
	color: #722;
	padding: 10px;
	border: 1px solid #bd4949;
	width: 80%;
	background-color: #ffbaba;
	margin-bottom: 10px;
}


/* Reset Password Form */

#member-password-form p {
	clear: left;
	height: 15px;
	display: block;
	padding: 0;
	margin: 0 0 5px 0;
	}
	
#member-password-form label {
	float: left;
	width: 100px;
	}

#member-password-form input.checkout-longinput {
	float: left;
	width: 250px;
	}

#member-password-form span  {
	float: left;
	width: 247px;
	padding: 0;
	margin: 0;
	}

#member-password-form input.submitbutton {
	background: transparent url(../img/button-reset.png) top left no-repeat;
	height: 25px;
	display: block;
	text-indent: -9999px;
	width: 113px;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	}


/*
* Page Header
*/

#header h1 {
	width: 654px;
	height: 183px;
	padding-top: 10px;
}
.home #header h1 {
	height: 250px;
	padding-top: 0;
}
#header h1 a {
	display: block;
	width: 374px;
	height: 164px;
	overflow: hidden;
	text-indent: -1000px;
	background: top left url(../img/logo.png) no-repeat;
}
#header blockquote {
	float: right;
	width: 490px;
	height: 102px;
	overflow: hidden;
	text-indent: -1000px;
	background: top left url(../img/head-home-title.png) no-repeat;
}
.home #header #banner {
	height: 420px;
}
.home #header #banner .slide-holder {
	width: 980px;
	height: 420px;
	position: relative;
	z-index: 108;
}
.home #header #banner #showcaseSlide {
	z-index: 108;
}

#header #showcaseScroller li {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	display: none;
}

.home #header #banner #title-block {
	position: relative;
	z-index: 109;
	height: 420px;
	margin-top: -420px;
}
.home #header #banner #mask {
	position: relative;
	z-index: 109;
	height: 100px;
	margin-top: -70px;
	background: bottom left url(../img/mask.png) no-repeat transparent;
}

#header ul {
	float: left;
	clear: both;
	position: relative;
	z-index: 110;
}
#header ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	font-size: 15px;
	text-transform: uppercase;
	padding: 10px 22px;
	font-weight: bold;
}
#header ul li:hover {
		backgr/ound: 50% 50% url(../img/head-nav-glow.jpg) no-repeat;
}
#header ul li a {
	color: #3a2b17;
	text-decoration: none;
}
#header ul li.selected a {
	color: #136398;
}
#header ul li a:hover {
	color: #ffffff;
}
#header form {
	float: right;
	font-size: 1.2em;
	padding-right: 8px;
}
.home #header form {
	position: relative;
	z-index: 110;
}	
#header form p {
	float: left;
}
#header form label {
	color: #EEB05D;
}
#header form #searchterm {
	background: 5px 50% url(../img/search-bg.gif) no-repeat #f4cf9d;
	border: 1px solid #e0a552;
	padding: 5px 8px 6px 26px;
	margin: 1px 4px 0 0;
	color: #fff;
	width: 150px;
}
#header form #searchterm.active {
	color: #000;
}

/*
* Left Panel Navigation
*/

#left-panel {
	line-height: 1.5em;	
	font-size: 1.2em;
}
#left-panel h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.0em;
	color: #333;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}
#left-panel h3.blue {
	color: #136398;
}
#left-panel h4 {
	font-weight: normal;
	color: #666;
	font-size:1.2em;
	padding: 1em 0 0.5em;
}
#left-panel ul {
	font-size: 0.9em;
	padding: 0.25em 0 1em 0;
	
}
#left-panel ul ul {
	font-size: 1em;
	padding-left: 1em;
}
#left-panel li.selected {
	background: 0 2px url(../img/nav-icon.gif) no-repeat;
	padding-left: 14px;
	margin-left: -14px;
}
#left-panel li.selected li.selected {
	background: none;
}
#left-panel li a.selected {
	font-weight: bold;
}
#left-panel li a {
	padding-left: 1px;
	color: #666;
	text-decoration:none;
}

#left-panel li a:hover {
	color: #555;
	text-decoration:underline;
}

#left-panel p {
	font-size: 0.9em;
	color: #666;
	padding-bottom: 0.5em;
}

/*
* Main Content
*/

#content {
	line-height: 1.5em;	
	font-size: 1.2em;
}
#content p {
	padding-bottom: 1em;
	padding-right: 10px;
}
#content .copy {
	float: left;
	width: 445px;
}
#content .images {
	float: right;
	padding-top: 10px;
	width: 240px;
	text-align:center;
	font-size: 0.9em;
	color: #777;
}
#content .breadcrumbs {
	color: #777;
	font-size: 0.9em;
}
.breadcrumbs a {
	color: #777;
}
#content ul {
	padding: 0 1em 1em 1em;
}
#content li {
	list-style: disc;
}
#content ol {
	padding: 0 1em 1em 1.5em;
}
#content ol li {
	list-style: decimal;
}

/*
* Home Page Content
*/

#content #home-links {
	height: 230px;
	padding: 0;
}
#home-links li {
	float: left;
	width: 86px;
	height: 100px;
	padding: 0 26px;
	margin: 0 0 10px;
	list-style: none;
	border-right: 1px solid #faeddd;
}
#home-links li:last-child, #home-links li.last-child {
	border: 0;
}
#home-links li a {
	display: block;
	width: 86px;
	height: 100px;
	text-indent: -1000px;
	overflow: hidden;
	background: 0px -100px url(../img/icons-home.jpg) no-repeat;
}
#home-links li a:hover {
	background-position: 0px 0px;
}
#home-links li.two a { background-position: -86px -100px; }
#home-links li.two a:hover { background-position: -86px 0px; }
#home-links li.three a { background-position: -172px -100px; }
#home-links li.three a:hover { background-position: -172px 0px; }
#home-links li.four a { background-position: -258px -100px; }
#home-links li.four a:hover { background-position: -258px 0px; }
#home-links li.five a { background-position: -344px -100px; }
#home-links li.five a:hover { background-position: -344px 0px; }
#home-links li.six a { background-position: -430px -100px; }
#home-links li.six a:hover { background-position: -430px 0px; }
#home-links li.seven a { background-position: -516px -100px; }
#home-links li.seven a:hover { background-position: -516px 0px; }
#home-links li.eight a { background-position: -602px -100px;}
#home-links li.eight a:hover { background-position: -602px 0px;  }
#home-links li.nine a { background-position: -688px -100px;}
#home-links li.nine a:hover { background-position: -688px 0px;  }
#home-links li.ten a { background-position: -774px -100px;}
#home-links li.ten a:hover { background-position: -774px 0px;  }


#home-links li.five, #home-links li.ten { border-right: none; }

#events-panel {
	float: right;
	width: 180px;
}
.home #events-panel {
	width: 220px;
}
#events-panel .inner {
	padding: 10px 20px;
	background: -20px -20px url(../img/panel-corners.gif) no-repeat #f2d3ab;
	width: auto;
	margin: 0;
	min-height: inherit;
}
#events-panel .foot {
	height: 20px;
	overflow: hidden;
	background: -20px 0 url(../img/panel-corners.gif) no-repeat #f2d3ab;
}
#events-panel h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #136398;
	text-align: right;
}
#events-panel h4 {
	text-align: right;
	font-size: 1.0em;
	color: #333;
	padding: 0;
	font-weight: bold;
}
#events-panel h4 a {
	color: #333;
	text-decoration: none;
}
#events-panel h4 a:hover {
	text-decoration: underline;
}
#events-panel .item-list {
	text-align: right;
	padding: 0 0 1em 0;
}
#events-panel .item-list strong {

}
#events-panel .item-list li {
	padding: 0.5em 0 0 0;
	font-size: 0.9em;
	color: #136398;
	list-style: none;
}
#events-panel .item-list li a {
	color: #136398;
}
#content #events-panel p.read-all {
	text-align: right;
	padding-right: 0;
	padding-top: 10px;
}
#events-panel .read-all a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
}

#news-panel  {
	float: left;
	width: 475px;
}
#news-panel .item-list {
	padding: 0;
}
#news-panel .item-list .image-holder {
	float: left;
	width: 80px;
	height:80px;
	overflow:hidden;
}
#news-panel .item-list li {
	padding: 1em 0 1em 0;
	/*border-bottom: 1px solid #faeddd;*/
	list-style: none;
}
.home #news-panel .item-list li, #news-panel .item-list li:last-child, #news-panel .item-list li.last-child {
	border-bottom: 0;
}
#news-panel .item-list .item {
	float: left;
	padding-left: 15px;
	width: 350px;
}
.home #news-panel h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #136398;
}
#news-panel h4 {
	font-size: 1.0em;
	padding: 0;
	font-weight: bold;
	color: #333;
}
#news-panel a {
	color: #136398;
}
#news-panel p.date, p.date {
	padding: 0;
	color: #136398;
	font-size: 0.95em;
	font-weight: bold;
}
#news-panel .calendar-item p.date, p.date {
	padding: 5px 0;
}
#content #news-panel p.read-all {
	padding-left: 0;
}
#news-panel .read-all a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333;
}

/*
* Gallery Feed
*/

#gallery-main {
	background-color: #f2d2a9;
	margin-right: 18px;
	margin-bottom: 10px;
	padding: 20px 0;
}
#gallery-main .next, #gallery-main .prev  {
	float: right;
	width: 80px;
	height: 350px;
	overflow: hidden;
	text-indent: -1000px;
	background: -40px 50% url(../img/gallery-arrows.gif) no-repeat;
}
#gallery-main .prev {
	float: left;
	background: 40px 50% url(../img/gallery-arrows.gif) no-repeat;
}
#gallery-main .image {
	width: 500px;
	height: 350px;
	margin: 0 auto;
	position: relative;
}
#gallery-main .c1, #gallery-main .c2, #gallery-main .c3, #gallery-main .c4 {
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	background: -25px -25px url(../img/gallery-corners.gif) no-repeat;
}
#gallery-main .c1 {
	top: -10px;
	left: -10px;
}
#gallery-main .c2 {
	top: -10px;
	right: -10px;
	background-position: 0 -25px;
}
#gallery-main .c3 {
	bottom: -10px;
	left: -10px;
	background-position: -25px 0;
}
#gallery-main .c4 {
	bottom: -10px;
	right: -10px;
	background-position: 0 0;
}
#gallery-caption {
	width: 500px;
	margin: 0 auto;
	font-size: 0.9em;
	padding: 20px 0 0 0;
}
#content #gallery-thumbs {
	padding: 10px;
	background-color: #f2d2a9;
	margin-right: 18px;
}
#gallery-thumbs li {
	list-style: none;
	padding: 5px;
	float: left;
	width: 100px;
	height: 100px;
}
#gallery-thumbs li a {
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
}
#gallery-caption {
	text-align: center;	
}

/*
* Contact Us Page
*/

#contactform label {
	display: block;
	font-size: 0.9em;	
}
#contactform input.medium {
	width: 50%;
	padding: 2px;
}
#contactform input.long {
	width: 99%;
	padding: 2px;
}
#contactform .submitbutton {
	background-color: #136398;
	color: #fff;
	border: 1px solid #004378;
	padding: 3px 6px;
}
#contactform .errors {
	color: #722;
	padding: 5px;
	border: 1px solid #300;
	width: 50%;
	background-color: #e3c3a4;
	margin-bottom: 5px;
}

/*
* Staff Feed Page
*/

.staff {
	background-color: #e6c8a3;
	padding: 3em;
	margin-right: 3em;
	margin-bottom: 3em;
}
.staff .portrait {
	float: left;
	width: 170px;	
}
.staff .item {
	margin-left: 170px;
}
.staff h3 {
	font-size: 	2.3em;
	padding: 0 0 0.4em 0;
	line-height: 1.00;
}
.staff h4 {
	padding-bottom: 0.5em;
}
.staff h4 em {
	font-style: normal;
	font-size: 0.75em;
}
#content .staff p.email {
	font-weight: bold;
	padding-bottom: 1.2em;
}
.staff .email a {
	color: #000;;
}

/*
* Footer Content
*/

#footer ul {
	float: left;
	padding: 0 5px;
	width: 830px;
}
#footer ul li {
	float: left;
	font-size: 1.1em;
	padding: 0 15px;
	border-right: 1px solid #f6d9b4;
}
#footer ul li:last-child, #footer ul li.last-child {
	border: 0;
}
#footer a {
	color: #f6d9b4;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer p {
	padding: 12px 20px 0;
	color: #f6d9b4;
	float: right;
	margin-bottom: -10px;
}
#footer p#august, #august a {
	width: 96px;
	height: 28px;
	float: right;
	padding: 0;
}
#august a {
	display: block;
	text-indent: -1000px;
	overflow: hidden;
	background: top left url(../img/logo-august.gif) no-repeat;
}



/*
* Assorted Helpers
*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}



#promo{
	display:block;
	width:200px;
	position:relative;
	float:right;
	margin-right:15px;
}

#promo-link{
	display:block;
	width:201px;
	height:50px;
	background:url(../img/promo-2010-centenary.gif) no-repeat 0 0;
	text-indent:-99999px; 
}

	#promo-link:hover{
		background-position: 0 -50px;
	}


.history-img-description{
	width:225px;
	margin:0 0 5px 0;
	position:relative;
	top:-12px;
	line-height:14px;
	font-size:10px;
	}
	
	



/*//////////COMMITTEE TEMPLATE//////////*/


#committee-sidebar{
	/*border:1px solid #000;*/
	width:192px;
	float:left;
	background:url(../img/committee-sidebar-header.gif) no-repeat top left;
	padding:60px 30px 20px 0;
	text-align:right;
	margin-left:30px;
	height:345px;
	}
	#committee-sidebar h2{ 
		font-family:Tahoma, Verdana, Arial, "Times New Roman";
		font-size:11px;
		color:#016297;
		margin-bottom:0px;
		}
	#committee-sidebar a{ font-family:Georgia, "Times New Roman", Times, serif; color:#5a99bd;}


.content-box{
	width: 400px;
	background:#e6c8a3;
	float:left;
	padding:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 35px 0;
	}
	.content-box h4{ font-size:18px; color:#58595b; margin:0 0 1px 0; padding:0;}
	.content-box p{ line-height:16px; margin-top:7px;}
	.content-box a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;}

.comm-archived-items{
	font-size:11px;
	margin-bottom:10px;
	}

.comm-archived-date{ font-family:Georgia, "Times New Roman", Times, serif; color:#5a99bd; font-weight:bold;}
.comm-archived-desc{ font-weight:bold; color:#555;}

.committee-bread {
	float: left;
	width: 500px;
	}
	
.committee-logout{
	background: transparent url(../img/button-logout.png) top left no-repeat;
	height: 25px;
	width: 60px;
	float: right;
	cursor: pointer;
	margin-right: 9px;
	text-indent: -9999px;
}

sub.small{
	font-size:0.8em;
	font-style:italic;
}

/* To manage event display in events page */
.item-list .event-container {
	display:none;
	overflow:hidden;
	width:100%;
}
.item-list li.trigger{
	border:none !important;
	font-weight:bold;
	cursor:pointer;
	color: #666666;
	clear:both;
}
.item-list li.trigger:hover{
	text-decoration:underline;
}