@import url(forms.css);

body {
	color: #222;
	background: #C1CCB2 url(/assets/page-bg.gif) 0 0 repeat-y;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;
	}
html>body {font-size: small;}

* {
	margin: 0;
	padding: 0;
	}
.hide,
.print-only {
	display: none;
	}

/********************************************************
links
********************************************************/
a:link {
	color: #069;
	text-decoration: underline;
	font-weight: bold;
	}
a:visited {
	color: #69c;
	font-weight: bold;
	text-decoration: underline;
	}
a:hover,
a:visited:hover {
	color: #696;
	font-weight: bold;
	text-decoration: underline;
	}
#header a,
a img {
	text-decoration: none;
	border: none;
	}

/********************************************************
wrapper
********************************************************/
#wrapper {
	background: #fff url(/assets/logo-large.gif) 24px 20px no-repeat;
	float: left;
	width: 740px;
	}
#quick-nav {
	display: none;
	}

/********************************************************
header
********************************************************/
#header {
	margin-top: 40px;
	float: right;
	clear: both;
	display: block;
	width: 510px;
	height: 25px;
	text-indent: -9999px;
	background: url(/assets/logo-title.gif) 0 0 no-repeat;
	}
#header a {
	display: block;
	float: left;
	width: 400px;
	height: 25px;
	background: url(/assets/logo-title.gif) 0 0 no-repeat;
	}
#header a:hover {
	background-position: 0 -25px;
	}

#tagline {
	margin-left: 230px;
	clear: both;
	}
#tagline p {
	width: 480px;
	padding: 5px 0 5px 0;
	line-height: 1.3em;
	}
#tagline p.address {
	color: #666;
	}

/********************************************************
nav (broken in IE5 Mac)
********************************************************/
#nav {
	margin: 20px 0 0 230px;
	display: block;
	clear: both;
	text-align: center;
	height: 23px;
	width: 481px;
	text-transform: lowercase;
	border-left: 1px solid #999;
	}
#nav ul {
	padding: 0;
	float: left;
	display: block;
	}
#nav ul li {
	padding: 0;
	float: left;
	display: inline;
	text-align: center;
	line-height: 23px;
	border-right: 1px solid #999;
	letter-spacing: .1em;
	list-style: none;
	}
#nav ul li a {
	display: block;
 	/*width: 95px;*/
 	width: 79px;
	height: 23px;
 	line-height: 23px; /* for IE */
 	text-align: center;
 	/*overflow: hidden;*/
	}

#nav li a:link,
#nav li a:visited {
	color: #777;
	text-shadow: #fff 0 1px 0;
	background: url(/assets/nav-bg-off.gif) 0 0 repeat-x;
	text-decoration: none;
	font-weight: bold;
	}
#nav li a:hover,
#nav li a:visited:hover {
	color: #069;
	background: url(/assets/nav-bg-off.gif) 0 0 repeat-x;
	text-decoration: none;
	font-weight: bold;
	}
#nav li a.current,
#nav li a.current:visited,
#nav li a.current:hover,
#nav li a.current:visited:hover {
	color: #069;
	text-shadow: #fff 0 1px 0;
	background: url(/assets/nav-bg-on.gif) 0 0 repeat-x;
	text-decoration: none;
	font-weight: bold;
	}

/********************************************************
page + content
********************************************************/
#page {
	padding: 20px 30px 0 0;
	clear: both;
	}
#content {
	padding: 0 0 80px 0;
	float: right;
	text-align: left;
	width: 480px;
	}

/********************************************************
sidebar + subnav
********************************************************/
#sidebar {
	margin-top: 80px;
	padding: 0 0 0 25px;
	float: left;
	display: block;
	width: 207px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 182px;
	}
html>#sidebar {width: 182px;}

.subnav,
.swag {
	clear: both;
	width: 182px;
	}
.subnav h4,
.swag h4 {
	color: #333;
	background: url(/assets/subnav-header.gif) 0 0 no-repeat;
	text-align: center;
	padding: 5px 5px 5px 10px;
	}
.subnav h4 a,
.subnav h4 a:visited {
	color: #333;
	text-decoration: none;
	}
.subnav h4 a:hover,
.subnav h4 a:visited:hover {
	color: #666;
	text-decoration: none;
	}

.subnav ul {
	padding: 0;
	clear: both;
	}
.subnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
	clear: both; /* 1.15.05 20:40 */
	}
.subnav ul li a {
	padding: 5px 5px 5px 10px;
	float: left;
	border-right: 1px solid #C1CCB2;
	border-left: 1px solid #C1CCB2;
	width: 180px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 165px;
	}
html>.subnav ul li a {width: 165px;}

.subnav ol { 
	float: left;
	}
.subnav ol li a {
	padding: 5px 5px 5px 20px;
	float: left;
	width: 180px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 155px;
	}
html>.subnav ol li a {width: 155px;}

.subnav li a:link,
.subnav li a:visited {
	color: #333;
	background: #fff;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #C1CCB2;
	}
.subnav li a:hover,
.subnav li a:visited:hover {
	color: #333;
	background: #eee url(/assets/subnav-pointer.gif) 0 5px no-repeat;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #C1CCB2;
	}
.subnav li a.current,
.subnav li a.current:visited {
	color: #069;
	background: #eee url(/assets/subnav-pointer.gif) 0 5px no-repeat;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #C1CCB2;
	}

.subnav-footer,
.swag-footer {
	padding: 0 0 25px 0;
	background: url(/assets/subnav-footer.gif) 0 0 no-repeat;
	float: left;
	clear: both;
	display: block;
	width: 182px;
	height: 20px;
	}


.swag p {
	text-align: center;
	width: 180px;
	border-right: 1px solid #C1CCB2;
	border-left: 1px solid #C1CCB2;
	}
.swag img {
	margin: 15px 0 10px 0;
	}

.swag a:link,
.swag a:visited {
	/*color: #333;*/
	text-decoration: none;
	}
.swag a:hover,
.swag a:visited:hover {
	/*color: #333;*/
	text-decoration: none;
	}

/*
prev-next
------------------------------*/
.prev-next {
	margin-left: 67px;
	padding-top: 25px;
	clear: both;
	display: none;
	}
.prev,
.next {
	margin-right: 8px;
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	}
.prev {
	background: url(/assets/nav-icons.gif) 0 0 no-repeat;
	}
.next {
	background: url(/assets/nav-icons.gif) 16px 0 no-repeat;
	}
.prev a,
.next a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	}
.prev a {
	background: url(/assets/nav-icons.gif) 0 -16px no-repeat;
	}
.next a {
	background: url(/assets/nav-icons.gif) 16px -16px no-repeat;
	}
.prev a:hover {
	background-position: 0 -32px;
	}
.next a:hover {
	background-position: -16px -32px;
	}

/********************************************************
html
********************************************************/
h1 {
	color: #444;
	clear: both;
	padding: 0 0 .5em 0;
	font-size: 150%;
	letter-spacing: .1em;
	}
h2 {
	color: #696;
	padding: 0 0 .5em 0;
	font-size: 120%;
	}
h3,h4 {
	padding: 0;
	font-size: 100%;
	}
p {
	padding: 0 0 1em 0;
	line-height: 1.3em;
	}
ul {
	text-indent: 0;
	padding-bottom: .5em 0 .5em 0;
	}
#content li {
	text-indent: 0;
	list-style: none;
	padding: 0 0 .3em 10px;
	background: transparent url(/assets/bullet.gif) 0 2px no-repeat;
	}

/*
general
------------------------------*/
#tagline p.address,
#nav,
#sidebar h4,
#sidebar li,
.swag,
.project-date,
.project-image p,
.post-info,
.comment-info,
.copyright,
.events-list p,
.event-listing h4,
.event-date,
.event-location,
p.bio-more,
ul.minutes-list li span,
.pdf,
p.download,
p.return {
	font-family: 'Verdana', Helvetica, Arial, sans-serif;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: x-small;
	}
html>#tagline p.address,
html>#nav,
html>#sidebar h4,
html>#sidebar li,
html>.swag,
html>.project-date,
html>.project-image p,
html>.post-info,
html>.comment-info,
html>.copyright,
html>.events-list p,
html>.event-listing h4,
html>.event-date,
html>.event-location,
html>p.bio-more,
html>ul.minutes-list li span,
html>.pdf,
html>p.download,
html>p.return {
	font-size: x-small;
	}
/*
news
------------------------------*/
.news {
	clear: both;
	}
.news h2 {
	border-top: 2px solid #696;
	padding: 10px 0 10px 0;
	}
.news h3,
.news p {
	padding: 0 0 .3em 0;
	}
.news p.post-info {
	padding: 0 0 1.5em 0;
	}
/*
blog
------------------------------*/
.blog-post {
	border-top: 2px solid #696;
	padding: 10px 0 10px 0;
	width: 480px;
	}
/* removing these fixes IE5 Mac; IE6 still has a weird gap below img */
/* * html .blog-post p img {
	float: left;
	clear: both;
	}
.blog-post br {
	clear: left;
	}
*/
.more {
	text-align: right;
	}
.subnav li.archives {
	text-transform: uppercase;
	letter-spacing: .2em;
	}

.recent-posts {
	clear: both;
	}
.recent-posts h2 {
	border-top: 2px solid #696;
	padding: 10px 0 10px 0;
	}
.recent-posts h3,
.blog-archives h3 {
	padding: 0 0 .5em 0;
	}
.recent-posts p {
	padding: 0 0 1em 0;
	}
.recent-posts p.post-info {
	padding: 0 0 .5em 0;
	}

.post-info {
	color: #666;
	padding: 0 0 2em 0;
	line-height: 16px;
	}
.post-date {
	background: transparent url(/assets/blog-entry.gif) 0 0 no-repeat;
	/*width: 140px;*/
	padding: 0 10px 1em 16px;
	line-height: 16px;
	}
.comment-info {
	background: transparent url(/assets/comment-bubble.gif) 0 0 no-repeat;
	/*width: 140px;*/
	padding: 0 0 1em 18px;
	line-height: 16px;
	}

#comments {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 2px solid #696;
	}

.reader-comment {
	padding: .5em 0 1em 0;
	border-top: 1px solid #999;
	}

/*
projects
------------------------------*/
.projects-list {
	clear: both;
	}
.projects-list h2 {
	border-top: 2px solid #696;
	padding: 10px 0 10px 0;
	}
.project {
	float: left;
	clear: both;
	width: 480px;
	padding: 0 0 15px 0;
	}
.project img {
	float: left;
	}
.project h3,
.project p {
	float: right;
	width: 340px;
	}
.project h3 {
	padding: 0;
	}
.project p {
	padding: 0 0 .3em 0;
	}
.project-date {
	color: #666;
	}
	
.project-image {
	clear: both;
	padding: 0 0 15px 0;
	}
.project-image p {
	line-height: 16px;
	padding: 5px 0 10px 0;
	}
.project-image a span {
	margin-right: 4px;
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url(/assets/slide.gif) 0 0 no-repeat;
	}

/*
events
------------------------------*/
.events-list li {
	float: left;
	clear: both;
	text-indent: 0;
	list-style: none;
	padding: 0 0 .5em 0;
	width: 460px;
	}
.events-list p {
	padding: 0;
	}

/*
links
------------------------------*/
.links-list {
	border-top: 2px solid #696;
	padding: 10px 0 10px 0;
	width: 480px;
	float: left;
	clear: both;
	}
.links-list h2,
.links-list h3 {
	clear: both;
	}
.links-list h3 {
	padding: 0 0 .3em 0;
	}
.links-list ul {
	padding: 0 0 .7em 0;
	float: left;
	clear: both;
	}
.links-list li {
	float: left;
	clear: both;
	width: 460px;
	text-indent: 0;
	list-style: none;
	padding: 0 0 .3em 10px;
	background: transparent url(/assets/bullet.gif) 0 2px no-repeat;
	}
/*
team
------------------------------*/
.team-listing {
	padding-bottom: 20px;
	float: left;
	width: 480px;
	clear: both;
	}
.team-listing h2 {
	padding-top: 50px;
	}
.team-listing h2,
.team-listing h3 {
	width: 330px;
	float: right;
	}
.team-listing img {
	float: left;
	}
.team-bio img {
	float: left;
	margin: 0 20px 10px 0;
	}
.team-bio h2 {
	padding: 0 0 .5em 0;
	}
.team-bio h3 {
	padding: 0 0 .5em 0;
	}
.team-bio p.bio-more {
	padding: 0 0 2em 0;
	}

/*
minutes
------------------------------*/
#content ul.minutes-list li {
	text-indent: 0;
	list-style: none;
	padding: 0 0 .3em 0;
	background: none;
	}
p.download {
	padding-top: 6em;
	}



#payment-form {
	margin-bottom: 2em;
	padding: 10px;
	text-align: center;
	background: #eee;
	border: 1px solid #ccc;
	}

/********************************************************
footer
********************************************************/
p.return {
	padding: 0 0 0 20px;
	margin-left: 230px;
	clear: both;
	line-height: 16px;
	background: transparent url(/assets/mininav-up.gif) 0 0 no-repeat;
	}

#footer {
	padding: 40px 0 20px 0;
	clear: both;
	}
p.copyright {
	margin-left: 230px;
	color: #666;
	}
p.validate {
	text-align: center;
	clear: both;
	display: none;
	}