@media screen, projection {

/* BODY AND FONTS: =body
----------------------------------------------- */
	*			{ margin: 0; padding: 0; }
	html		{ background: #b7b7b7 url(/images/bg-html.jpg) repeat-x center top; }
	body		{ background: transparent url(/images/bg-body.png) no-repeat center top; font-size: 62.5%; font-family: "Trebuchet MS", arial, helvetica, sans-serif; line-height: 1.6em; text-align: center; }

/* LINKS: =links
----------------------------------------------- */
	a img 	{ border: none; }
	
	a { text-decoration: none; color: #3572c9; }
	a:visited { color: #a5323e; }
	a:hover { text-decoration: underline; }
	
	a.pdf { background: url(/images/icon-pdf.gif) no-repeat right top; padding-right: 25px; }
	
/* TYPOGRAPHY: =typography
----------------------------------------------- */
	h1,
	h2 { text-align: left; }
	h1 { font-size: 2.2em; color: #a5323e; }
	h2 { color: #6f6f6f; }
	#content p, 
	#content ul,
	ol,
	dl { font-size: 1.3em; line-height: 1.6em; margin: 10px 0; text-align: left; }
	
/* HEADER: =header
----------------------------------------------- */
/*	#header h1 { background: transparent url(/images/h1.gif) no-repeat; width: 270px; height: 62px; text-indent: -9999px; margin: 0 0; position: absolute; right: 20px; top: 9px; font-size: 3em; color: #FFFFFF; }*/
	#header img { position: absolute; top: 9px; right: 20px; }
		
/* NAVIGATION: =nav
----------------------------------------------- */

	/*
	div#navigation { border: solid 1px #FFFF00; }
	
	
	#navigation ul li a { display: block; float: left;   display: inline; }
	*/
	div#navigation { background: transparent url(/images/bg-navigation.gif) no-repeat; width: 582px; text-align: left; position: absolute; top: 43px; left: 20px; overflow: hidden; }
	
	#navigation ul li { list-style-type: none; display: inline; }
	#navigation ul li a { display: block; float: left; height: 30px; margin-right: 3px; color: #FFFFFF; display: inline; text-indent: -9999px; }
	
	.home a { width: 78px; }
	.calendar a { width: 105px; }
	.links a { width: 73px; }
	.events a { width: 84px; }
	.about a { width: 105px; }
	.contact a { width: 119px; }
	
	#navigation a:hover,
	#navigation a.selected { background-image: url(/images/bg-navigation.gif); background-repeat: no-repeat; }
	
	#navigation .home a:hover { background-position: 0 -30px; }
	#navigation .links a:hover { background-position: -81px -30px; }
	#navigation .events a:hover { background-position: -157px -30px; }
	#navigation .about a:hover { background-position: -244px -30px; }
	#navigation .contact a:hover { background-position: -352px -30px; }
	#navigation .calendar a:hover { background-position: -474px -30px; }
	
	#navigation .home a.selected { background-position: 0 -60px; }
	#navigation .links a.selected { background-position: -81px -60px; }
	#navigation .events a.selected { background-position: -157px -60px; }
	#navigation .about a.selected { background-position: -244px -60px; }
	#navigation .contact a.selected { background-position: -352px -60px; }
	#navigation .calendar a.selected { background-position: -474px -60px; }
	
/* LAYOUT: =layout
----------------------------------------------- */
	div#container { width: 990px; margin: 0 auto; position: relative; }
	div#header { background: #22182e; height: 73px; border-bottom: 5px solid #a5323e; }
	div#content { background: #ffffff; padding: 20px; color: #626262; min-height: 400px; }
	
	div.threeCol { background: transparent url(../images/bg-columns.gif) repeat-y; }
	div.twoCol { background: transparent url(../images/bg-twocol.gif) repeat-y; }
	.col { float: left; }
	.bigCol { width: 454px; margin: 0 20px; }
	.smallCol { width: 228px; }
	.fullCol { width: 702px; margin: 0 0 0 20px; }
	
	.blurb { border-bottom: 2px solid #f0f0f0; text-align: left; padding-bottom: 4px; }
	.blurb h2,
	.fullCol h2, 
	.title h2 { color: #a5323e; font-size: 2.4em; font-weight: normal; margin: 16px 0 9px 0; line-height: 22px; }
	
	div.article h3,
	.blurb h3 { font-size: 1.4em; }
	
	div.article h2 { margin-bottom: 20px; }
	div.article { text-align: left; }
	
	div#communityNotice { background: transparent url(/images/bg-commnotice.gif) repeat-y; padding-bottom: 0; }
	#communityNotice h2 { background: #a5323e url(/images/h2-commnotice.gif) no-repeat; height: 27px; color: #FFFFFF; padding: 9px 0 0 12px; }
	#communityNotice dl { background: transparent url(../images/commnotice-bottom.gif) no-repeat bottom; padding: 0 12px 35px 12px; margin: 0; }
	
	#communityNotice dt { font-weight: bold; font-style: italic; margin-top: 16px; text-decoration: underline; }
	
	.last { border: none; }
	
/* LISTS: =lists
----------------------------------------------- */
	ul, ol { list-style-type: none; }
	ul#localnumbers li,
	ul#localnumbers p,
	ol {
		margin: 0 0 0 0; 
	}
	ol li { padding: 2px 4px; }
	
	ul#localnumbers li { 
		clear: left;
	}
	ul#localnumbers p
	 {
		line-height: normal;
		font-size: .85em;
		float: left;
		width: 146px;
		padding: 2px 0;
	}
	
	ul#localnumbers p.tel { 
		text-align: right;
		letter-spacing: -.03em;
		width: 79px;
		padding-right: 3px;
	}
	
	div.article ul,
	div.article ol { margin-left: 40px !important; }
	div.article ul { list-style-type: disc; }
	div.article ol { list-style-type: decimal; }
	
/* FORMS: =forms
----------------------------------------------- */
	fieldset { border: none; }

	#ccoptin label { display: block; }
	#ccoptin .text { width: 10em; }
	#ccoptin .submit { width: 5em; }
		
/* FOOTER: =footer
----------------------------------------------- */

	div#footer { background: url(../images/bg-footer.gif) repeat-x center; height: 70px; border-top: 6px solid #a5323e; text-align: left; padding: 5px 10px 0 10px; font-size: 1.2em; position: relative; line-height: 2em; }
	#footer p,
	#footer a { color: #EAF9FF; }
	#footer a { text-decoration: underline; }
	#footer a:hover { text-decoration: none; }
	p#copyright { position: absolute; right: 10px; top: 5px; }
	p.descomtag,
	p.descomtag a { color: #bcd2ea !important; }

/* MISC: =misc
----------------------------------------------- */

	hr { display: none; }
	
	img.icon { float: left; }
	img.right { float: right; }
	
	.stripe,
	.stripe p { 
		background: #f1f6fe;
	}
	
	img.icon { padding-right: 7px; }
	
	p.small { font-size: 1.2em !important; }

	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	 .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	 .clearfix 		{ display: inline-block; }  

	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */	
	
}
@media print {
		
}