@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, 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;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	background: transparent;
	list-style:none;
	color:#000028;
	}


@font-face {
	font-family: 'MuseoSlab500';
	src: url('types/Museo_Slab_500.eot');
	src: local('☺'), url('types/Museo_Slab_500.woff') format('woff'), url('types/Museo_Slab_500.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansRegular';
	src: url('PT_Sans.eot');
	src: local('☺'), url('types/PT_Sans.woff') format('woff'), url('types/PT_Sans.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansBold';
	src: url('PT_Sans_Bold.eot');
	src: local('☺'), url('types/PT_Sans_Bold.woff') format('woff'), url('types/PT_Sans_Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'PTSansItalic';
	src: url('PT_Sans_Italic.eot');
	src: local('☺'), url('types/PT_Sans_Italic.woff') format('woff'), url('types/PT_Sans_Italic.ttf') format('truetype');
}




body { height:100%;  background-color: #e6e6dc; font-family: PTSansRegular, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 15px; color:#000028; }


#wrapper {	min-height: 100%;
	height: auto !important;
	height: 100%;
 /* the bottom margin is the negative value of the footer's height */
 width:865px; margin: -237px auto -100px ; z-index: 101; }

#head { width: 100%; margin-top: 47px; background-color:#f1f0eb; height: 190px; z-index:100; }

#navigation { width:100%; height:auto; }

#navigation li { font-family: PTSansBold, Helvetica, Arial, sans-serif; margin: 17px 20px 0px 0px; float: right; text-transform:uppercase; color:#000028; font-size:11px; letter-spacing:0.09em; text-shadow: 1px 1px 0px #FFF; }

#navigation li a { text-decoration:none; color:#000028; }

#logo { height: 246px; width: 150px; float:left; }

#logotype { height: 151px; width: 254px; background-image:url(images/logo-type.png); float:left; margin: 65px 0px 0px 15px; }  

#join-star { height: 147px; width:138px; float:right; margin-top:95px; margin-right:55px; clear:right; }

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

#content { width: 100%; clear:both; margin-top:0px; clear:both;   }

#next-event { width: 500px; height: 32px; margin: 0px 0px 0px 25px; background-image:url(images/next-event.jpg); background-position:left; background-repeat:no-repeat; padding:23px 0px 0px 100px; clear: left; }

#next-event p { margin: 0; padding: 0; text-shadow: 1px 1px 0px #fff; font-size:120%; }

.white-line { width: 865px; height:1px; background-color:#FFF; margin: 10px 0px 10px 0px; }

.text { width: 615px; float:left; }

h1 { font-family:MuseoSlab500, Georgia, serif; font-size:13px; width:615px; line-height: 31px; margin-top:5px; text-shadow: 1px 1px 0px #fff; }

h2 { font-family:MuseoSlab500, Georgia, serif; font-size:21px; width:615px; line-height: 31px; margin-top:5px; text-shadow: 1px 1px 0px #fff; }

p { width: 615px; line-height: 17px; margin: 5px 0px 0px 0px; }

.italic { font-family: PTSansItalic, Helvetica, Arial, sans-serif; font-size:inherit; font-size:90%; }

#twitter-post {	width: 200px; height: auto; float:right; margin-top:5px; overflow:hidden; }

#tweet { margin-top:10px; }

#tweet p { width:inherit; text-shadow: 1px 1px 0px #fff;  }

#tweet a {color: #0C377B }

#tweet ul { line-height:17px; margin-bottom:30px; text-shadow: 1px 1px 0px #fff; }

#tweet li { margin-bottom: 20px; }

.twitterTime { font-family: PTSansItalic, Helvetica, Arial, sans-serif; font-style:italic; font-size:90%; margin-bottom:20px; }


/*  -----------------------------------------
 				 FOOTER  
 ------------------------------------------ */



#footer {
	width: 100%;
	background-color: #d3d3ca;
	margin: 0px auto ;
	height:100px;
	position: relative;
}
 


#footercontent { width:865px; height:100px; margin:auto; }

#footercontent #copyright { background-image:url(images/footer.jpg); background-position:top left; background-repeat:no-repeat; color:#fff; height:100px; width: 500px; float:left; }

#footer p { padding: 58px 100px 0px 82px; width: 500px; }

#footer img { float:right; padding:0; margin: 20px 0px 0px 25px; }

/* --------------------------------
			CONTACT FORM
----------------------------------- */

form { width:570px;  }

#inline1 { display:none }

#formpage { width: 550px;  overflow:hidden; }

input, input.text, input.title, textarea, select { font-size:12px; padding: 6px; color: #333; background: #EEE;border:0; }

input:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { color:#333;border:0; background: #fff;  }

input.submitButton { border:0; background:transparent; margin-left:125px; margin-bottom:25px; }

input.submitButton:focus { border:0; background:transparent; margin-left:125px; margin-bottom:25px; }

.formlabels { width: 100px; text-align:right; margin-right: 10px; float:left;}

.formboxes { width: 400px; float:left; clear: right; margin-bottom:15px;  }




.tablewhite { background-color:#f1f0eb; height:25px; line-height:30px;  }

.table { height:25px; line-height:30px;}


