/*---------------------------------------------------------
project: volleyballprospects.ca
author: michael bhatti
email: michaelsbhatti@gmail.com
---------------------------------------------------------*/

body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,  
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, 
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* TEXT WRAP */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

img {
	border: 0;
}

fieldset {
	border: 1px solid transparent;
}

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

td, th {
	text-align: left;
	font-weight: normal;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

:focus {
	outline: 0;
}

a:link, a:visited, a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* All
---------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background-color: #121212;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	line-height: 150%;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-attachment:fixed;
}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

p {
	margin: 20px 0 0 0;
	}

li {
	margin: 0 0 5px 0;
}

ul, ol {

}

ul {

}

ol {

}

.clear {

}

small {
	font-size: 11px;
	}

/* MAIN CONTAINERS
---------------------------------------------------------*/

#wrapper {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	background-color:#000000;
	}

#header {
	width: 940px;
	height: 210px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	}

#actual_content {
	width: 940px;
	height: auto;
	overflow:hidden;
	background-color: #000;
	}
#latest_headlines {
	width: 920px;
	height: 370px;
	background-image: url(../images/latest_headlines.jpg);
	background-repeat: no-repeat;
	margin: 0 0 20px 0;
	padding: 10px;
	position: relative;
	z-index: 2;
	}
	
.wrapper_column {
	height: auto;
	overflow: hidden;
	float: left;
	}

#wrapper_column_one {
	width: 380px;
	}

#wrapper_column_two {
	width: 300px;
	margin: 0 0 0 20px;
	}

#wrapper_column_three  {
	width: 220px;
	margin: 0 0 0 20px;
	}
	
#wrapper_column_subpage  {
	width: 700px;
	float: left;
	}

.wrapper_column_div {
	height: auto;
	overflow: hidden;
	background-color: #121212;
	margin: 0 0 10px 0;
	border: 1px solid #5C5C5C;
	background-image: url(../images/wrapper_column_div_gradient.jpg);
	background-repeat: repeat-x;
	}

#wrapper_column_one .wrapper_column_div {
	width: 378px;
	}

#wrapper_column_two .wrapper_column_div {
	width: 298px;
	}

#wrapper_column_three .wrapper_column_div {
	width: 218px;
	}

.wrapper_column_div_header {
	height: 30px;
	width: 100%;
	background-image: url(../images/wrapper_column_div_header_gradient.jpg);
	background-repeat: repeat-x;
	}
	
.wrapper_column_div_content {
	height: auto;
	overflow: hidden;
	padding: 20px 10px;
	}

#wrapper_column_one .wrapper_column_div_content {
	width: 358px;
	}

#wrapper_column_two .wrapper_column_div_content {
	width: 278px;
	}

#wrapper_column_three .wrapper_column_div_content {
	width: 198px;
	}

#footer {
	width: 920px;
	padding: 10px;
	height: auto;
	overflow: hidden;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	background-color: #121212;
	margin: 10px 0 20px 0;
	}

/* NAVIGATION */

.navigation {
	width: 940px;
	height: 30px;
	top: 160px;
	}

#navigation-home {
	width: 67px;
	height: 30px;
	position: absolute;
	left: 130px;
	}
	
#navigation-home a {
	width: 67px;
	height: 30px;
	}
	
#navigation-home:hover {
	background-image: url(../images/home_hover.jpg);
	background-repeat: no-repeat;
	}
	
#navigation-about {
	width: 73px;
	height: 30px;
	position: absolute;
	left: 199px;
	}
	
#navigation-about:hover {
	background-image: url(../images/about_hover.jpg);
	background-repeat: no-repeat;
	}
	
#navigation-education {
	width: 97px;
	height: 30px;
	position: absolute;
	left: 264px;
	}
	
#navigation-education:hover {
	background-image: url(../images/education_hover.jpg);
	background-repeat: no-repeat;
	}
	
#navigation-athlete {
	width: 139px;
	height: 30px;
	position: absolute;
	left: 363px;
	}
	
#navigation-athlete:hover {
	background-image: url(../images/athlete_hover.jpg);
	background-repeat: no-repeat;
	}	
	
#navigation-coaches {
	width: 175px;
	height: 30px;
	position: absolute;
	left: 504px;
	}
	
#navigation-coaches a {
	width: 175px;
	height: 30px;
	}
	
#navigation-coaches:hover {
	background-image: url(../images/coaches_hover.jpg);
	background-repeat: no-repeat;
	}
	
#navigation-showcases {
	width: 97px;
	height: 30px;
	position: absolute;
	left: 681px;
	}
	
#navigation-showcases:hover {
	background-image: url(../images/showcases_hover.jpg);
	background-repeat: no-repeat;
	}
	
#navigation-teams {
	width: 73px;
	height: 30px;
	position: absolute;
	left: 780px;
	}
	
#navigation-teams a {
	width: 73px;
	height: 30px;
	}
	
#navigation-teams:hover {
	background-image: url(../images/teams_hover.jpg);
	background-repeat: no-repeat;
	}	
	
#navigation-contact {
	width: 85px;
	height: 30px;
	position: absolute;
	left: 855px;
	}
	
#navigation-contact a {
	width: 85px;
	height: 30px;
	}
	
#navigation-contact:hover {
	background-image: url(../images/contact_hover.jpg);
	background-repeat: no-repeat;
	}

/* LATEST HEADLINES */	

#featured{ 
	width: 920px;  
	position: relative; 
	height: 370px; 
	z-index: 3;
	}
	
#featured_header {
	width: 228px;
	height: 30px;
	background-image: url(../images/header_latest_headlines.jpg);
	background-repeat: no-repeat;
	float: right;
	}
	
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:40px; 
	left:692px; 
	list-style:none;  
	margin:0; 
	width:228px;
	height: 330px;
	background-color:#000000;
	}

#featured ul.ui-tabs-nav li{   
	font-size:12px; 
	color:#666; 
	margin: 0;
	}

#featured ul.ui-tabs-nav li img{ 
	float:left;
	}

#featured ul.ui-tabs-nav li span{ 
	font-size:11px; 
	}

#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:36px; 
	color:#FFFFFF;
	width: 208px;
	padding: 10px;
	text-decoration: none;
	}
	
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background-image: url(../images/latest_headlines_content_article.jpg);
	background-repeat: repeat-x;
	}

#featured .ui-tabs-panel{ 
	width: 680px;
	height: 370px;
	float: left;
	}

#featured .ui-tabs-panel .info{ 
	position: absolute; 
	top: 300px; 
	left: 0; 
	height: 70px;
	width: 680px;
	background: url('../images/new/transparent-bg.png'); 
	}

#featured .info h2{ 
	font-size: 17px; 
	color: #FFFFFF; 
	padding: 5px 10px; 
	margin: 0;
	overflow: hidden; 
	}

#featured .info p{ 
	margin: 0 10px; 
	font-size: 11px;
	color: #FFFFFF;
	}

#featured .ui-tabs-hide{ 
	display: none; 
	}

/* SPOTLIGHT */					
									
.spotlight_article {
	font-size: 11px;
	margin: 0 0 20px 0;
	}
	
.spotlight_article_image {
	width: 98px;
	height: 68px;
	border: 1px solid #5C5C5C;
	float: left;
	margin: 5px 20px 0 0;
	}
	
.spotlight_article_header {
	font-size: 12px;
	margin: 0 0 5px 0;
	}

/* FEATURED PLAYERS */	

#featured_canadian_photo {
	width: 98px;
	height: 138px;
	border: 1px solid #5C5C5C;
	float: left;
	margin: 0 20px 0 0;
	}
	
#featured_international_photo {
	width: 98px;
	height: 138px;
	border: 1px solid #5C5C5C;
	float: left;
	margin: 0 20px 0 0;
	}	

#featured_stats {
	width: 158px;
	float: right;
	}

/* LOGIN AND POLL */

#table_login {
	margin: 0 0 20px 0;
	}
	
#table_login input {
	border: 1px solid #5C5C5C;
	width: 176px;
	padding: 5px;
	background-color: #121212;
	color: #CCCCCC;
	}

#table_poll {
	margin: 20px 0;
	}

.button {
	color: #000000;
	border: 1px solid #5C5C5C;
	background-image: url(../images/wrapper_column_div_header_gradient.jpg);
	background-repeat: repeat-x;
	padding: 3px 6px;
	}

	/* SUBPAGE
---------------------------------------------------------*/

#subpage_header {
	width: 940px;
	height: 40px;
	background-image: url(../images/subpage_header.jpg);
	background-repeat: no-repeat;
	}


#wrapper_column_subpage h2 {
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #222222;
	padding: 0 0 20px 0;
	}
        	
#subpage_date {
	margin: 0 0 10px 0;
	color: #DDDDDD;
	}

/* VIEW PROFILE
---------------------------------------------------------*/

#player-profile h3 {
	border-bottom: 1px solid #222222;
	margin: 20px 0;
	font-size: 12px;
	}

#head-block {
	width: 700px;
	height: auto;
	overflow: hidden;
	font-weight: bold;
	}
	
#head-block h1 {
	font-size: 24px;
	color: #FFFFFF;
	line-height: normal;
	border-bottom: 1px solid #222222;
	}

#left-block {
	width: 340px;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 20px 0 0;
	}

#right-block {
	width: 340px;
	height: auto;
	overflow: hidden;
	float: right;
	}
	
#photo-block {
	width: 700px;
	height: auto;
	overflow: hidden;
	float: left;
	margin: 0 0 20px 0;
	}
	
	/* SEARCH PROFILE
---------------------------------------------------------*/

#search-profile {
	width: 700px;
	}

#search-profile select {
	width: 340px;
	}
	
#search-profile h3 {
	font-weight: bold;
	border-bottom: 1px solid #222222;
	width: 700px;
	margin: 0 0 20px 0;
	}
	
	/* EDIT PROFILE
---------------------------------------------------------*/

#edit-profile h3 {
	font-weight: bold;
	border-bottom: 1px solid #222222;
	width: 700px;
	margin: 0 0 20px 0;
	}