/* ---------------------------------------------------------------------------
	
	AIGA Jacksonville Screen Styles
	http://aigajacksonville.org
	
	author: Travis Schmeisser & Varick Rosete
	http://rockthenroll.com
	http://varickrosete.com
	
--------------------------------------------------------------------------- */

/* 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* --------------------------------------------------------------------------
	=layout
--------------------------------------------------------------------------- */

body {
	background: fixed #f0f0f0 url(../img/bg-purpose.gif) repeat 0 0;
	color: #444;
	font-family: Verdana, Helvetica, Arial, Verdana, sans-serif;
	font-size: 80%;
	width: 100%;
}

#wrapper { background: transparent url(../img/bg-wrapper.gif) no-repeat top center; }
	
#container {
	background: #fff url(../img/bg-header1.gif) repeat-x 0 0;
	font-size: 1.2em;
	position: relative;
	margin: 0 auto;
	width: 940px;
}

#header {
	position: relative;
}

/* ---------------------------------------------------------------------------
	=links
--------------------------------------------------------------------------- */

a:link { color: #0098d0; }
	
a:visited { color: #6a8c98; }

a:hover { color: #ff7d05; }

/* ---------------------------------------------------------------------------
	=typography
--------------------------------------------------------------------------- */

h1 {
	font-size: 200%;
	height: 128px;
	margin-bottom: 20px;
	text-indent: -9999px;
	width: 640px;
}

body.involved h1 { background: url(../img/title-involved.png) no-repeat 0 0; }
body.events h1 { background: url(../img/title-events.png) no-repeat 0 0; }
body.employment h1 { background: url(../img/title-employment.png) no-repeat 0 0; }
body.membership h1 { background: url(../img/title-membership.png) no-repeat 0 0; }
body.about h1 { background: url(../img/title-about.png) no-repeat 0 0; }
body.blog h1 { background: url(../img/title-blog.png) no-repeat 0 0; }
body.contact h1 { background: url(../img/title-contact.png) no-repeat 0 0; }
body.sponsorship h1 { background: url(../img/title-sponsors.png) no-repeat 0 0; }
body.error h1 { background: url(../img/title-error.png) no-repeat 0 0; }

h2 {
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 180%;
	line-height: 1.2em;
	letter-spacing: -.04em;
	background: url(../img/div-dot-horz.png) repeat-x bottom left;
}

h3 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #ff7d05;
	margin-bottom: 15px;
	font-size: 125%;
	font-weight: normal;
	line-height: 1.2em;
	padding-top: 20px;
	background: url(../img/div-dot-horz.png) repeat-x top left;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 90%;
	line-height: 1.2em;
	text-transform: uppercase;
	padding-top: 10px;
	margin-bottom: 2px;
}

h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	margin-bottom: 2px;
	font-size: 90%;
	line-height: 1.2em;
	padding-top: 10px;
	letter-spacing: -.07em;
}

p {
	font-size: 70%;
	line-height: 1.7em;
	margin-bottom: 10px;
}

blockquote {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: 120%;
	color: #777;
	background-color: #efefef;
	padding: 10px 10px 5px 15px;
	margin-bottom: 15px
}

/* ---------------------------------------------------------------------------
	=lists
--------------------------------------------------------------------------- */

ul, ol {
	font-size: 70%;
	margin: 0 0 20px 20px;
}

ul { list-style: square; }

ul li, ol li {
	margin-bottom: 5px;
	line-height: 1.7em;
}

ul li ul, ul li ol, ol li ul {
	margin-bottom: 10px;
	padding: 10px 0 0 3px;
	font-size: 100%;
}

ul li ul li, ul li ol li, ol li ul li {
}


/* ---------------------------------------------------------------------------
	=header
--------------------------------------------------------------------------- */

#banner {
	background-color: #000;
	color: #fff;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 90%;
	margin-bottom: 0;
	padding-top: 7px;
	padding-bottom: 7px;
}

#banner a {
	padding: 7px 15px;
}

#banner a:link, #banner a:visited {
	color: #fff;
	text-decoration: none;
}

#banner a:hover {
	color: #ff7d05;
	text-decoration: none;
}

#logo {
	left: -25px;
	position: absolute;
	top: 100px;
	width: 100px;
	height: 100px;
	z-index: 10;
}

#nav-social {
	position: absolute;
	top: 10px;
	right: 30px;
	list-style: none;
	overflow: hidden;
}

	#nav-social li {
		float: left;
		width: 16px;
		height: 16px;
		margin-left: 15px;
		text-indent: -9999px;
		background: none;
	}

	#nav-social li a {
		display: block;
		width: 16px;
		height: 16px;
		overflow: hidden;
	}

	#nav-social #nav-twitter a { 
		background: url(../img/nav-twitter.png) no-repeat 0 0;
	}


	#nav-social #nav-flickr a { 
		background: url(../img/nav-flickr.png) no-repeat 0 0;
	}


	#nav-social #nav-facebook a { 
		background: url(../img/nav-facebook.png) no-repeat 0 0;
	}

		
	#nav-social #nav-linkedin a { 
		background: url(../img/nav-linkedin.png) no-repeat 0 0;
	}


	#nav-social #nav-youtube a { 
		background: url(../img/nav-youtube.png) no-repeat 0 0;
	}


	#nav-social #nav-vimeo a { 
		background: url(../img/nav-vimeo.png) no-repeat 0 0;
	}


/* ---------------------------------------------------------------------------
	=navigation
--------------------------------------------------------------------------- */

#nav {
	background: url(../img/tab-bg.png) repeat-y top right;
	position: absolute;
	right: -25px;
	top: 86px;
	width: 280px;
	z-index: 99;
}

#nav ul {
	background: url(../img/tab-label-nav.png) no-repeat top right;
	margin: 0;
	padding-right: 25px;
	list-style: none;
}

#nav ul li {
	margin-bottom: 0;
	padding-left: 0;
	height: 32px;
	text-indent: -9999px;
}

#nav ul #nav-contact { margin-bottom: 0; }

#nav li a {
	display: block;
	width: 100%;
	height: 100%;
}

#nav #nav-home, #nav #nav-home a { background: url(../img/nav-home.png) no-repeat 0 0; }
#nav #nav-involved, #nav #nav-involved a { background: url(../img/nav-involved.png) no-repeat 0 0; }
#nav #nav-events, #nav #nav-events a { background: url(../img/nav-events.png) no-repeat 0 0; }
#nav #nav-employment, #nav #nav-employment a { background: url(../img/nav-employment.png) no-repeat 0 0; }
#nav #nav-membership, #nav #nav-membership a { background: url(../img/nav-membership.png) no-repeat 0 0; }
#nav #nav-sponsorship, #nav #nav-sponsorship a { background: url(../img/nav-sponsorship.png) no-repeat 0 0; }
#nav #nav-about, #nav #nav-about a { background: url(../img/nav-about.png) no-repeat 0 0; }
#nav #nav-blog, #nav #nav-blog a { background: url(../img/nav-blog.png) no-repeat 0 0; }
#nav #nav-contact, #nav #nav-contact a { background: url(../img/nav-contact.png) no-repeat 0 0; }

#nav #nav-home a:hover, 
#nav #nav-involved a:hover, 
#nav #nav-events a:hover, 
#nav #nav-employment a:hover, 
#nav #nav-membership a:hover, 
#nav #nav-sponsorship a:hover, 
#nav #nav-about a:hover, 
#nav #nav-blog a:hover,  
#nav #nav-contact a:hover {
	background-position: 0 -32px;
}

#nav #nav-home.here a, #nav #nav-home.here a:hover, 
#nav #nav-involved.here a, #nav #nav-involved.here a:hover, 
#nav #nav-events.here a, #nav #nav-events.here a:hover, 
#nav #nav-employment.here a, #nav #nav-employment.here a:hover, 
#nav #nav-membership.here a, #nav #nav-membership.here a:hover, 
#nav #nav-sponsorship.here a, #nav #nav-sponsorship.here a:hover, 
#nav #nav-about.here a, #nav #nav-about.here a:hover, 
#nav #nav-blog.here a, #nav #nav-blog.here a:hover, 
#nav #nav-contact.here a, #nav #nav-contact.here a:hover {
	background-position: 0 -64px;
}

/* ---------------------------------------------------------------------------
	=content
--------------------------------------------------------------------------- */

/* sub navigation */

#nav-sub {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 70%;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .1em;
	left: 95px;
	margin-bottom: 0;
	position: absolute;
	top: 178px;
	background-color: #fff;
	padding: 5px 10px 0 10px;
}

#nav-sub li {
	background: url(../img/nav-sub-div.png) no-repeat 100% 50%;
	display: inline;
	margin-right: 7px;
	padding: 0 10px 0 0;
}

#nav-sub li.last {
	background-image: none;
	margin-right: 0;
	padding-right: 0;
}

#nav-sub a:link, #nav-sub a:visited {
	color: #0098d0;
	text-decoration: none;
}
	
#nav-sub a:hover {
	color: #ff7d05;
	text-decoration: none;
}

#nav-sub li.here a:link, #nav-sub li.here a:visited, #nav-sub li.here a:hover { color: #000; }

/* "back to..." sub nav links */

#nav-sub li.back a {
	background-color: #fffac0;
	color: #000;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	padding: 2px 4px;
}


#nav-sub li.back a:link, #nav-sub li.back a:visited {
	color: #000;
	text-decoration: none;
}
	
#nav-sub li.back a:hover {
	color: #ff7d05;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------
	=main content
--------------------------------------------------------------------------- */

#content-main {
	float: left;
	margin-bottom: 60px;
	padding-top: 40px;
	padding-right: 0;
	width: 660px;
}

#content-main div.unit-container {
	background: url(../img/tab-bg.png) repeat-y 0 0;
	position: relative;
	left: -25px;
}

#copy {
	background: url(../img/tab-label-content.png) no-repeat 0 0;
	padding-left: 100px;
}

#intro {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;	
	color: #000;
	font-size: 120%;
	line-height: 1.5em;
	margin-bottom: 15px;
}

/* ---------------------------------------------------------------------------
	=secondary content
--------------------------------------------------------------------------- */

#content-secondary {
	float: right;
	margin-bottom: 30px;
	padding-top: 215px;
	width: 280px;
}

#content-secondary div.unit-container { 
	background: url(../img/tab-bg.png) repeat-y top right; 
	position: relative;
	right: -25px;
}

#content-secondary h3 {
	color: #000;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 100%;
	font-style: italic;
	margin-bottom: 0;
}

/* dividers */

/* div.divide-color-bar {
	background: url(../img/divider-sidebar-color-bar.png) no-repeat 0 0;
	height: 3px;
	margin-bottom: 30px;
} */

div.divide-dots {
	background: url(../img/div-dot-horz.png) repeat-x 0 0;
	height: 1px;
	margin: 0 60px 30px 0;
}

div.divide-color-bar hr, div.divide-dots hr { display: none; }

/* unit: next event */

#unit-next-event {
	background: url(../img/tab-label-next-event.png) no-repeat top right;
	margin-bottom: 30px;
	padding-right: 60px;
}

#unit-next-event h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	line-height: 1.1em;
	padding-bottom: 8px;
	background: none;
	padding-top: 0;
}

#unit-next-event h3 a:link, #unit-next-event h3 a:visited, #unit-next-event h3 a:hover { text-decoration: none; }

#unit-next-event h4 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 70%;
	letter-spacing: .3em;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 10px;
	padding-bottom: 8px;
}

#unit-next-event ul {
	color: #444;
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 10px;
}

#unit-next-event ul em {
	color: #000;
	font-size: 80%;
	font-weight: normal;
	text-transform: uppercase;
}

#unit-next-event li {
	background-image: none;
	margin-bottom: 3px;
	padding-left: 0;
}

#unit-next-event p {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;	
	font-size: 80%;
	line-height: 1.5em;
	margin-bottom: 0;
}

#unit-next-event p a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
}

#unit-next-event p a:link, #unit-next-event p a:visited {
	color: #939393;
	text-decoration: none;
}

#unit-next-event p a:hover {
	color: #ff7d05;
	text-decoration: none;
}

/* unit: featured member */

#unit-featured-member {
	background: url(../img/tab-label-community.png) no-repeat top right;
	margin-bottom: 30px;
	padding-right: 60px;
}

#unit-featured-member img {
	float: left;
	margin: 0 15px 15px 0;
}

#content-secondary #unit-featured-member h3 {
	color: #7f7f7f;
	margin-bottom: 5px;
	padding-top: 7px;
}

#unit-featured-member h4 {
	margin-bottom: 0;
	text-transform: none;
}

#unit-featured-member h4 a:link, #unit-featured-member h4 a:visited, #unit-featured-member h4 a:hover { text-decoration: none; }

#unit-featured-member h5 { text-transform: none; }

#unit-featured-member h5 a:link, #unit-featured-member h5 a:visited {
	color: #000;
	text-decoration: none;
}

#unit-featured-member h5 a:hover {
	color: #ff7d05;
	text-decoration: none;
}

#unit-featured-member p {
	clear: both;
	color: #565656;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	line-height: 1.2em;
}

#unit-featured-member p a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-style: normal;
}

#unit-featured-member p a:link, #unit-featured-member p a:visited, #unit-featured-member p a:hover { text-decoration: none; }

/* unit: jobs */

#unit-jobs {
	background: url(../img/tab-label-recruiting.png) no-repeat top right;
	margin-bottom: 30px;
	padding-right: 60px;
}

#unit-jobs h4 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 70%;
	letter-spacing: .3em;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 10px;
	padding-bottom: 8px;
}

#unit-jobs h4 a:link, #unit-jobs h4 a:visited, #unit-jobs h4 a:hover {
	font-weight: normal;
	text-decoration: underline;
	text-transform: lowercase;
	letter-spacing: 0;
	font-size: 120%;
}

#unit-jobs ul {
	color: #444;
	font-size: 80%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	list-style: none;
	margin-left: 0;
}

#unit-jobs li { 
	margin-bottom: 8px;
	padding-bottom: 6px;
	padding-left: 0; 
	line-height: 1.4em; 
	border-bottom: 1px dashed #ddd;
}

#unit-jobs li a:link, #unit-jobs li a:visited {
	color: #444;
	text-decoration: none;
}

#unit-jobs li a:hover {
	color: #ff7d05;
	text-decoration: none;
}

#unit-jobs li em {
	color: #747474;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 90%;
	font-weight: normal;
}

#unit-jobs li em a:link, #unit-jobs li em a:visited {
	color: #747474;
	text-decoration: none;
}

#unit-jobs li em a:hover {
	color: #ff7d05;
	text-decoration: none;
}

/* unit: programs */

#unit-programs {
	background: url(../img/tab-label-programs.png) no-repeat top right;
	margin-bottom: 30px;
	padding-right: 60px;
}

#unit-programs img {
	border: 1px solid #e7e7e7;
	margin-bottom: 10px;
}

#unit-programs img.last { margin-bottom: 0; }

#unit-programs img:hover { border: 1px solid #ff7d05; }

/* unit: about */

#unit-about {
	color: #000;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 105%;
	font-style: italic;
	margin-bottom: 30px;
	padding-right: 40px;
	padding-left: 30px;
}

#unit-about a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}

#unit-about a:link, #unit-about a:visited {
	color: #939393;
	text-decoration: none;
}

#unit-about a:hover {
	color: #ff7d05;
	text-decoration: none;
}

/* unit: twitter */

#unit-twitter {
	background: url(../img/tab-label-twitter.png) no-repeat top right;
	margin-bottom: 30px;
	padding-right: 60px;
	color: #000;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 105%;
	font-style: italic;
}

#unit-twitter h4 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 70%;
	letter-spacing: .3em;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 10px;
	padding-bottom: 8px;
}

#unit-twitter h4 a:link, #unit-twitter h4 a:visited, #unit-twitter h4 a:hover {
	font-weight: normal;
	text-decoration: underline;
	text-transform: lowercase;
	letter-spacing: 0;
	font-size: 120%;
}

#unit-twitter p {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #ddd;
}

/* unit: newsletter */

#unit-newsletter {
}

#unit-newsletter h4 {
	background: url(../img/btn-newsletter.png) no-repeat top left;
	width: 256px;
	height: 64px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}

#unit-newsletter h4 a {
	background: url(../img/btn-newsletter.png) no-repeat top left;
	width: 100%;
	height: 100%;
	display: block;
}

#unit-newsletter h4 a:hover {
	background-position: 0 -64px;

}


/* ---------------------------------------------------------------------------
	=blog content
--------------------------------------------------------------------------- */

#content-blog {
	clear: both;
	margin-bottom: 60px;
	width: 935px;
}

#content-blog div.unit-container {
	background: url(../img/tab-bg.png) repeat-y 0 0;
	position: relative;
	left: -25px;
}

#blog {
	background: url(../img/tab-label-content.png) no-repeat 0 0;
	padding-left: 100px;
	overflow: hidden;
	position: relative;
}

#blog .view-all {
	clear: both;
	padding-left: 0;
}

.blog-body { 
	position: absolute;
	top: 10px;
	right: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #000;
	font-size: 90%;
	font-weight: normal;
	font-style: italic;
	overflow: hidden; 
	display: none;
}

.blog-post {
	float: left;
	color: #444;
	width: 180px;
	padding-right: 25px;
	padding-bottom: 30px;
}

.blog-post a, 
.blog-post a:link {
	color: #444;
	text-decoration: none;
	border: none;
}

.blog-post a:visited { color: #6a8c98; }
.blog-post a:hover { color: #ff7d05; }

.blog-post img { display: none; }

.blog-post strong { font-weight: normal; }

.blog-date {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #888;
	font-size: 65%;
	font-weight: normal;
	font-style: italic;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 40px;
}

.blog-title {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}



/* ---------------------------------------------------------------------------
	=foot
--------------------------------------------------------------------------- */

#foot {
	background-color: #000;
	clear: both;
	color: #fff;
	font-family: Georgia, 'Times New Roman', Times, serif;
	margin-bottom: 0;
	padding: 40px 60px 30px 60px;
	font-size: 85%;
}

span.foot-tagline { text-transform: lowercase; }

span.foot-info {
	color: #7d7d7d;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 90%;
	padding-left: 10px;
}

/* ---------------------------------------------------------------------------
	=helpers
--------------------------------------------------------------------------- */

/* highlight: for messages and instructions to users */

div.highlight {
	background-color: #fffbce;
	border-left: 10px solid #000;
	color: #000;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	margin-bottom: 30px;
	padding: 15px 20px;
}

div.highlight p { margin-bottom: 0; }

/* view all links at bottom of listings */

p.view-all {
	font-weight: bold;
	padding-left: 60px;
	text-transform: uppercase;
}

p.view-all a:link, p.view-all a:visited, p.view-all a:hover { text-decoration: none; }

/* detail uls */

ul.details { 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 100%; 
	list-style: none; 
	margin-left: 0; 
	font-weight: bold;
}

ul.details li { line-height: 1.2em; }

ul.details li em {
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #000;
	font-weight: normal;
	font-size: 65%;
	text-transform: uppercase;
	letter-spacing: .3em;
	line-height: 1em;
	font-style: normal;
}

ul.details li em.note {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 90%;
	font-style: italic;
	font-weight: normal;
	color: #555;
	text-transform: none;
	letter-spacing: 0;
}

/* download units */

div.unit-download {
	background-color: #dfdfdf;
	border-left: 10px solid #000;
	color: #000;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 120%;
	font-style: italic;
	margin-bottom: 30px;	
}

div.unit-download p { margin-bottom: 0; }

div.unit-download a {
	background: url(../img/icon-download.png) no-repeat 18px 18px;
	display: block;
	padding: 15px 20px 15px 45px;
}

div.unit-download a:link, div.unit-download a:visited {
	color: #000;
	text-decoration: none;
}

div.unit-download a:hover {
	color: #ff7d05;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------
	=home
--------------------------------------------------------------------------- */

body.home #logo { top: 300px; }

body.home #content-main { padding-top: 0; }

body.home #content-secondary {
	padding-top: 0;
	position: relative;
	top: -240px;
	margin-bottom: 0;
}

body.home #unit-next-event {
	background-image: none;
	font-size: 110%;
	margin-bottom: 35px;
	padding: 0;
	width: 640px;
}

#unit-next-event-content {
	border-bottom: 3px solid #ddd;
	margin: 0 0 0 75px;
	padding: 20px 40px 20px 60px;
	font-family: Georgia, 'Times New Roman', Times, serif;	
	font-style: italic;
}

body.home h1 {
	color: #0098d0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 175%;
	height: auto;
	line-height: 1em;
	margin-bottom: 20px;
	text-indent: 0;
	letter-spacing: -.05em;
	font-style: normal;
	width: 500px;
}

body.home #unit-next-event h1 a:link, body.home #unit-next-event h1 a:visited, body.home #unit-next-event h1 a:hover { text-decoration: none; }

body.home #unit-next-event img {
	margin-bottom: 30px;
}

body.home #unit-next-event ul { 
	margin-bottom: 15px; 
	list-style: none;
	margin-left: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	color: #444;
}

body.home #unit-next-event li {
	margin-bottom: 3px;
	padding-bottom: 0;
}

body.home #unit-next-event li em {
	font-family: Georgia, 'Times New Roman', Times, serif;
	letter-spacing: .3em;
	font-size: 70%;
	color: #000;
}

body.home #unit-next-event p {
	font-size: 90%;
	margin-bottom: 10px;
}

body.home #unit-next-event p a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	text-transform: uppercase;
	font-size: 70%;
}

body.home #featured-event {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 100%;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .1em;
	top: 365px;
	left: 125px;
	margin-bottom: 0;
	position: absolute;
	background-color: #fff;
	padding: 5px 10px 0 10px;
}

/* ---------------------------------------------------------------------------
	=unit: upcoming events
--------------------------------------------------------------------------- */

#unit-upcoming-events {
	background: url(../img/tab-label-upcoming-events.png) no-repeat 0 0;
	padding: 0 0 0 40px;
}

.event {
	font-size: 100%;
	margin: 0 0 30px 60px;
	padding: 0 0 30px 0;
	border-bottom: 1px solid #ddd;
}

.event-image-type {
	float: left;
	width: 160px;
}

.event-content {
	float: right;
	width: 375px;
}

.event h2 {
	font-size: 130%;
	margin-bottom: 0;
	border: none;
	background: none;
}

.event h2 a:link, .event h2 a:visited, .event h2 a:hover { text-decoration: none; }
.event h2 a:link { color: #444; }
.event h2 a:visited { color: #6a8c98; }
.event h2 a:hover { color: #ff7d05; }

span.event-type {
	background-color: #e9e9e9;
	color: #717171;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 80%;
	font-style: italic;
	padding: 2px 4px;
}

span.type-local { background-color: #fffd97; }

.event ul, .event p { margin-bottom: 5px; }

.event li {
	background-image: none;
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 0;
}

.event li em {
	color: #939393;
	font-size: 90%;
	font-weight: normal;
	text-transform: uppercase;
}

.event p a {
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
}

.event p a:link, .event p a:visited {
	color: #939393;
	text-decoration: none;
}

.event p a:hover {
	color: #ff7d05;
	text-decoration: none;
}



/* ---------------------------------------------------------------------------
	=employment: post a job or resume
--------------------------------------------------------------------------- */

#recent-jobs-available {
	float: left;
	width: 250px;
}

#recent-jobs-wanted {
	float: right;
	width: 250px;
}

.job {
	border-top: 3px solid #ddd;
	margin-bottom: 15px;
	padding-top: 10px;
}

.job h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	margin-bottom: 10px;
	text-transform: none;
}

.job h4 a:link, .job h4 a:visited, .job h4 a:hover { text-decoration: none; }

.job-detail {
	background: url(../img/div-dot-horz.png) repeat-x 0 0;
	font-size: 100%;
	margin-bottom: 10px;
	padding-top: 10px;
}

.job-detail li {
	margin-bottom: 5px;
	padding-left: 12px;
}

.job-detail em {
	font-weight: bold;
	font-size: 75%;
	font-style: normal;
	color: #000;
	text-transform: uppercase;
}

.job-detail a { font-size: 90%; }

.job-detail a:link, .job-detail a:visited, .job-detail a:hover { text-decoration: none; }

.job p {
	background: url(../img/div-dot-horz.png) repeat-x 0 0;
	color: #5f5f5f;
	font-size: 90%;
	line-height: 1.5em;
	margin-bottom: 0;
	padding-top: 10px;
}

.job p a {
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
}

.job p a:link, .job p a:visited {
	color: #939393;
	text-decoration: none;
}

.job p a:hover {
	color: #ff7d05;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------
	=employment: post a job or resume
--------------------------------------------------------------------------- */

body.jobs-post #content-main h3 { clear: both; }

body.jobs-post #content-main ul { 
	list-style: none; 
	margin-left: 0;
}


body.jobs-post #content-main ul li {
	background: #eee url(../img/icon-page.png) no-repeat 10px 17px;
	float: left;
	margin: 0 5px 5px 0;
	padding: 13px 10px 13px 25px;
	width: 230px;
}

body.jobs-post #content-main ul li em {
	color: #686868;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 80%;
	font-style: italic;
}

/* ---------------------------------------------------------------------------
	=about: meet the board
--------------------------------------------------------------------------- */

.member {
	background: url(../img/div-dot-horz.png) repeat-x 0 0;
	margin-bottom: 15px;
	padding: 20px 0 0 180px;
}

.member h3 {
	margin-bottom: 10px;
	padding-top: 0;
	background: none;
}

.member img, .member p {
	float: left;
	left: -180px;
	margin: 0 -170px 20px 0;
	position: relative;
}

.member p { padding-top: 10px; margin-bottom: 0; }

.member ul.details { font-size: 100%; }

/* ---------------------------------------------------------------------------
	=event detail
--------------------------------------------------------------------------- */

body.event-detail #logo { top: 300px; }

body.event-detail #nav-sub {
	top: 365px;
}

body.event-detail #content-main { padding-top: 70px; }

body.event-detail #content-secondary { padding-top: 42px; }


/* ---------------------------------------------------------------------------
	=sponsors
--------------------------------------------------------------------------- */
#sponsors {
	padding: 10px 0 20px 40px;
	color: #494949;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 90%;
	letter-spacing: .1em;
	text-transform: uppercase;
	background: #222 url(../img/bg-sponsor.jpg) repeat-x 0 0;
	overflow: hidden;
	}
	
.sponsor-callout {
	float: left;
	width: 30%;
	margin-left: 20px;
	overflow: hidden;
}

.sponsor-callout p {
	margin-bottom: 10px;
}

.sponsor-callout ul { list-style: none; margin-left: 0;}

.sponsor-callout li {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 20px;
}

/* ---------------------------------------------------------------------------
	=myEmma Javascript Form
--------------------------------------------------------------------------- */



/* ---------------------------------------------------------------------------
	=clearing
--------------------------------------------------------------------------- */

#content:after,
#copy:after,
.event:after,
body.jobs-post #content-main ul:after,
.member:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}