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

* {text-decoration: none;}

body {background: #F8E386; padding-bottom: 40px;}

@font-face {
	font-family: 'MissBrooks';
	src: url('../fonts/missbrooks.eot');
	src: local('☺'), url('../fonts/missbrooks.woff') format('woff'), url('../fonts/missbrooks.ttf') format('truetype'), url('../fonts/missbrooks.svg#webfontH6MTQxGg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'BaskervilleRegular';
    src: url('../fonts/baskerville.eot');
    src: url('../fonts/baskerville.eot?#iefix') format('embedded-opentype'),
         url('../fonts/baskerville.woff') format('woff'),
         url('../fonts/baskerville.ttf') format('truetype'),
         url('../fonts/baskerville.svg#BaskervilleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BaskervilleBoldRegular';
    src: url('../fonts/baskerville-bold-webfont.eot');
    src: url('../fonts/baskerville-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/baskerville-bold-webfont.woff') format('woff'),
         url('..fonts/baskerville-bold-webfont.ttf') format('truetype'),
         url('..fonts/baskerville-bold-webfont.svg#BaskervilleBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
	margin: 0;
	padding: 0;
	font-family: 'MissBrooks';
	font-weight: 100;
	font-size: 50px;
	color: #31619E;
}

h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-family: Baskerville, 'BaskervilleRegular';
	color: #31619E;
	font-weight: 100;
}
h5 {
	margin: 0;
	padding: 0;
	font-family: 'BaskervilleBoldRegular';
	font-size: 16p;
	color: #31619E;
}

h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}

h1 a, h2 a, h3 a, h4 a {color: #3c9ff4;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color: #E2763F;}

.logo {display: block;}
.supernav {margin-right: -10px;}
.date {padding-top: 30px;}

.blue {color: #31619E;}
.red {color: #CD1C09;}

.huge {font-size: 78px}
.headline {font-size: 30px; line-height: 36px;}
.big {font-size: 24px;}
.tiny {font-size: 16px;}
.bold {font-weight: bold;}
.italic {font-family: 'BaskervilleItalic'}
.strikethrough {text-decoration: line-through;}

.left {text-align: left;}
.middle {text-align: center;}
.right {text-align: right;}

.padtop {padding-top: 20px;}
.bolditalics {font-style: italic; font-weight: bold;}

.tab1 {padding-left: 40px;}
.tab2 {padding-left: 80px;}

.tooltip {
	display: none;
	border: 2px white solid;
	background-color: #333;
	height: 400px;
	width: 250px;
	padding: 25px;
	color: #FFF;
}

.tooltip2 {
	display: none;
	border: 2px white solid;
	background-color: #333;
	height: 30px;
	width: 200px;
	color: #FFF;
}
.tooltip2 a {
	text-decoration: underline;
	color: #FFF;
}

#tagline a {color: #31619E; text-align: left;}
#tagline a:hover {color: #E2763F;}

#nav {width: 960px; height: 30px; display: block; float: right; margin: 0 0 0 0;}
#nav ul {margin: 0; padding: 0;}
#nav li {display: inline; margin: 0; padding: 0; text-align: center;}
#nav li a {display: block; float: left; text-indent: -9999px; height: 30px; background: url('../images/navbar.png') top no-repeat; cursor: pointer;}

#nav li.about a {width: 80px; background-position: 0 0;}
#nav li.instructors a {width: 150px; background-position: -80px 0;}
#nav li.music a {width: 80px; background-position: -230px 0;}
#nav li.schedule a {width: 120px; background-position: -310px 0;}
#nav li.housing a {width: 110px; background-position: -430px 0;}
#nav li.venues a {width: 90px; background-position: -540px 0;}
#nav li.vendors a {width: 110px; background-position: -630px 0;}
#nav li.register a {width: 120px; background-position: -740px 0;}
#nav li.contact a {width: 100px; background-position: -860px 0;}
	
#nav li.about a:hover {width: 80px; background-position: 0 -30px;}
#nav li.instructors a:hover {width: 150px; background-position: -80px -30px;}
#nav li.music a:hover {width: 80px; background-position: -230px -30px;}
#nav li.schedule a:hover {width: 120px; background-position: -310px -30px;}
#nav li.housing a:hover {width: 110px; background-position: -430px -30px;}
#nav li.venues a:hover {width: 90px; background-position: -540px -30px;}
#nav li.vendors a:hover {width: 110px; background-position: -630px -30px;}
#nav li.register a:hover {width: 120px; background-position: -740px -30px;}
#nav li.contact a:hover {width: 100px; background-position: -860px -30px;}

#nav li.about.currentpage a {width: 80px; background-position: 0 -60px;}
#nav li.instructors.currentpage a {width: 150px; background-position: -80px -60px;}
#nav li.music.currentpage a {width: 80px; background-position: -230px -60px;}
#nav li.schedule.currentpage a {width: 120px; background-position: -310px -60px;}
#nav li.housing.currentpage a {width: 110px; background-position: -430px -60px;}
#nav li.venues.currentpage a {width: 90px; background-position: -540px -60px;}
#nav li.vendors.currentpage a {width: 110px; background-position: -630px -60px;}
#nav li.register.currentpage a {width: 120px; background-position: -740px -60px;}
#nav li.contact.currentpage a {width: 100px; background-position: -860px -60px;}

#maintext h1, h2, h3 {text-align: left;}
#maintext embed {overflow: hidden;}

#index h1 {font-size: 32px;}
#index h1, h2, h3 {text-align: center;}
#instructors h1, h2, h3 {text-align: center;}
#venues h1, h2, h3 {text-align: left;}
#housing h1, h2, h3 {text-align: left;}
#swingbuffalo h2 {text-align: center; padding-top: 10px; color: #FFF;}

#instructors h3 {text-align: center:}

#music h1 {padding-top: 40px;}
#music h2, #music h3 {padding-top: 10px;}
#music object {margin-left: -10px;}

#schedule h1 {padding-top: 20px;}

#shirts {padding-top: 20px;}
#shirts h3 {text-align: center;}

#registration h3 {padding-top: 10px;}
form.registrationform fieldset {margin-bottom: 20px;}
form.registrationform legend {
	margin: 0;
	padding: 0;
	font-family: Baskerville, 'BaskervilleRegular', sans-serif;
	color: #31619E;
	font-weight: 200;
	font-size: 24px;
}
#RegistrationForm label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color: #CD1C09;
}
#RegistrationForm input.error {background: #C99;}
#legal h3 {padding-top: 10px;}

.hidden {display: none}
.unhidden {display: block;}

#contacts h1, #contacts h2 {font-size: 30px;}
#pricing h3 {padding-top: 10px;}

#vendors img, #venues img, #housing img, #music img {border: 8px solid #FFF;}
#vendors img, #venues img, #housing img, #music img {
	-moz-box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	box-shadow: 5px 5px 5px #999;
}

.line {border-bottom: 1px dotted #3c9ff4; padding-top: 5px; margin-bottom: 5px;}