/************************************************************

client: 			Octagon Sports 
author: 			Andrew Rodgers

date created: 		August 29th, 2007
date modified: 		October 3rd, 2007

description: 		Core Style Sheet for Homepage of 
					Basketball Template for Octagon Sports

************************************************************/

body{
font-family:Arial, Verdana, sans-serif;
color:#fff;
}

#site_branding{
position:relative;
min-height:163px;
/*width:1024px;*/
}

#site_mainContent{
/*clear:both;*/
position:relative;
padding:40px 0px 0px 0px;
background:url(../../images/os/site_mainContentBG_2x20.gif) repeat-x top;
z-index:10;
}

#site_branding h1{
position:absolute;
top:0px;
left:0px;
z-index:21;
width:438px;
height:195px;
}

h1 a:link, h1 a:visited {
display:block;
width:438px;
height:195px;
text-indent:-9999px;
}

#site_branding ul{
min-width:580px;
min-height:20px;
padding:140px 0px 0px 440px;
position:relative;
z-index:20;
}

#site_branding ul li{
float:left;
margin-right:4px;
background:url(../../images/os/site_navTabRightBG_77x62.png) no-repeat top right;
}

#site_branding ul li a{
display:block;
padding:0px 12px 0px 12px;
font-size:13px;
line-height:1.8;
background:url(../../images/os/site_navTabLeftBG_39x62.png) no-repeat top left;
color:#fff;
float:left;
}

/* Selected Tab */
#site_branding ul li.selected{
position:relative;
background:url(../../images/os/site_navTabRightBGSelected_77x62.png) no-repeat top right;
z-index:11;
}

#site_branding ul li.selected a{
background:url(../../images/os/site_navTabLeftBGSelectedG_39x62.png) no-repeat top left;
padding:0px 12px 24px 12px;
}

/* Branding Flash Movie */
#topFlash{
position:absolute;
top:0px;
left:580px;
}
#topmovie{
position:relative;
z-index:10;
}
#site_mainContent h2, #site_mainContent p, #site_mainContent h3{
display:none;
}

/* Hidding the image */
#site_mainContent img{
display:none;
}

#site_mainContent #mainFlash{
display:block;
position:absolute;
top:35px;
left:40px;
}

#site_mainContent #featuredClientFlash{
display:block;
position:absolute;
top:312px;
left:796px;
}

#site_mainContent #content_latestNews{
position:absolute;
top:35px;
left:795px;
width:208px;
height:262px;
background:url(../../images/os/site_newsBG_208x262.gif);
}

#content_latestNews h3{
display:block;
position:relative;
top:6px;
text-align:center;
font-size:13px;
}

#content_latestNews a:link, #content_latestNews a:visited{
position:absolute;
bottom:10px;
right:10px;
color:#fff;
text-transform:uppercase;
font-size:10px;
padding-right:12px;
line-height:1.4;
background:url(../../images/os/site_newsArrow_9x10.gif) no-repeat right;
}

#content_latestNews a:hover{
color:#fff;
}

#content_latestNews h3 a:link, #content_latestNews h3 a:visited{
position:relative;
padding:0px;
right:0px;
font-size:13px;
bottom:0px;
color:#fff;
text-transform:none;
background:none;

}

#content_latestNews h3 a:hover{
color:#222;
}

#content_latestNews ol{
position:relative;
top:12px;
left:16px;
width:180px;
}

#content_latestNews ol li{
margin:0px 0px 0px 0px;
border-bottom:1px solid #853333;
}

#content_latestNews ol li a:link, #content_latestNews ol li a:visited{
position:relative;
right:0px;
bottom:0px;
display:block;
font-size:10px;
color:#fff;
text-transform:none;
line-height:1.4;
background:none;
padding:2px 4px 2px 4px;
}

#content_latestNews ol li a:hover{
color:#fff;
background:#440000;
}

#site_info{
position:absolute;
top:720px;
left:0px;
width:1024px;
}

#site_info ul {
height:16px;
margin:10px 0px 0px 0px;
padding:10px 45px 0px 0px;
}

#site_info ul li{
float:right;
}

#site_info ul li a:link, #site_info ul li a:visited{
display:block;
margin:0px 6px 0px 0px;
padding:0px 6px 0px 0px;
font-size:10px;
color:#CFD3D2;
line-height:.9;
border-right:1px solid #9a9a9a;
}

div#clickMore{
margin:20px 0px 0px 500px;
}

div#clickMore a:link, div#clickMore a:visited{
position:absolute;
font-size:14px;
color:#B10606;
text-decoration:underline;
}

div#clickMore a:hover{
color:#707070;
}

span.paging {
color:#B10606;
text-decoration:none;
font-size:14px;
cursor:pointer;
font-weight:bold;
}