/* ------------------------------- body, forms, links, and fonts ------------------------------ */

body {
	background-color: white;
	font-size: 11px; color: #827A73;
	font-family: Verdana, MS Sans Serif;
	color: #323F40;
}

img { display: block; }

input, textarea {
	color: #323F40; font-size: 9px;
	font-family: Verdana, MS Sans Serif;
}

a:link { color: #323F40; text-decoration: underline }
a:visited { color: #323F40 }
a:hover { color: #9FAA5A }
a:active { color: #842F1B }

a.white2Olive:link { text-decoration: underline; color: white }
a.white2Olive:visited { color: white }
a.white2Olive:hover { color: #9FAA5A }
a.white2Olive:active { color: red }

.font15 { font-size: 13px; }

/* ------------------------------- layout ------------------------------ */

#mainContainer {
	left: 50%; top: 0px; width: 770px; 
	position: absolute; margin-left: -385px; 
	background: url("../img/generic/back_shadow.gif"); 
}

#topContainer {
	float: left; margin-left: 10px; 
	width: 750px; height: 186px; 
	display: inline; 
}

#topDivider {
	float: left; width: 720px; height: 28px; 
	margin-left: 10px; display: inline; 
	padding-right: 30px; color: #B0B0D1; 
	text-align: right; font-size: 10px; line-height: 26px; 
	background: url("../img/generic/top_divider.gif"); 
}

#contentContainer {
	float: left; width: 750px; 
	margin-left: 10px; display: inline; 
	background-color: #0C0A12; 
	background: url("../img/generic/back_sea.jpg") no-repeat; 
}

#bottomContainer {
	float: left; width: 770px; height: 20px; 
	background: url("../img/generic/back_bottom.gif") no-repeat; 
}

#leftColumn {
	float: left; width: 190px; 
	margin-left: 30px; display: inline; 
}

#rightColumn {
	float: left; width: 500px;  
}

.shortTop {
	float: left; margin-left: 2px; width: 161px; height: 11px; 
	font-size: 5px; 
	background: url("../img/content/short_top.gif") no-repeat; 
}

.shortBot {
	float: left; margin-left: 2px; width: 161px; height: 11px; 
	font-size: 5px; padding-bottom: 20px;  
	background: url("../img/content/short_bot.gif") no-repeat;
}

.shortContent {
	float: left; margin-left: 2px; width: 141px; 
	padding: 0px 10px 0px 10px;
	background-color: white; 
}

.longTop {
	float: left; width: 500px; height: 11px; 
	font-size: 5px; 
	background: url("../img/content/long_top.gif") no-repeat; 
}

.longBot {
	float: left; width: 500px; height: 11px; 
	font-size: 5px; padding-bottom: 20px;  
	background: url("../img/content/long_bot.gif") no-repeat;
}

.longContent {
	float: left; width: 480px; 
	padding: 0px 10px 0px 10px;
	background-color: white; 
}

/* ------------------------------- menu ------------------------------ */

#menuContainer {
	float: left; width: 165px; height: 402px; 
	padding-bottom: 20px; 
	background: url("../img/menu/back.jpg") no-repeat; 
}

.leftNavItemHome a { background: url("../img/menu/home.gif") 0 0 }
.leftNavItemSponsor a { background: url("../img/menu/sponsor.gif") 0 0 }
.leftNavItemTrack a { background: url("../img/menu/track.gif") 0 0 }
.leftNavItemAboutAldo a { background: url("../img/menu/aboutaldo.gif") 0 0 }
.leftNavItemEventInfo a { background: url("../img/menu/eventinfo.gif") 0 0 }
.leftNavItemRoute a { background: url("../img/menu/route.gif") 0 0 }
.leftNavItemBoat a { background: url("../img/menu/boat.gif") 0 0 }
.leftNavItemEvents a { background: url("../img/menu/events.gif") 0 0 }
.leftNavItemSponsors a { background: url("../img/menu/sponsors.gif") 0 0 }
.leftNavItemAboutRaft a { background: url("../img/menu/whyraft.gif") 0 0 }
.leftNavItemContact a { background: url("../img/menu/contact.gif") 0 0 }
.leftNavItemGallery a { background: url("../img/menu/gallery.gif") 0 0 }
.leftNavItemRita a { background: url("../img/menu/rita.gif") 0 0 }


.leftNavItemHome a, .leftNavItemSponsor a, .leftNavItemAboutAldo a, .leftNavItemRoute a,
.leftNavItemBoat a, .leftNavItemSponsors a, .leftNavItemAboutRaft a, .leftNavItemContact a, 
.leftNavItemEvents a, .leftNavItemGallery a, .leftNavItemRita a {
	float: left; width: 161px; height: 29px; 
	margin-left: 2px; text-decoration: none; 
	padding-left: 0px 15px 0px 15px; 15px; font-size: 10px;
}

.leftNavItemHome a:hover, .leftNavItemSponsor a:hover, .leftNavItemAboutAldo a:hover, .leftNavItemRoute a:hover, 
.leftNavItemBoat a:hover, .leftNavItemSponsors a:hover, .leftNavItemAboutRaft a:hover, .leftNavItemContact a:hover, 
.leftNavItemEvents a:hover, .leftNavItemGallery a:hover, .leftNavItemRita a:hover {
	text-decoration: none; background-position: 0 -29px;
}
	
.leftNavItemHome a:active, .leftNavItemSponsor a:active, .leftNavItemAboutAldo a:active, .leftNavItemRoute a:active, 
.leftNavItemBoat a:active, .leftNavItemSponsors a:active, .leftNavItemAboutRaft a:active, .leftNavItemContact a:active, 
.leftNavItemEvents a:active, .leftNavItemGallery a:active, .leftNavItemRita a:active  {
	text-decoration: none; background-position: 0 -58px;
}

.leftNavItemTrack a, .leftNavItemEventInfo a {
	float: left; width: 161px; height: 40px; margin-left: 2px; text-decoration: none; 
	padding-left: 0px 15px 0px 15px; 15px; font-size: 10px;
}

.leftNavItemTrack a:hover, .leftNavItemEventInfo a:hover {
	text-decoration: none; background-position: 0 -40px;
}
	
.leftNavItemTrack a:active, .leftNavItemEventInfo a:active {
	text-decoration: none; background-position: 0 -80px;
}

/* ----------------------------- gallery ----------------------------- */

.galleryThumb {
	float: left; padding: 0px 10px 10px 0px; width: 150px; 
}

.galleryCaption {
	float: left; width: 250px; height: 103px; padding: 10px 0px 10px 15px;
}