@import url(nav.css);


html,body,form,fieldset {margin:0;padding:0;}
body {
	background:#f1f1f1;
	font-family:georgia, helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#444;
}
input, select, textarea {font-family:georgia, helvetica, sans-serif;}
#nav, h1, .sectiontitle {
		font-family:helvetica, arial, sans-serif;
}
.showbaseline #content {background:url(../img/baseline.png) repeat -1px -4px !important;}

#wrap {
	width:960px;margin:0 auto;padding:0 10px;
	background:repeat-y url(../css/img/wrap-bg.gif) 0 0;
}
#header {background:#fff; padding:0 1em; padding-top:250px; position:relative;}
#logo {position:absolute; right:20px; top:0;}
#logo img {display:block;}

#gallery {
	position:absolute; left:0; top:0; background:#eee; height:250px; width:630px;
	line-height:250px; text-align:center;overflow:hidden;
	}
	#gallery .mask {
		position:absolute;left:0;top:0;z-index:10;
		background:transparent no-repeat url(img/gallery-mask.png) 0 0; 
		height:250px; width:630px;

		 /*IE6 png transparency. path needs to be relative to HTML file, not this css */
		_background-image:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/img/gallery-mask.png');
	}

#page {background:#fff;}
#footer {background:#ccc; color:#666; padding:1em; border-top:4px solid #bbb; font-size:13px;}
#footer .sep {margin:0 0.5em; color:#aaa;}
#footer .copyright {float:right;}
#footer .copyright a {margin-left:1em; color:#666;}
#footer .copyright a:visited {color:#666;}
#footer .copyright a:hover {text-decoration:underline; color:#333;}
#content {overflow:hidden; _zoom:1; _overflow:visible; _height:1px; padding:36px 10px;}
.main {width:540px; float:left; padding:0 10px;}
.sidebar {width:300px; padding:0 10px; float:right;}
h1,h2,h3,h4,h5 {color:#e98300;}

a, a:visited {text-decoration:none; color:#165788;}
a:hover {text-decoration:underline;}
abbr[title='and'], abbr[title='og'] { color:#999; font-family:Baskerville; font-style:italic;}
ul.list {margin:8px 0 28px; padding:0;}

ul.list li {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:-1px;
	/* line-height:35px; */
	padding:9px 0 8px;
	list-style:none;
	}
	.newslist span.date {float:right; color:#999; }
	.newslist em.date {color:#666; font-style:normal;padding:1px 4px 1px 1px; background:#eee; margin-right:0.2em;}
	.list a:hover {text-decoration:none;}
	.list a:hover strong {text-decoration:underline;}
	.list li.last {border-bottom:0; margin-bottom:0;}
	.newslist h3 {padding-bottom:10px; padding-top:8px;}
	.newslist h3 a:hover {text-decoration:underline;}
	
	
ul.calendar li { background:url(img/icon-calendar.gif) no-repeat 0 11px}
ul.calendar li a {
	display:block;
	padding-left:20px;
	color:#444;
	*zoom:1;
}
ul.calendar li a:hover .date {text-decoration:underline;}
ul.calendar li .date {display:block; font-size:12px; font-weight:bold; color:#165788;}
#content {line-height:20px;}
.newslist p {margin-bottom:0;}
p {margin-bottom:18px;}
p, #content li {font-family:georgia; }
.intro, .intro p {font-weight:normal; font-size:16px; color:#888; margin-top:-1px; padding-bottom:1px; margin-bottom:18px;}

.iconlink {padding-right:10px; font-size:12px;}
.iconlink a, .iconlink a:visited {color:#666;padding-left:20px; padding-right:10px;}
.iconlink a:hover {text-decoration:underline !important; color:#333;}
.rss {background:no-repeat url(img/icon-rss.gif) 0 46%;}
.archive {background:no-repeat url(img/icon-archive.gif) 0 46%;}


.list+.archivelinks{margin-top:-18px;}
.archivelinks {_margin-top:-18px; /*IE6, don't understand el+el rules...*/}


blockquote {
	color:#165788; 
	padding:0 1em 0 0;
	margin-top:18px; 
	margin-bottom:18px;
	}
	.block blockquote {margin-top:0;}
	.bqstart {
		float:left;
		height:0.15em;
		margin-top: -0.25em;
		padding-top:0.47em;
		margin-bottom: -0.25em;
		margin-right:0.15em;
		font-size: 400%;
		color: #c9d8e5;
		*padding-top:0.27em; /* IE6+7 */
	}
	.bqend {
		float:right;
		height:0.25em;
		margin-top:-0.25em;
		margin-bottom:-0.25em;
		padding-top:0.60em;
		font-size: 400%;
		color: #c9d8e5;
		*margin-top:-2.25em; /* IE 6+7 */
		*padding-top:0.55em; /* IE 6+7 */
	}
	blockquote cite {display:block; color:#888;}



.block .vcard {margin-top:0;}
.vcard {
	border:9px solid #eee; -webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.2); padding:9px; margin:18px 0; 
	line-height:18px; font-size:11px;
	min-height:90px; _height:90px;
	border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
	position:relative;
	/* background:#fff; */
	}
.vcard:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
.vcard ul {margin:0; padding:0;}
.vcard li {margin:0; padding:0; list-style:none;}
.vcard .photo {float:right; margin-left:0.5em; line-height:18px;}
.vcard .role, .vcard .title {font-size:11px;}
.vcard .titles{} /* for margins */
.vcard .title {}
.vcard .fn {font-weight:bold; font-size:13px; font-family:helvetica,arial,sans-serif; }
.vcard .org { }
.vcard .org, .vcard .adr {display:none;}
.vcard .email {color:#444; text-decoration:none;}
.vcard a.email:hover {text-decoration:underline;}
.vcard .tel .type span {display:none;}

.hcard-download {position:relative; bottom:-5px; background:no-repeat url(img/hcard.gif) 0 50%;*zoom:1;}
.hcard-download a {padding-left:26px;}
.hcard-download .tip {visibility:hidden; _visibility:visible; /*solves IE6 bug*/ }
.hcard-download a:hover {text-decoration:none;}
.hcard-download a:hover .tip {visibility:visible;}



ul.file {padding:0; margin:0 0 18px; background:none;}
ul.file li {list-style:none;}
.file {
	margin:0;
	padding-left:20px;
	background-repeat:no-repeat; background-position:0 0;
	background-image:url(img/icons/file.png);
	line-height:18px;
	*zoom:1;
	}
	.file a {padding-left:20px; margin-left:-20px; padding-right:4px;}
	.file .meta {font-size:11px; color:#888; white-space:nowrap;}
	.file .meta .filesize {white-space:nowrap;}
	.file.pdf {background-image:url(img/icons/file-pdf.png)}
	.file.jpg {background-image:url(img/icons/file-jpg.png)}
	.file.txt {background-image:url(img/icons/file-txt.png)}
	.file.xls {background-image:url(img/icons/file-xls.png)}
	.file.zip {background-image:url(img/icons/file-zip.png)}
	.file.doc {background-image:url(img/icons/file-doc.png)}


.block {border-top:1px solid #e5e5e5; margin-top:8px; padding-top:9px; margin-bottom:18px;}


.aside {background:#fff; padding-left:20px; float:right; clear:right; width:220px; margin-right:-60px; _position:relative; margin-left:20px; margin-bottom:18px; display:inline;}

.aside .vcard {border:none; padding:0 0 17px; border-bottom:1px solid #e5e5e5; -webkit-box-shadow:none;}	
.aside .list {margin:0 0 9px;}
.aside .block .list {margin-top:-10px; margin-bottom:-10px; line-height:18px;}


/*
=form styles

legend:

.fr = form row
.fu = form unit, often consisting of a label-input couple
------------------------------------------------------ */

/*
=form
------------------------------------------------------ */

div.form {margin:0 0 1em;}
/* legend:
.fr = form row
.fu = form unit, often consisting of a label-input couple
------------------------------------------------------ */
input, select, textarea { font-size:13px; }

div.fu {
	line-height:18px;
	clear:both;
	min-height:0;
	margin-right:10px; margin-bottom:13px;
}
div.fr div.fu { float:left; display:inline; clear:none;}
div.fr, .btnrow {margin-bottom:0; *margin-bottom:13px; clear:both; margin-right:-15px; min-height:0; _height:1px; }
div.fr:after, .btnrow_after {content:"."; clear:both; display:block; visibility:hidden; height:0;}


input.text, select { border:1px solid #ccc; border-color:#aaa #ddd #ddd #aaa; padding:2px 1px 3px 2px;}
select, .select, input	{margin:0px; padding:2px;}
textarea {width:220px; line-height:18px; border:1px solid #ccc; border-color:#aaa #ddd #ddd #aaa; padding:2px 1px 4px 2px;
	height:172px; /* X * line-height - 8px   (6px padding + 2px border = 8px) */
	height:100px;
}

form {margin:0; padding:0;}
fieldset {border:none; margin:0; padding:0;}
fieldset fieldset {padding-left:2em; border-bottom:1px solid #f3f3f3; }

/* .NET: wrap the input+label couple in an <span class="radio|checkbox"> element */
input.checkbox, input.radio, 
span.checkbox input, span.radio input {vertical-align:middle;}
label.checkbox, label.radio,
span.checkbox label, span.radio label {vertical-align:middle; padding-left:0.5em;}

.size-l input.text, input.size-l  		{ width:295px; }
.size-m input.text, input.size-m		{ width:140px; }
.size-s input.text, input.size-s		{ width:88px; }
.size-xs input.text, input.size-xs 		{ width:60px; }
.size-auto input.text, input.size-auto	{width:auto; }

.wide select	{ width:99%;}
.size-l select	{ width:290px; }
.size-m select	{ width:140px; }
.size-s select	{ width:90px; }
.size-xs select	{ width:60px; }

* html .wide select	{ width:99%;}
* html .size-l select { width:316px; }


.size-l	textarea		{ width:310px; height:200px; }
.size-m	textarea		{ width:145px; height:90px; }
.size-s	textarea		{ width:90px; height:50px; }
.size-xs textarea		{ width:72px; height:50px; }

.fu label.size-l	{width:12em; float:left;}
.fu label.size-m 	{width:8em; float:left;}
.fu label.size-s 	{width:6em; float:left;}
.fu label.size-xs 	{width:4em; float:left;}

.inline label {width:8em; float:left;}
.inline .fu br, .inline br {display:none;}

.Zipcode input.text 	{ width:93px; }
.City input.text 		{ width:203px; }
.Address input.text	{ width:203px; }


.btnrow {min-height:36px; _height:36px; }
.fieldset {margin:0; padding:0;}

.btnrow .btn {margin-right:5px;}

.btn {
	background:#165788; color:#fff; border:2px solid #036; padding:1px 10px; line-height:18px; vertical-align:baseline;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.5);
	*vertical-align:middle; *line-height:15px; *padding-right:1px;
}
.btn:hover {background:#369;}

.notice {padding:0; line-height:18px; margin:0 0 6px;}
.notice p {border:1px solid #ddb; background:#ffc; margin:0; padding:5px 9px;}
div.ok p { border:1px solid #deb; background:#efc; }
div.error p { border:1px solid #ecc; background:#fdd; }

input.error,
.error input {border-color:#c00; background-color:#ffd;}


.highlight {
	background:#f3f3f3;
	border:1px solid #e5e5e5;
	-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.08);border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
	padding:0 15px;
	margin:35px 0 17px;
}