/* Begin - Fluid global reset */
* { padding: 0; margin: 0; }
p, ul, ol, dl, fieldset { margin: 0.2em 0 0.7em 0; }
li, dd { margin-left: 2.5em; }
blockquote { margin: 0.9em 5%; }
fieldset { padding:0.5em; }
select { min-width: 1.5em; }
a img,:link img,:visited img { border: 0; }
/* End - Fluid global reset */

/* ---------- LAYOUT ---------- */

body { text-align: center; min-width: 960px;
	font: 75%/1.6 "Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,Arial,Helvetica,sans-serif;
	color:#fff; background: #070711 url(template_images/bg_body.jpg) repeat-x top; }
	.container { text-align: left; width: 960px; margin-left: auto; margin-right: auto; padding: 0; }
	
#header { height: 200px; background: #000 url(template_images/header.jpg) no-repeat top right;
	border-bottom: 2px solid #000; }
	#header h1 { width: 180px; height: 200px; padding: 0 25px; text-indent: -9000px;
		background: #000 url(template_images/logo.gif) no-repeat top right; }
	#header h1 a { display: block; width: 180px; height: 200px; border: none; outline: none; }


ul#nav { margin: 0; padding: 0; list-style: none; height: 30px; border-top: 1px solid #cce; 
	border-bottom: 1px solid #69c; background: #5883BD url(template_images/bg_nav.gif) repeat-x top; }
	ul#nav li { float: left; width: auto; margin: 0; white-space: nowrap;  overflow:visible; }
	ul#nav li a { display: block; height: 20px; padding: 5px 20px; color: #fff; border: none; text-decoration: none; }
	ul#nav li a:hover { background: #1F64AA url(template_images/bg_nav.gif) repeat-x 0px -50px; }

#content { border-top: 2px solid #000; }
body#sub #content { background: #123 url(template_images/bg_content.gif) repeat-y -180px 0px; position: relative; }
	.main { width: 558px; margin-right: 1px; padding: 30px; float: left; overflow: hidden;
		background: transparent url(template_images/bg_main.jpg) repeat-x top; }
	.sidebar { width: 281px; padding: 30px; float: left; overflow: hidden;
		background: transparent url(template_images/bg_sidebar.jpg) repeat-x top; }
	.sidebar img.sidepic { margin: -30px; }
	
.subpageitem { margin-bottom: 1em; clear: left; }
	.subpageitem .subpagepic a { border: none; }
	.subpagehead { padding-top: 0.2em; margin-bottom: 0.2em; font: 1.3em "Century Gothic", Geneva; 
		color: #F2D6A6; line-height: 1.2; }
	.subpagehead a { display:block; padding-bottom: 0.2em; }
	.subpagedesc { font-size: 0.85em; line-height: 1.3; }

#coming_up { overflow: hidden; }

#feature { margin: 0; padding: 0; clear: left; float: left; width: 450px; height: 360px; }
	
body#home #calendar { width: 510px; height: 360px; float: right; background: #123; overflow: auto; }
	#calendar .event { height: 60px; border-bottom: 1px solid #234; border-left: 1px solid #234; }
	body#sub .event { height: 70px; border-bottom: 1px solid #345; border-left: none; }

	#calendar .event a { outline: none; display: block; padding: 5px; height: 50px; color: #fff;
		text-decoration: none; cursor: hand; border: none; overflow: hidden; }
	body#sub #calendar .event a { padding: 10px; }
	#calendar .event a:hover { background: #345; }
	#calendar .event img { float: left; margin-right: 5px; width: 50px; height: 50px; }
	body#sub #calendar .event img { margin-right: 10px; }
	#calendar .event .eventtitle { display: block; float: left; width: 170px; font-weight: bold; line-height: 1.4em; }
	body#sub #calendar .event .eventtitle { width: 280px; }
	#calendar .event .eventdate { display: block; float: right; width: 100px; text-align: right; 
		color: #69c; line-height: 1.4em; }
	#calendar .event .eventvenue { display: block; float: right; width: 100px; text-align: right; color: #cce; line-height: 1.4em; }
		#calendar .event .eventsubscription { display: block; float: right; width: 100px; text-align: right;  line-height: 1.4em; }

#promos { margin-top: 15px; }
	.promo { width: 250px; height: 90px; color: #fff; text-align: center; float: left; margin: 0 5px 0 0;
		background: url(/images/bg_promo.gif) no-repeat 0px 5px; font-size: 1.6em; font-family: "Century Gothic",Geneva;
		line-height: 1em; padding: 15px 0 0; }
	#promos .promo a { text-decoration: none; border: none; color: #fff; display: block; }
	.promo img { margin: 5px 0; }
	#promos .facebook_like_box { float: left; }

#footer { clear: both; background: #024 url(template_images/bg_footer.jpg) repeat-x bottom; }
	#sub #footer { border-top: 2px solid #000; }
	#footer .container { padding: 1em; width: 920px; }
	body#home #footer .container { background:url(template_images/bg_footer_shine.jpg) no-repeat top center; }

	ul.sitemap { float: left; width: 280px; font-weight: bold; }
	ul.sitemap li ul { font-weight: normal; }
	.contactinfo { line-height: 1.4; }
	.contactinfo img { margin-bottom: 10px; }


/* ---------- CONTENT ---------- */

a,a:link { color: #cce; text-decoration: underline; }
a:visited {  }
a:focus {  }
a:hover { color: #FA9C39; }
a:active {  }

h2 { padding: 0 0 0.3em 0; font: 1.8em "Century Gothic",Geneva; }
h3, .sidebar h2 { padding: 0.3em 0 0.3em 0; font: 1.4em "Century Gothic",Geneva; color: #F2D6A6; }
h4 { font-size: 0.9em; text-transform: uppercase;  border-bottom: 1px dotted #2767AB; }

blockquote { margin-left: 1em; padding-left: 0.4em; border-left: 5px solid #123; 
	font: italic 1.4em "Century Gothic", Geneva; color: #F2D6A6; }

dt { font-size: 1.2em; line-height: 1.2em; }
dt a:link,dt a:visited { border: none; font-weight: bold; }
dd { margin: 0.2em 0 1em 0.3em; border-left: 4px solid #345; padding-left: 0.3em; line-height: 1.3em; }

.breadcrumbs {
	margin-bottom: 1em; padding: 3px 3px 3px 3px; background: #345;
	border-bottom: 1px dotted #2767AB; border-top: 1px dotted #2767AB;
}

.twocolumn { width: 45%; padding-right: 5%; float: left; }

.articlephoto { float: right; margin: 0 0 20px 20px; padding: 8px; border: 1px solid #345; width: 180px; background: #123; }
	.articlephoto a, .articlephoto a:hover { border: none; }
	.articlephoto img { border: none; margin:0;padding:0 }

.articleintro { font-size: 1.2em; font-weight: bold; color: #69c; }

#articlecontact { margin-top: 1em; padding: 3px 3px 3px 21px; clear: both;
	background: #345 url(template_images/phone.gif) no-repeat 3px 6px;
	border-bottom: 1px dotted #2767AB; border-top: 1px dotted #2767AB; }

.downloadlinktitle a { border: none; font-weight: bold; } 
.downloadlinkdesc { margin: 0.2em 0 1em 0.3em; border-left: 4px solid #345; padding-left: 0.3em; line-height: 1.3em; } 

a.orderonline { display: block; width: 200px; height: 80px; margin-top: 1em; 
	background: url(images/order_online.gif) no-repeat; border: none; text-indent: -9000px; }
a:hover.orderonline { background-position: 0 -80px; }

.dialogue { padding: 8px; border: 1px solid #400; background: #422; }

.left { float: left; margin: 0.5em 10px 1em 0; }
.right { float: right; margin: 0.5em 0 1em 10px; }

.condense { line-height: 1.3em; margin-top: 1em; }
	.condense h3 { line-height: 1.3em; margin: 0; padding: 0; }

.galleryitem { display: block; width: 205px; height: 200px; text-align: center;
	margin-top: 15px; float: left; padding: 0px 15px; }
	.gallerycaption { padding: 3px 0px 10px 0px; display: block; height: 2.5em; line-height: 1.1em; }
	.galleryitem a { border: none; }
	
/* ---------- FUNCTIONALITY ---------- */

.clearfloat { clear: both; height: 1%; }
a.noborder, a.noborder:hover { border: none; }

/* ---------- FORMS ---------- */

form { margin-bottom: 1em; }
form em { font-weight: bold; font-style: normal; font-size: 1.3em; color: #f00; }
form label { display: block; font-weight: bold; }
form label.noblock { display: inline; }
div.sidebar form input { width: 195px; }
div.sidebar form select { width: 155px; }

form input.submit { margin-top: 1em; padding: 0.2em; border: 1px solid #fff; 
	background: #024; font: 1.2em "Century Gothic",Geneva; color: #F2D6A6;}