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

/*----------------------------------
Body Style
----------------------------------*/
body
{
	top: 0px;
	left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	background-color:	#000000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	width: 760px;
}

img
{
	border: 0;
}

.footer { width: 740px; text-align: justify; margin-bottom: 10px; }
.footer ul { width:760px; margin:0; padding:0; list-style:none; float:left; }
.footer li { float:left; }
#navFooterTop ul a { float:left; padding:0 2.8em; display:block; } 
#navFooterBottom ul a { float:left; padding:0 2em; display:block; } 
.footer a { padding: 0 16px; }
.footer a #first { padding-left: 0; text-align: center; }

.clearthefloats {clear: both;}

.clearboth { clear: both; height: 0px; margin: 0; padding: 0; display: block; overflow: hidden; }

#missModRSVP{position:absolute; top:465px; left:80px; padding:0; margin:0; }
#missMod{background:url(admin/uploadfiles/missmod/spring09Swimcover_850.jpg); height:551px; width:850px; color:black; }

#dealerDivision img { margin: 5px 15px; }
.storeLookup { width: 760px; margin: 10px 10px; }

#darkbarNav { float: left; width: 150px; margin: 5px 5px; }
#darkbarNav p { margin: 5px 0; }
#darkbarContent { float: left; margin: 10px 0 10px 10px; width: 590px; }
#darkbarHeader { margin: 10px 0; width: 590px; }
#darkbarNavTitle { font-weight: bold; text-transform: uppercase; }
.darkbarStory { margin: 10px 0; }
.darkbarThumb { width: 90px; float: left; margin: 0 0; }
.darkbarUpcoming { color: red; }
.darkbarTitle { width: 495px; margin-left: 5px; float: left; }

#marquee
{
	vertical-align: top;
	width: 760px;
	margin: 0 0;
	padding: 0 0;
}
#marquee div { display: inline; }	

#homeHappenings { float: left; width: 225px; vertical-align: top; }
#homeHappenings img { float: left; padding: 2px; }
#homeNewFutures { float: left; width: 225px; }
#homeLTKRF { float: left; }


#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 19px;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li {
	float: left;
	width: 10em;
}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/*----------------------------------
Text Styles
----------------------------------*/
.mainContent
{
	text-transform: uppercase;
}
.mainContentBlack
{
	color: #000000;
	text-transform: uppercase;
}

.pipelineContest
{
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
}

.bodyContent
{
	text-transform: none;
}
.smallContent
{
	font-size: 8px;
	text-transform: uppercase;
}
.smallContentBlack
{
	font-size: 9px;
	text-transform: uppercase;
	color: #000000;
}
.bigContent
{
	font-size: 15px;
	text-transform: none;
}
.bigPink
{
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	color: #FF3366;
	text-transform: uppercase;
	text-decoration: none;
}
.superBigPink
{
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	color: #FF3366;
	text-transform: uppercase;
	text-decoration: none;
}
.contentYellow
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #ccff66;
	text-transform: none;
}			
.bigRed
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 15px;
	color: #CE1B22;
	text-transform: none;
}
.red
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
}
.smallRed
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9px;
	color: #CE1B22;
	text-decoration: none;
}
.yellow
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFF33;
	text-decoration: none;
}

/*-----------------------------------
PBRJ live webcast style
-----------------------------------*/
div#heats
{
	position: absolute;
	width: 760px;
	height: 500px;
	top: 469px;
	left: 0px;
}

p.heats
{
	float: left;
	width: 190px;
	text-align: center;
}



/*----------------------------------
Anchor Styles
----------------------------------*/
a.black
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
}
a.yellowLink
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 20px;
	color: #FFFF33;
	text-decoration: none;
}
a.yellowMedium
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 16px;
	color: #FFFF33;
	text-decoration: none;
}
a.yellowSmallLink
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFF66;
	text-decoration: none;
}
	a.yellowSmallLink:hover
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFF66;
	text-decoration: underline;
}
a.redBig
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
	color: #CE1B22;
	text-decoration: none;
}
a.smallRed
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9px;
	color: #CE1B22;
	text-decoration: none;
}
a.smallRedCaps
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9px;
	color: #CE1B22;
	text-decoration: none;
	text-transform: uppercase;
}
a.white
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

a.whiteUppercase
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

a.redCaps
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
	text-transform: uppercase;
}
a.red
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
}

	a.red:active
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
}

	a.red:visited
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: none;
}

	a.red:hover
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #CE1B22;
	text-decoration: underline;
}
a.white
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
a.btmNav
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

	a.btmNav:active
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

	a.btmNav:visited
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

	a.btmNav:hover
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: uppercase;
}
/*----------------------------------
Form Styles
----------------------------------*/
input.formJoin
{
	width: 138px;
	height: 10px;
	border: 0px none;

	font-family: Arial;
	font-size: 10px;
}

input.contest
{
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	width: 190px; 
	color : #FFFFFF; 
	background-color: #000000; 
	border-color: #FFFFFF; 
	border: 1px groove #FFFFFF;
}

select.contest
{
	font-family: Arial, Helvetica; 
	font-size: 10px; 
	width: 190px; 
	color : #FFFFFF; 
	background-color: #000000; 
	border-color: #FFFFFF; 
	border: 1px groove #FFFFFF;
}

/*-----------------------------------------
MORE VOLCOM TEAM
-----------------------------------------*/

div#moreVolcomTeamNav
{
	width: 155px;
	margin-left: 5px;
	float: left;
}

div#makespace
{
	margin: 5px 0;
}

div#moreVolcomTeamContent
{
	width: 600px;
	float: left;
}
div#moreVolcomTeamContent p
{
	width: 600px;
	margin-top: 35px;
}
div#moreVolcomTeamContent img
{
	float: left;
	margin: 5px 10px 5px 0;
}

div#region
{
	margin: 15px 0;
	padding-bottom: 25px;
}

p#MVTimages
{
	margin: 0 0 35px 0;			
}
/*--------------------------------------------
VOLCONTESTS
----------------------------------------------*/

div#volcontests
{
	margin: 25px 25px;
	width: 710px;
}

div#volcomThanks
{
	width: 350px;
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 15px 15px;
}


.clearfix:after {/*The peroid is the last thinb before the div closes*/
	content: ".";/*inline elements doin't respond to the clear property*/
	display: block;/*Ensure the peroid is not visible*/
	height: 0;/*Make the container clear the peroid*/
	clear: both;/*Further ensures the peroid is not visible*/
	visibility: hidden;/*Further ensures the peroid is not visible*/
	}
.clearfix {
	display: inline-block;/*A fix for IE mac*/
	}
*html .clearfix {/*the holly hack for a bug in IE6 for Windows*/
	height: 1%;
	}
.clearfix {
	display: block;/*the holly hack for a bug in IE6 for Windows*/
	}