/* CSS Document */

/* TABLE OF CONTENTS */
/*
1. Site Structure
2. Footer
3. Main Area
4. Left Column
5. Right Column
6. Center Column
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 1. Site Structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* {
	padding: 0;
	margin: 0;
}

body {
	background-color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.clear {
	clear: both;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Site Structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {
	margin: 0 auto;
	height: 100px;
}

#slogan {
	font-size: 2em;
	color: #078215;
	text-align: center;
	letter-spacing: -2px;
}

#logo {
	float: left;
	text-align: center;
	width: 224px;
}

#headerNav {
	list-style: none;
	margin: 40px 0 0 25px;
	float: left;
	height: 52px;
	font-size: 1.25em;
}

#headerNav li {
	float: left;
	text-transform: capitalize;
}

#headerNav a:link, #headerNav a:visited {
	padding: 4px 10px;
	margin: 0 3px;
	background: #8BBAE3;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}

#headerNav a:hover, #headerNav a.hnCurrent {
	background: #0F297D;
	color: #FFF;
	text-decoration: none;
}

#headerSocial {
	list-style: none;
	margin: 30px 0 0 30px;
	float: left;
	height: 48px;
}

#headerSocial li {
	float: left;
	padding-left: 5px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 2. Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footerContainer {
	background: #000000;
	height: 105px;
	width: 100%;
}

#footer {
	width: 945px;
	margin: 0 auto;
}

#addThis {
	float: right;
	margin-top: 12px;
}

#footerNav {
	font-size: 1.167em;
	list-style: none;
	text-transform: capitalize;	
}

#footerNav li {
	float: left;
	margin-right: 30px;
	padding: 10px 0;
}

#footerNav a:link, #footerNav a:visited {
	color: #FFF;
	text-decoration: none;
	padding: 5px 3px;
}

#footerNav a:hover, #footerNav .fnCurrent {
	color: #FFF;
	text-decoration: none;
	border-bottom: 5px solid #FFF;
	padding: 5px 3px;
}

#copyright {
	color: #999999;
	font-size: .917em;
	margin-top: 15px;
	font-weight: normal;
	clear: both;
	float: left;
}

#copyright a:link, #copyright a:visited {
	color: #999999;
	text-decoration: underline;
}

#copyright a:hover {
	color: #FFFFFF;
}

#allaboard {
	color: #999999;
	font-size: .917em;
	margin-top: 10px;
	font-weight: normal;
	clear: both;
	float: left;
}

#social_links {
	float: right;
	display: inline;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
}

#social_links li {
	display: block;
	float: left;
	padding: 15px 5px 0 0;
}

.social_link_link {
	display:block;
	height:24px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	overflow:hidden;
	text-indent:-2000px;
	width:24px;
}

a.youtube:active, a.youtube:hover {
	background: transparent url('../images/social_icons/youtube.png') no-repeat scroll 0 -24px;
}

a.youtube:link, a.youtube:visited {
	background: transparent url('../images/social_icons/youtube.png') no-repeat scroll 0 0;
}

a.twitter:active, a.twitter:hover {
	background: transparent url('../images/social_icons/twitter.png') no-repeat scroll 0 -24px;
}

a.twitter:link, a.twitter:visited {
	background: transparent url('../images/social_icons/twitter.png') no-repeat scroll 0 0;
}

a.facebook:active, a.facebook:hover {
	background: transparent url('../images/social_icons/facebook.png') no-repeat scroll 0 -24px;
}

a.facebook:link, a.facebook:visited {
	background: transparent url('../images/social_icons/facebook.png') no-repeat scroll 0 0;
}

a.flickr:active, a.flickr:hover {
	background: transparent url('../images/social_icons/flickr.png') no-repeat scroll 0 -24px;
}

a.flickr:link, a.flickr:visited {
	background: transparent url('../images/social_icons/flickr.png') no-repeat scroll 0 0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 3. Main Area ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#mainContainer {
	background: url('../images/background.jpg') repeat-x bottom;
	background-color: #9ACDFF;	
}

#interiorContainer {
	background: url('../images/backgroundhills.jpg') no-repeat bottom;
	padding: 0 76px 0 60px;
	height: 1075px;
	margin: 0 auto;
	width: 945px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Main Area ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 4. Left Column ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#leftColumn {
	float: left;
	width: 224px;
	text-align: center;
}

.leftContent {
	margin: 0 0 15px 0;
	padding: 10px 0;
	width: 224px;
	float: left;
	background: transparent url('../images/fff.gif');
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 4b. Twitter ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
#twitterContent {
	padding: 10px 0;
	text-align: center;	
}

#twitterQuote {
	margin-top: 10px;
}

#twitter_update_list {
	list-style: none;
	float: left;
	margin: 0 0 0 15px;
	width: 200px;
}

#twitter_update_list li {
	padding: 10px;
	font-size: .917em;
	width: 175px;
	text-align: left;
}

#twitter_update_list a {
	display: none;
}
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Left Column ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 5. Right Column ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#rightColumn {
	float: left;
	width: 227px;
}

#rightContent {
	width: 227px;
	float: left;
	background: transparent url('../images/fff.gif');
}

#rightContent h4 {
	font-size: 1.25em;
	text-align: center;
	padding: 10px 0 0 0;
}

#photoUploadForm {
	padding: 10px 15px;
	text-align: left;
	float: left;
}

#videoUploadForm {
	padding: 10px 15px;
}

.uploadButton {
	margin-top: 5px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 5a. Flickr ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#flickrContent {
	padding: 10px 0;
	text-align: center;
}

#flickr_badge_uber_wrapper {
	margin: 5px 15px 0 15px;
}

#flickr_badge_wrapper img {
	float: left;
	border: 0;
	width: 60px;
	height: 60px;
	margin: 2px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 5b. YouTube ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#youtubeContent {
	padding: 10px 0;
	text-align: center;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Right Column ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 6. Center Column ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#centerColumn {
	float: left;
	width: 468px;
	padding: 0 12px 0 14px;
}

#centerContent {
	width: 428px;
	padding: 10px 20px;
	float: left;
	background: transparent url('http://www.wannabegirl.org/translucent/fff.gif');
	font-size: 1.25em;
	font-weight: normal;
	color: #0F297D;
}

#centerContent p {
	padding: 8px 0;
	line-height: 1.25em;
}

#centerContent ul {
	margin-left: 25px;
}

#centerContent li {
	padding: 3px 0;
}

#centerContent a:link, #centerContent a:visited {
	color: #078215;
}

#centerContent a:hover {
	color: #0F297D;
}

.reqElement {
	font-weight: bold;
	padding-bottom: 8px;
}

.reqElement input {
	width: 150px;
	height: 20px;
}

.optElement {
	padding-bottom: 8px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Center Column ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 7. Train Pieces ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#train {
	margin: -81px auto 0 auto;
	width: 1063px;
	height: 81px;
}

#traincar1 {
	float: left;
	background-image: url('../images/train_back.png');
	background-repeat: no-repeat;
	height: 81px;
	width: 321px;
}

#traincar2 {
	float: left;
	background-image: url('../images/train_mid.png');
	background-repeat: no-repeat;
	height: 81px;
	width: 297px;
}

#traincar3 {
	float: left;
	background-image: url('../images/train_front.png');
	background-repeat: no-repeat;
	height: 51px;
	width: 295px;
	padding: 30px 100px 0 50px;
}

#traincar3 ul {
	list-style: none;
}

#traincar3 a {
	color: #000;
	text-decoration: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ End Train Pieces ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#tellFriendsTable .reqElement {
	padding: 5px;
}

#flickrSlideshow {
	padding: 10px 0;
	margin: 0 auto;
	width: 420px;
}

.sponsorLogoA {
	float: left;
	width: 150px;
	margin-right: 50px;
	height: 110px;
}

.sponsorLogoB {
	float: left;
	width: 150px;
	height: 110px;
}