/* JBM Style */

*	{margin:0; padding:0;}

body	{background-color:#222;
		font-family:Geneva, Arial, Helvetica, sans-serif;}
		
#container	{margin:10px 50px;
			background-color:white;
			border:3px solid orange;
			width:800px;
			height:600px;
			position:absolute;}
			
/* Header Style */

#Header	{position:absolute;
		height:150px;
		width:806px;
		background-image:url(Images/JohnsonBoyzHeader.gif);
		top:-3px;
		left:-3px;}
		
#Header h1 span, #Header h2 span	{display:none;}


/* Navigation Style */

#navigation	{position:absolute;
			top:160px;
			width:800px;
			background-color:#00CCFF;}
			
#navigation h3 span	{display:none;}

#navigation ul	{float:left;
				list-style-type:none;
				text-transform:lowercase;
				font-size:12px;
				width:100%;
				background-color:#000;
				color:white;
				padding:2px 0;}

#navigation li	{float:left;
				position:relative;
				list-style-type:none;
				padding:2px 10px;}
				
#navigation li:first-child	{margin-left:10px;}
							
#navigation li:hover	{background-color:#222;}

#navigation a	{display:block;
				padding:0 10px;
				text-decoration:none;
				color:#CCC;}
				
#navigation a:hover	{color:#09F}

#navigation ul li ul	{margin:0;
						position:absolute;
						width:100%;
						min-width:100px;
						top:20px;
						left:-1px;
						display:none;
						text-align:center;
						font-size:11px;}
						
#navigation ul li ul li	{width:100%;
						padding:3px 0 1px;}
						
#navigation ul li ul li:first-child	{margin-left:0px;}

#navigation ul li:hover ul	{display:block;}



/* Content Style */

#Content	{width:100%;
			font-size:small;
			padding:5px;}


/* Text Style */

#Text	{top:200px;
		left:250px;
		width:517px;
		position:absolute;
		background-color:#CCC;
		padding:15px 15px;
		height:350px;
		overflow:scroll;
		border:3px orange solid;
		border-right:none;}
		
#Text ul	{padding-left:10px;
			padding-bottom:.75em;
			font-weight:bold;
			color:#06C;}

#Text li	{margin-left:20px;
			font-weight:normal;
			color:black;}
		
#Text h3	{font-size:16px;
			color:#06C;}
			
#Text img	{float:left;
			border:1px solid black;
			margin-right:5px;
			margin-top:10px;}
			
#Text a	{color:#D63;
		text-decoration:underline;
		font-size:12px;}

#Text a:hover	{color:#3366FF;
				text-decoration:underline;}
				
#Text table img	{border:none;}
		
		
/* Teaser Style */

#Teaser1	{position:absolute;
			top:200px;
			left:0;
			width:220px;
			height:60px;
			background-color:#DDD;
			padding:15px 15px;
			border:3px solid orange;
			border-left:none;
			border-right:none;}
			
#Teaser2	{position:absolute;
			top:300px;
			left:0;
			width:220px;
			height:60px;
			background-color:#DDD;
			padding:15px 15px;
			border:3px solid orange;
			border-right:none;
			border-left:none;}
			
#Teaser1 p, #Teaser2 p	{font-size:10px;}

#Teaser1 h3, #Teaser2 h3	{font-size:14px;
							color:#06C;}
			
#Teaser1 a, #Teaser2 a	{color:#DD6633;
						text-decoration:underline;}
						
#Teaser1 a:hover, #Teaser2 a:hover	{color:#3366FF;
									text-decoration:underline;}
									

/* Sponsor Scroll Style */

#SponsorScroll	{position:absolute;
				top:400px;
				left:0;
				width:250px;
				height:186px;}
			
			
/* Footer Style */

#footer	{position:absolute;
		height:80px;
		width:806px;
		left:-3px;
		top:600px;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:9px;
		color:#CCC;
		background-image:url(Images/JohnsonBoyzFooter.gif);
		background-repeat:no-repeat;}
		
#footer p	{margin-top:80px;}
		
		
/* Text Formatting Style */

p	{line-height:1.5em;
	padding:.75em 0;}
