/* colors
 --- never use color names
-bg
c69		body blue
fff		pagewrap white
000		sidenavigation item black

-text
6c0		h1 green
32a		anchor blue
59c		h2 light blue
fc0		yellow
ddd		itemtable border gray
eee		committee table gray
999		button hover
f00		error

*/

/* fonts */
@font-face {
	font-family: 'DroidSansRegular';
	src: url('/fonts/DroidSans.eot');
	src: local('Droid Sans Regular'), local('DroidSans'), url('/fonts/DroidSans.ttf') format('truetype');
}
@font-face { /* by derek weathersbee @http://derekweathersbee.com */
	font-family: 'Franchise';
	src: url('/fonts/franchisebold.eot');
	src: local('Franchise'), local('Franchise-Bold'), url('/fonts/franchisebold.ttf') format('truetype');
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('/fonts/DroidSans-Bold.eot');
	src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('/fonts/DroidSans-Bold.ttf') format('truetype');
}

/* standard elements */
body{
	margin: 0;
	padding: 0 0 30px;
	background: #069 url('/images/bg_page.jpg') repeat-y center top;
}
body, th, td{
	font-size: 12px;
	line-height: 1.4;
	font-family: "DroidSansRegular", sans-serif;
}
h1,h2,h3,h4,h5,h6{
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: normal;
	font-family: "Franchise", sans-serif;
}
h1{
	float: left;
	padding: 5px 0;
	width: 326px;
	font-weight: 600;
	color: #6c0;
	font-size: 36px;
	line-height: 1.2;
}
h2, h2 a{
	font-size: 24px;
	color: #59c;
}
p{
	margin: 0 0 15px 0;
	padding: 0;
}
a{
	margin: 0;
	color: #32a;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
strong, b{
	font-family: "DroidSansBold", sans-serif;
}
img{
	border: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
table, tr, td{
	margin: 0;
	padding: 5px 0px;
}

/* reusable classes */
.screenreaderonly, .jumpto a{
	position: absolute;
	left: -9000px;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
img.floatleft{
	padding: 0 10px 5px 0;
}
img.floatright{
	padding: 0 0 5px 10px;
}
.clearboth{
	clear: both;
}
ul.plain{
	margin: 0;
	padding: 0;
	list-style: none;
}
.wrap.center{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.wrap.center *{
	vertical-align: center;
}
.caption{
	padding-top: 5px;
	text-align: center;
}
.message{
	font-weight: bold;
	padding-bottom: 15px;
}
.error, .formerror{
	color: #f00;
}
.success, .formsuccess{
	color: #6c0;
}

/* pagewrap */
#pagewrapouter{
	margin: 73px auto 24px;
	width: 915px;
}
#pagewrap{
	position: relative;
	z-index: 10;
	margin-left: 245px;
	width: 670px;
	min-height: 853px;
	background: #fff;
	box-shadow: rgba(0,0,0,0.65) 2px 2px 6px;
	-moz-box-shadow: rgba(0,0,0,0.65) 2px 2px 6px;
	-webkit-box-shadow: rgba(0,0,0,0.65) 2px 2px 6px;
}
#bghighland{
	position: absolute;
	z-index: -1;
	top: -36px;
	left: -327px;
	width: 327px;
	height: 427px;
	background: url('/images/bg_page_highland.jpg') no-repeat right top;
}
/* header */
#header{
}
.jumpto{
	position: absolute;
	top: -60px;
	left: 20px;
}
.jumpto a:hover, .jumpto a:active, .jumpto a:focus{
	position: relative;
	left: 0;
	font-size: 24px;
	color: #fff;
}
#logo{
	position: absolute;
	top: -15px;
	left: -233px;
}
#postit{
	position: absolute;
	top: -73px;
	right: -36px;
}
#banner{
	padding: 12px 0 0;
	text-align: center;
}
/* topnavigation */
#topnavigation{
	position: absolute;
	z-index: 100;
	top: -2em;
	left: 0;
	width: 529px;
	font-size: 11px;
}
#topnavigationlist{
	text-align: center;
}
#topnavigationlist li{
	display: inline;
	padding: 0 12px;
}
#topnavigationlist a{
	text-transform: uppercase;
	color: #fff;
}

/* sidebar */
#sidebar{
	position: absolute;
	top: 212px;
	left: -245px;
	width: 245px;
	height: 542px;
	padding: 42px 0 10px;
	text-align: right;
	background: url('/images/bg_sidebar.png') no-repeat left top;
}
/* sidenavigation */
#sidenavigation{
	margin-bottom: 20px;
	font-size: 14px;
}
#sidenavigation li{
	margin-bottom: 7px;
}
#sidenavigation a{
	display: inline-block;
	padding: 2px 30px 2px 6px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
}
#sidenavigation .selected a, #sidenavigation a:hover, #sidenavigation a:focus{
	background: #fff;
	color: #000;
	text-decoration: none;
}
.socialmedia li{
	padding: 0 12px 10px 0;
}
.socialmedia a{
	font-size: 11px;
	color: #fff;
}
.socialmedia img{
	padding-left: 5px;
	vertical-align: bottom;
}
.sponsorlogos{
	position: absolute;
	z-index: 50;
	right: 0;
	bottom: 5px;
	width: 193px;
}
.sponsorlogos li{
	float: left;
	padding: 8px 9px;
}
.sponsorlogos li .wrap.center{
/* 	display: inline-block; */
	width: 77px;
	height: 50px;
}
.sponsorlogos li.big .wrap.center{
	padding-bottom: 0;
	width: 174px;
	height: auto;
}

/* mainwrap */
#mainwrap{
}

/* maincontent */
#maincontent{
	padding: 10px 40px 40px;
}
#page_home #maincontent{
	padding: 10px 25px 25px;
}
.mainbody{
	clear: both;
	padding: 10px 0 0;
}
/* footer */
#footer{
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #68a;
	font-size: 10px;
}
#footer h3{
	display: inline;
	margin: 0;
	font-family: "DroidSansRegular", sans-serif;
}

#footer a {
	color: #68a;
}

/*
internal page pieces
*/
#page_home .mainbody.beacon{
/* 	display: table-cell; */
	margin: auto;
	width: 300px;
/* 	text-align: center; */
}
#page_home .mainbody.beacon img{
/* 	display: none; */
	float: left;
	padding-right: 10px;
}
#page_home #maincontent .buttons{
	clear: both;
	text-align: center;
}
.header .buttons{
	float: right;
}
.header .buttons .wrap, #page_home #maincontent .wrap{
	height: 51px;
}
#page_home #maincontent .wrap{
	width: 620px;
}
.header .button, #page_home #maincontent .button{
	display: inline-block;
	margin: 0 2px;
	vertical-align: middle;
}
.button.email a{
	display: block;
	border: 1px solid #ddd;
	padding: 2px 6px;
	background: #eb0;
	font-size: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.button.email a:hover,.button.email a:focus{
	border-color: #999;
}
.button.email a{
	color: #fff;
}
.button.email a:hover{
	text-decoration: none;
}
.button.twitterb{
	overflow:hidden;
	padding-top: 2px;
	width: 66px;
}
.button iframe{
	vertical-align: middle;
}
.button.facebook{
	width: 86px;
	overflow: hidden;
}
.facebook iframe{
	overflow:hidden;
	border:none;
	width:200px;
	height:21px;
}
/* forms */
form.paypal{
	margin: 0 0 15px 0;
}
form.paypal input, form.paypal img{
	vertical-align: middle;
}
.formrow{
	margin-bottom: 15px;
}
.formrow label{
	display: block;
	margin-bottom: 10px;
}
/* item table */
.itemtable{
	margin: 0 0 15px 0;
	width: 100%;
}
.itemtable th{
	padding: 0 25px 5px;
}
.itemtable td{
	border-top: 1px solid #ddd;
	padding: 5px 25px;
}
.itemtable .name{
	padding-left: 0;
	white-space: nowrap;
}
.itemtable th.name{
	text-align: left;
}
.itemtable th.type{
	text-align: left;
}
.itemtable .website{
	padding-right: 0;
	width: 64px;
	text-align: center;
}
.itemtable .time{
	padding-left: 0;
	white-space: nowrap;
}
.itemtable th.time{
	text-align: left;
}
.itemtable .style{
	text-align: center;
}

/* itemlist sponsors */
.sponsors li{
	float: left;
	padding: 0 10px 20px;
	text-align: center;
	word-wrap: break-word;
}
.main.sponsors li{
	padding: 0 20px 20px;
}
.sponsors li, .sponsors li .wrap{
	width: 130px;
}
.main.sponsors li, .main.sponsors li .wrap{
	width: 160px;
}
.sponsors li.textonly{
	width: 130px;
}
.main.sponsors li .wrap.center{
	height: 140px;
}
.sponsors li.captioned .wrap.center{
	height: 100px;
}
.sponsors li.firstofrow{
	clear: both;
	padding-left: 0;
}
.sponsors li.lastofrow{
	padding-right: 0;
}
.sponsors li.big .wrap.center{
	width: 370px;
}
.sponsorname {
	font-size: 20px;
	font-weight: bold;
}
/* itemlist basic */
.itemlist.basic h2{
	margin-bottom: 0;
}
.itemlist.basic li{
	margin-bottom: 15px;
}
/* columns */
.three .column{
	float: left;
	margin-right: 25px;
	width: 189px;
}
.column.last{
	margin-right: 0;
}
#page_home .column.last{
	margin-top: -15px;
}
#page_home .column h2{
	line-height: 1;
	font-size: 60px;
	text-align: center;
	color: #6c0;
}
#page_home .column.last h2{
	font-size: 48px;
}
/* volunteers */
.volunteerform{
	float: left;
	width: 370px;
}
.volunteerform textarea{
	width: 350px;
}
.committee{
	float: right;
	margin-left: 20px;
	padding: 10px;
	width: 180px;
	background: #eee;
	font-size: 10px;
}
.committee h2{
	font-size: 20px;
	margin-bottom: 5px;
}
.committee h3{
	margin-bottom: 0;
	font-weight: 600;
	font-family: "DroidSansRegular", sans-serif;
	font-size: 11px;
}
.committee .committeelist{
	margin-bottom: 5px;
}