@charset "utf-8";
/* PKUK.com HOMEPAGE CSS Document */
/* Designed and Created by Andrew Pearson, 2009.
   Email: andyp@parkourgenerations.com */

/* 
	Notes
	----- 
	ID = # 
	CLASS = . 
	
	All Selectors in Heirarchical order.
	All rules in Alphabetical order.
	
	Colours
	-------
	Light Grey 	-	#bbbbbb
	Mid Grey	-	#686868
	Dark Grey	-	#454545
	Darkest Grey -	#333333
	Red			-	#c60c30
	blue		-	#002776
	
*/

/* RESETS */
* 										{	border: 0;
											margin: 0 auto;
											padding: 0;		}

/* GLOBALS */

body									{	color:#bbbbbb;
											font-family:Helvetica, Arial, sans-serif;
											font-size:12px;}
											
/* HOME page */

#home									{	background:#454545;}
#header									{	background:#454545 url(../images/header_image.jpg) repeat-x 0 0;
											border-bottom:1px solid #111111;
											height:350px;
											width:100%;}
#logo-banner-outer						{	background:#454545;
											border-bottom:1px solid #111111;
											border-top:1px solid #111111;
											filter:alpha(opacity=25);
											height:95px;
											-moz-opacity:.25;
											opacity:.25;
											position:absolute;
											top:10px;
											width:100%;}
#logo-banner-inner						{	border-bottom:1px solid #686868;
											border-top:1px solid #686868;
											height:93px;
											width:100%;}
#pkuk-logo								{	left:80px;
											position:absolute;
											top:13px;}
#container								{	border-bottom:1px solid #222222;
											border-top:1px solid #686868;
											min-height:450px; }
#footer									{	background:#333333;
											border-top:1px solid #454545;
											border-bottom:1px solid #454545;
											height:150px;
											width:100%;}
#footer2nd								{	background:#454545;
											border-top:1px solid #222222;
											height:150px;
											width:100%;
											text-align:center; }
#socialnetworks, #sitelinks, #copyright	{	float:left;
											height:150px;
											text-align:center;
											width:33%;}
#socialnetworks img						{	margin-top:45px; }
#sitelinks ul							{	list-style-type:none;
											margin-top:25px;									
											width:100px;}
#sitelinks ul li						{	text-align:left; }
#sitelinks div							{	float:left; width: 100px; margin: 10px 5px 0px;}
#copyright								{	text-align:center; line-height:150px;}
#sportscoachukLogo,
#afpeLogo,
#ystLogo,
#ccprlogo,
#endsleighlogo,
#olswanglogo							{	margin:20px 20px 20px 0px; }
#clearBoth								{	clear:both;	}

/* --------------------------------------- CONTENT --------------------------------------- */

#SCROLLcontainer 						{	height:400px;
											width:900px; }
#navigation 							{	height:40px;
											text-align:center;
											width:900px; }
#navigation li 							{	display: inline;}
#navigation a, a						{ 	font-family:Helvetica, Arial, sans-serif;
											font-size:14px;
											font-weight:bold;
											color:#bbbbbb;
											text-decoration:none; }
a										{	font-size:12px;	}
#navigation a:hover, a:hover			{	text-decoration:underline; }
.button 								{	height:40px; 
											line-height:50px; 
											margin:0px 20px; }
#content								{ 	height:390px;
											overflow:hidden; 
											position:relative; 
											width:900px; }
.section								{ 	float:left; 
											height:390px; 
											position:relative; 
											width:7200px; }
.section .sub							{	float:left; 
											height:390px; 
											position:relative; 
											width:900px; }
.section ul li							{	list-style-type:none;}
.section .sub p							{	float:left;
											line-height:1.3em;
											margin:10px 10px 0px 10px;
											text-align:justify;
											width:280px;}
#goal_para								{	margin:213px 10px 0px 10px;	}
#team_para								{	margin:182px 10px 0px 10px;	}	
.section .sub p img						{	border:1px solid #333333; }
img#noborder							{	border:0px; }
img#noborder_about						{	margin-bottom:0px;}
strong									{	font-size:14px; 
											font-weight:bold;
											line-height:30px;
											text-decoration:underline;}
p#parathin								{	width:50px;}
p#paramedi								{	width:350px;}
p#parawide								{	width:420px;}
img#boardicon							{	border:0px; 
											float:left; 
											margin:0px; }
form									{	margin-top:20px; 
											position:relative; }
form label								{	display:block; 
											position:absolute;}
form label#labelemail					{	left:10px; 
											top:70px; }
form label#labelmessage					{	left:70px; 
											top:110px; }
form input#email						{	background:#bbbbbb; 
											border:1px solid #333333; 
											display:block; 
											left:130px; 
											position:absolute; 
											top:70px;}
form textarea#detail					{	background:#bbbbbb; 
											border:1px solid #333333; 
											display:block; 
											left:130px; 
											position:absolute; 
											top:110px;}
form input#submit						{	display:block; 
											left:270px; 
											padding:10px; 
											position:absolute; 
											top:300px; }
div#twitter_div							{	width:900px; }
ul#twitter_update_list li				{	background:#333333; 
											margin-top:20px;}
ul#twitter_update_list li span			{	line-height:40px; 
											margin:10px; }	
ul#twitter_update_list li a				{	color:#c60c30;}										
#Home									{	}
#About									{	}
#Membership								{	}
#Contact								{	}
#News									{	}

/* --------------------------------------- ADAPT / THE BOARD ------------------------------- */
#adapt_menu, #board_menu				{	background:#333333;
											height:20px;
											text-align:center;
											width:900px; }
#adapt_menu li, #board_menu li			{	display: inline;}
#adapt_menu a, #board_menu a			{ 	font-family:Helvetica, Arial, sans-serif;
											font-size:12px;
											font-weight:bold;
											color:#bbbbbb;
											text-decoration:none; }
#adapt_menu a:hover, 
#board_menu a:hover, a:hover			{	text-decoration:underline; }
.adaptbutton, .boardbutton				{	height:20px; 
											line-height:20px; 
											margin:0px 15px; }
table									{	font-size:12px; width:270px;position:relative;}

/* --------------------------------------- THE BOARD --------------------------------------- */
img.profile_image						{ 	margin:20px; float:left;}

/* --------------------------------------- CSS LIGHTBOX ------------------------------------ */
div.article_container					{ 	position:absolute; 
											top:0px; 
											left:0px;}
.white_content 							{ 	color:#333; 
										  	display: none; 
										  	font-size:12px;
										  	position: absolute;
											top:0px;
											left:0px;
											width: 900px;
										  	height: 380px;  
										  	border: 1px solid black; 
										  	background-color: #dddddd; 
										  	z-index:12;
										  	overflow:auto; }
.white_content a 						{ 	display:block; 
										  	background-color: #dddddd;
										  	border:#333333 solid 1px;
										  	padding:5px;
										  	position:absolute; 
										  	z-index:15; 
										  	top:5px; 
										  	right:10px; 
										  	font-size:14px; 
										  	color:#333333; 
										  	text-decoration:none; 
										  	font-family:Arial; }
div#article								{ 	margin:20px; }
div#article	strong						{ 	text-decoration:none; }
a#articlelink							{ 	margin-right:30px; }
a#articlelink span						{	}