/*~~~~~~~~~~~~~~~~~~~~~~~~~
GLOBAL
~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	background-color: #FFFFFF;
	background: url(/img/bg_blue_fade.jpg) repeat-x;
	text-align: center;
}

#container {
	width: 960px;
	padding-top: 21px;
	margin-left: auto; 
	margin-right: auto;
	text-align: left;
}

#logo h1 {
	position: relative;
	top: 15px;
	background: url(/img/logo.jpg) 0 0 no-repeat;
	width: 151px;
	height: 70px;
	display: block;
	text-indent: -9999px;
	
}


#logo h3 {
	text-indent: -9999px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
MAIN NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav {
	position: relative;
	background: url(/img/nav.jpg) 0 0 no-repeat;
	left: 560px;
	top: -85px;
	width: 401;
	height: 95px;
}

#nav li{
	position: absolute;	
}

#nav li, #nav a{
	text-indent: -9999px;
	top: 0px;
	height: 95px;
	display: block;
}

li.home{ left: 0; width: 81px; }
li.photos{ left: 80px; width: 81px;}
li.awards{ left: 160px; width: 81px;}
li.faq{ left: 240px; width: 81px;}
li.register{ left: 320px; width: 81px;}

li.home a:hover, #home li.home{
	background: url(/img/nav.jpg) 0 -95px no-repeat;
}

li.photos a:hover, #photos li.photos{
	background: url(/img/nav.jpg) -80px -95px no-repeat;
}

li.awards a:hover, #awards li.awards{
	background: url(/img/nav.jpg) -160px -95px no-repeat;
}

li.faq a:hover, #faq li.faq{
	background: url(/img/nav.jpg) -240px -95px no-repeat;
}

li.register a:hover, #register li.register{
	background: url(/img/nav.jpg) -320px -95px no-repeat;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
FB LIKE
~~~~~~~~~~~~~~~~~~~~~~~~~*/

#fb-like {
	float: right;
	position: relative;
	top: -160px;
	left: -425px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
PRIMARY HOME CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~*/

#message {
	position: relative;
	top: -75px;
	width: 343px;
	height: 220px;
	background: url(/img/message_bg.jpg) #ffffff 0 0 no-repeat;
}

#message h2{
	text-indent: -9999px;
	padding-bottom: 30px;
}

#message p{
	font-family: Lucida Grande, Lucida Sans, Verdana, sans-serif;
	font-size: .7em;
	line-height: 1.4em;
	padding: 2px 10px 0px 10px;
}

#message a{
	font-family: Georgia, Times News Roman, serif;
	font-size: 1em;
	color: #D8001D;
}

#reg {
	position: relative;
	top: -60px;
	width: 344px;
	height: 127px;
	background: url(/img/register_b.jpg) 0 0 no-repeat;
	margin-bottom: -50px;
}

#reg h2 {
	text-indent: -9999px;
	padding-bottom: 20px;
}

#reg a{
	display: block;
	text-decoration: none;
	color: #000000;
}

#reg p{
	padding: 10px;
	line-height: 1.2em;
	text-shadow: #999999 0px 1px 0px;
}


#vidcontainer {
	position: absolute;
	text-align: center;
	top: 127px;
	margin-left: 358px;
	width: 604px;
	height: 343px;
	background: url(/img/youtube_bg.jpg) 0 0 repeat-x;
	
}

#vid {
	padding: 10 10 10 10;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
SECONDARY HOME CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~*/

#secondary {
	position: relative;
	width: 960px;
	height: 200px;
	padding-top: 25px;
	padding-left: 55px;
	background: url(/img/skyline.jpg) 20px 0 no-repeat;
}

.left,
.middle,
.right {
	position: relative;
	float: left;
	margin-right: 50px;
	width: 250px;
	line-height: 1.2em;
	padding-bottom: 0px;
}

.left p,
.middle p,
.right p {
	font-family: Lucida Grande, Lucida Sans, Verdana, sans-serif;
	font-size: .9em;
	font-weight: 500;
	line-height: 1.5em;
}

.left h3,
.middle h3,
.right h3 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.5em;
}


#secondary a{
	font-weight: bold;
	color: #D8001D;
	text-decoration: underline;
}

#secondary a:hover{
	color: #D8001D;
	text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
INNER PAGE CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content {
	position: relative;
	top: -75px;
	width: 960px;
	background: url(/img/youtube_bg.jpg) 0 0 repeat-x;
	
}

#content h2, #content h3, #content p{
	padding: 10px 10px 0px 10px;
}

#content h2{
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.7em;
	font-weight: 500;
	line-height: 1.5em;
}

#content p{
	font-family: Lucida Grande, Lucida Sans, Verdana, sans-serif;
	font-size: .9em;
	font-weight: 500;
	line-height: 1.5em;
	padding: 10px;
}

#content a{
	font-weight: bold;
	color: #D8001D;
	text-decoration: underline;
}

#content a:hover{
	color: #D8001D;
	text-decoration: none;
}

#awardentry{
	position: relative;
}

#awardentry img{
	padding: 10px;
}

#awardentry p.awards{
	position: absolute;
	left: 350px;
	padding: 20px;
	float: right;
}

#content h3{
	font-family: Georgia, Times New Roman, serif;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.5em;
}

#flickr {
	text-align: center;
}

#googledoc{
	text-align: center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
FORM
~~~~~~~~~~~~~~~~~~~~~~~~~*/

#formcontainer {
	padding-left: 45px;
}

input {
	font-family: Lucida Grande, Lucida Sans, Verdana, sans-serif;
	font-size: 1.2em;
	padding: 3px;
}
textarea{
	padding-bottom: 5px;
}

label.inputlabel{
	font-family: Georgia;
	font-size: 1.1em;
}

label.inputcomment{
	font-size: .7em;
	color: #666666;
}

.required{
	position: relative;
	top: -5px;
	font-size: .7em;
	color: #ff0000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~
FOOTER CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer{
	position: relative;
	text-align: left;
	height: 25px;
	background: url(/img/footer_bg.jpg) 0 0;
}

#footernav{
	position: inherit;
	top: 5px;
	padding-left: 25px;
	margin-top: auto;
	padding-bottom: auto;
	float: left;
}

#credits{
	position: inherit;
	top: 5px;
	margin-top: auto;
	padding-bottom: auto;
	float: right;
	padding-right: 25px;
}

#footernav p{
	color: #FFFFFF;
}

#footernav a {
	color: #FFFFFF;
	font-size: .8em;
	text-decoration: none;
}

#footernav a:hover{
	text-decoration:  underline;
}


#credits a {
	position: relative;
	top: 2px;
	color: #CCCCCC;
	font-size: .7em;
	text-decoration: none;
}