@charset "utf-8";

/***************************************************************** Reset! Modified from: http://developer.yahoo.com/yui/reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
fieldset,img { border: 0; }
	
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
	}
	
ol,ul { list-style: none; }
	
caption,th { text-align: left; }
	
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	}
	
q:before,q:after { content: ''; }
	
abbr,acronym { border: 0; }
	
a {
	outline: none;
	text-decoration: none;
	}

a img { border: none; }

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
	
.texthide { text-indent: -9999px; }

/***************************************************************** End Reset */



/***************************************************************** Begin Style and Formatting */

body {
	font: normal 13px/25px Helvetica, Arial, sans-serif;
	color: #84816e;
	}
	
div.hr {
	width: 340px;
	height: 2px;
	background: url('../images/hr.png') no-repeat;
	clear: both;
	margin: 0 0 19px 0;
	}
	
div#information h4 {
	width: 75px;
	height: 11px;
	background: url('../images/date-subhead.png') no-repeat;
	margin-bottom: 5px;
	}
	div#information h4.info-date { background-position: 0 0; }
	div#information h4.info-time { background-position: 0 -11px; }
	div#information h4.info-location { background-position: 0 -33px; }
	div#information h4.info-attire { background-position: 0 -22px; }
	
	div#information p {
		padding: 0;
		text-align: left;
		margin-bottom: 18px;
		line-height: 20px;
		}
		div#information p span {
			display: block;
			font-size: 11px;
			}
		
div#sponsors-banner h2 {
	width: 193px;
	height: 44px;
	background: url('../images/banner-subhead-sponsors.png');
	margin-bottom: 5px;
	}
		
h1 { padding: 50px 50px 30px; }
	h1 span { display: none; }

div#center-column h2 {
	padding: 0 50px;
	font-size: 18px;
	font-weight: bold;
	}
	
h3 {
	font-weight: bold;
	text-transform: uppercase;
	color: #ca8356;
	line-height: 13px;
	font-size: 11px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	}
	.blue { color: #9cc0ef; }

p {
	text-align: justify;
	padding: 0 50px 19px;
	}
	p a, div#center-column ul li a {
		color: #7ab6df;
		border-bottom: 1px solid #ccc;
		font-weight: bold;
		}
		p a:hover, div#center-column ul li a:hover { border-bottom: 1px solid #7ab6df; }
		p a.img { border: none; }
	p strong { font-weight: bold; }
	p.centered { text-align: center; }
	p.error-text { font-weight: bold; color: #ad6d45; }
	
div#center-column ul { padding: 0 50px; }
	div#center-column ul li {
		padding: 4px 0 0 27px;
		background: url('../images/bullet.png') 0 12px no-repeat;
		}
		
div#center-column div.school-map ul { padding: 0; }
	div#center-column div.school-map ul li {
		padding: 0;
		background: none;
		font-size: 11px;
		}
	
span#copyright-text {
	font-size: 9px;
	color: #878170;
	display: block;
	position: absolute;
	bottom: -1px;
	left: 80px;
	}

/***************************************************************** Begin Style and Formatting */



/***************************************************************** Begin Construction */

body {
	background: #b1d9f2 url('../images/body-background.jpg') top center no-repeat;
	}
	
div#site {
	width: 980px;
	margin: 0 auto;
	position: relative;
	}
	
	div.decorations {
		background: url('../images/decorations.png') no-repeat;
		}
	
		div#deco-line-left {
			width: 34px;
			height: 17px;
			background-position: -470px -37px;
			position: absolute;
			top: 239px;
			left: 326px;
			}
		div#deco-line-top {
			width: 114px;
			height: 24px;
			background-position: -390px -13px;
			position: absolute;
			top: 133px;
			left: 610px;
			}
		div#deco-line-right {
			width: 48px;
			height: 13px;
			background-position: -456px 0;
			position: absolute;
			top: 627px;
			left: 773px;
			}
		div#deco-airplane {
			width: 186px;
			height: 138px;
			position: absolute;
			top: 468px;
			left: 775px;
			}
		div#deco-airplane2 {
			width: 504px;
			height: 52px;
			background-position: 0 -198px;
			position: absolute;
			top: 78px;
			right: 30px;
			}
	
div#left-column {
	width: 340px;
	position: absolute;
	padding: 30px 0 0;
	}
	
	div#information {
		width: 250px;
		height: 290px;
		margin: 0 auto;
		padding: 50px 0 0 50px;
		background: url('../images/date-background.png') no-repeat;
		}
		
	div#sponsors-banner {
		width: 200px;
		height: 192px;
		background: url('../images/banner-background.png') no-repeat;
		position: absolute;
		top: 460px;
		right: 0;
		padding: 120px 70px 0 70px;
		}
		div#controls {
			width: 46px;
			height: 21px;
			position: absolute;
			right: 75px;
			top: 114px;
			}
		div.scrollable {
			position: relative;
			width: 200px;
			height: 82px;
			overflow: hidden;
			}
			div.scrollable div.items {
				width: 5000px;
				position: absolute;
				}
				div.items img { width: 200px; height: 82px; }

div#photos {
	width: 462px;
	height: 171px;
	background: url('../images/picture1.png') no-repeat;
	position: absolute;
	top: 0;
	left: 339px;
	}

div#center-column {
	width: 462px;
	height: 634px;
	background: url('../images/content-background.png') 0 149px no-repeat;
	position: absolute;
	padding: 149px 0 0;
	left: 339px;
	top: 0;
	}
	
	div.school-map {
		width: 360px;
		height: 260px;
		background: url('../images/school-map.png') 50px 0 no-repeat;
		position: relative;
		padding: 0 50px 19px;
		}
		div.school-map span {
			width: 20px;
			height: 22px;
			display: block;
			position: absolute;
			cursor: pointer;
			}
			div.school-map span.hs { background: url('../images/marker-hs.png') no-repeat; }
			div.school-map span.ms { background: url('../images/marker-ms.png') no-repeat; }
			
		div.school-map div {
			position: absolute;
			background: #fff;
			display: none;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			-moz-box-shadow: 0px 0px 5px #999;
			-webkit-box-shadow: 0px 0px 5px #999;
			padding: 15px;
			border: 2px solid #ca8356;
			text-align: center;
			width: 150px;
			}
			div.school-map div.blue-border { border: 2px solid #9cc0ef; }
	
div#right-column {
	width: 171px;
	height: 606px;
	position: absolute;
	left: 790px;
	top: 0;
	padding: 149px 0 0;
	}

/***************************************************************** End Construction */



/***************************************************************** Begin Sprites */

a#logo {
	width: 272px;
	height: 120px;
	background: url('../images/gala-logo.png') no-repeat;
	display: block;
	margin: 0 auto 22px;
	}
	a#logo:hover { background-position: 0 -120px; }
	
ul#navigation { list-style: none; }
	ul#navigation li a {
		width: 171px;
		height: 35px;
		background-image: url('../images/nav.png');
		display: block;
		}
		a#nav-goal { background-position: 0 0; }
		a#nav-goal:hover { background-position: -342px 0; }
		a#nav-goal.active { background-position: -171px 0; }
		
		a#nav-schools { background-position: 0 -35px; }
		a#nav-schools:hover { background-position: -342px -35px; }
		a#nav-schools.active { background-position: -171px -35px; }
		
		a#nav-sponsors { background-position: 0 -70px; }
		a#nav-sponsors:hover { background-position: -342px -70px; }
		a#nav-sponsors.active { background-position: -171px -70px; }
		
		a#nav-speaker { background-position: 0 -105px; }
		a#nav-speaker:hover { background-position: -342px -105px; }
		a#nav-speaker.active { background-position: -171px -105px; }
		
		a#nav-rsvp { background-position: 0 -140px; }
		a#nav-rsvp:hover { background-position: -342px -140px; }
		a#nav-rsvp.active { background-position: -171px -140px; }
		
		a#nav-committee { background-position: 0 -175px; }
		a#nav-committee:hover { background-position: -342px -175px; }
		a#nav-committee.active { background-position: -171px -175px; }
		
		a#nav-directions { background-position: 0 -210px; }
		a#nav-directions:hover { background-position: -342px -210px; }
		a#nav-directions.active { background-position: -171px -210px; }
		
		a#nav-contact { background-position: 0 -245px; }
		a#nav-contact:hover { background-position: -342px -245px; }
		a#nav-contact.active { background-position: -171px -245px; }
	
a#donate {
	width: 176px;
	height: 128px;
	background: url('../images/gala-donation.png') no-repeat;
	display: block;
	position: absolute;
	bottom: 5px;
	left: 11px;
	}
	a#donate:hover { background-position: 0 -127px; }
	
a#covlink {
	width: 73px;
	height: 20px;
	background: url('../images/footer-covlogo.png') no-repeat;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	}
	a#covlink:hover { background-position: 0 -20px; }
	
div#controls a {
	background: url('../images/banner-controls.png') no-repeat;
	display: block;
	width: 23px;
	height: 21px;
	float: left;
	}
	div#controls a.prevPage {}
		div#controls a.prevPage:hover { background-position: 0 -21px; }
		div#controls a.prevPage:active { background-position: 0 -42px;  }
	div#controls a.nextPage { background-position: -23px 0; }
		div#controls a.nextPage:hover { background-position: -23px -21px; }
		div#controls a.nextPage:active { background-position: -23px -42px; }

/***************************************************************** End Sprites */



/***************************************************************** Begin Forms */

form {
	padding: 0 0 0 50px;
	}
	
input {
	font: normal 12px/12px Helvetica, Arial, sans-serif;
	padding: 9px 15px;
	border: 1px solid #d8d6c8;
	color: #878170;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 20px;
	vertical-align: middle;
	}
	input:focus { border: 1px solid #7ab6df; }
	
	.input1 { width: 310px; }
	.input2 { 
		width: 130px;
		float: left;
		margin-right: 18px;
		}
	.input3 { 
		width: 70px; 
		float: left;
		margin-right: 18px;
		}
	.input4 { 
		width: 190px;
		margin-right: 18px;
		float: left;
		}
	.submit-button {
		background: #ca8356;
		border: 1px solid #ad6d45;
		font-weight: bold;
		color: #fff;
		padding: 8px 15px;
		width: 100px;
		}
		.submit-button:hover { 
			background: #7ab6df;
			cursor: pointer;
			border: 1px solid #7ab6df;
			}
		
	.error {
		border: 1px solid #ca8356;
		color: #ca8356;
		}
		

/***************************************************************** End Forms */