@charset "UTF-8";
/* CSS Document */

@import url(mainnav.css);

/* Reset
------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Outer Container/Wrapper
------------------------------------ */
#container {
	width:930px;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:left; /* this overrides the text-align:center on the body element. */
	} 

/* Masthead
------------------------------------ */
#masthead {
	width:930px;
	height:86px;
	margin-bottom:10px;
	background:#fff url(../images/bckgd_masthead.gif) no-repeat;
	overflow:hidden;
	}
#goodsearch {
	position:relative;
	left:690px;
	top:30px;
	}

/* Banner
------------------------------------ */
#banner {
	width:930px;
	height:268px;
	margin-top:10px;
	background:#fff url(../images/bckgd_bnr_home.jpg) no-repeat;
	overflow:hidden;
	}
#banner #info {
	width:232px;
	margin:30px 0 0 658px;
	color:#fff;
	overflow:hidden;
	}
#banner #info h2 {
	font:bold 16px Arial, Helvetica, sans-serif;
	}
#banner #info p {
	margin:4px 0 20px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	}
#banner #info img {
	margin:0 9px 0 0;
	float:left;
	}
#banner #info a {
	color:#ffffa2;
	text-decoration:none;
	}
#banner #info a:hover {
	color:#ffffa2;
	text-decoration:underline;
	}
#banner_generic {
	width:930px;
	height:85px;
	margin-top:10px;
	background:#fff url(../images/bckgd_bnr_generic.jpg) no-repeat;
	overflow:hidden;
	}
#banner_generic h1 {
	text-transform:capitalize;
	letter-spacing:-0.075em;
	margin:45px 0 0 10px;
	font:bold 36px Arial, Helvetica, sans-serif;
	color:#fff;
	}
#banner_members {
	width:930px;
	height:268px;
	margin-top:10px;
	background:#fff url(../images/2009_board_members.jpg) no-repeat;
	overflow:hidden;
	}
#banner_members h1 {
	text-transform:capitalize;
	letter-spacing:-0.075em;
	margin:226px 0 0 10px;
	font:bold 36px Arial, Helvetica, sans-serif;
	color:#fff;
	}

/* Main Content
------------------------------------ */
#maincontent {
	width:930px;
	margin-top:28px;
	padding:0;
	}
#maincontent h2 {
	margin-bottom:10px;
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#041752;
	line-height:0.95em;
	}
#maincontent h3 {
	margin:8px 0 6px 0;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:0.95em;
	}
#maincontent p {
	margin-bottom:12px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	}
#maincontent a {
	font:normal 12px Arial, Helvetica, sans-serif;
	}	
#leftcol {
	width:520px;
	margin-right:28px;
	}	
#rightcol {
	width:354px;
	}
#maincontent table {
	font:normal 12px Arial, Helvetica, sans-serif;
	}
#maincontent th {
	color:#555;
	padding: 6px 20px 6px 0;
	font:bold 13px Arial, Helvetica, sans-serif;	
	}
#maincontent tr {
	
	}
#maincontent td {
	
	}

/* Footer
----------------------------------- */
#footer {
	width:930px;
	height:85px;
	margin:28px 0 60px 0;
	background:#fff url(../images/bckgd_footer.gif) no-repeat;
	overflow:hidden;
	}
#footer #info {
	width:200px;
	margin:12px 50px 0 10px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	}
#footer #info  a {
	color:#fff;
	text-decoration:none;
	}
#footer #info a:hover{
	text-decoration:underline
	}
#footer #menu {
	margin-top:12px;
	}
#footer #menu a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#cf1322;
	text-decoration:none;
	}
#footer #menu a:hover {
	text-decoration:underline
	}
#footer #menu li {
	float:left;
	margin-right:20px;
	}	
	

/* Utility
------------------------------------ */	
.fl {
	float:left;
	}
.fr {
	float:right;
	}
.cb { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size:1px;
    line-height:0px;
	}
  
  
 #members img {
 	float:left;
	margin:0 10px 8px 0;
	}
	
/* Events Page
------------------------------------ */
#supporters {
	background-color:#C5E6F5;
	padding:14px;
	}
#supporters ul {	
	margin-bottom:14px;
	}
#supporters li {	
	font:normal 12px Arial, Helvetica, sans-serif;
	}
#supports_left {
	width:400px;
	float:left;
	}
#supporters h4 {	
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:10px;
	}
	
/* Events Items
------------------------------------ */

.eventsitem {
	width: 200px;
	height: 200px;
	padding-top: 1.2em;
	float: left;
	background-color: #cccccc;
}

.eventsplaceholder {
	width: 200px;
	height: 200px;
	padding-top: 1.2em;
	float: left;
	background-color: #cccccc;
}


.eventsitem2 {
	width: 285px;
	height: 200px;
	padding-top: 1.2em;
	float: left;
	background-color: #cccccc;
}

.eventsitem img, .eventsitem2 img {
	margin-left: auto;
	margin-right: auto;
	display:block;
}
	

	
.eventsitem a, .eventsitem2 a {
	text-decoration: none;
}


	
.eventsitem a:hover, .eventsitem2 a:hover {
	text-decoration: none;
}


	
.eventsitem:hover, .eventsitem2:hover {
    color:#FFFFFF;
	background-color: #ab1111;
}


.eventscenter {
margin-left: auto;
width:685px;
margin-right: auto;
height: 400px;
}

.eventsbg {
width:900px;
height: 440px;
background-color:#CCCCCC;
}

.eventsfont {
font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color:#000000; text-decoration:none;}



/* Events Pages - Content
------------------------------------ */

.photoholder {
width: 900px;
margin-left: auto;
margin-right: auto;
height: 480px;
}

.photobox {
	width: 280px;
	height: 220px;
	padding-top: 1.2em;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	background-color: #cccccc;
}

.photobox img {
	margin-left: auto;
	margin-right: auto;
	display:block;
}

.event-column {
	width: 900px;
	padding-top: 1.2em;
	margin-right: 10px;
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-decoration:none;}