/*** This CSS is for the home page only ***/

/*** Top Panel is the grey area at the top of the page under the mast head ***/
#TopPanel {
    background:url(../images/global/home_TopPanel.gif) no-repeat;
    width:935px;
    height:449px; 
    margin-top:2px;
    margin-left:3px;
    padding:9px;
}

/*** Define the style for the flash in the Top Panel ***/
#TopPanelFlash {
    margin-right:2px;
    float:left;
    overflow:hidden;
    width:625px;
    height:465px;
}

/*** Define the style for the Panel to Browse Athletes ***/
#BrowseAthletes {
    overflow:hidden;
    background:url(../images/global/browse_athletes_bg.png) no-repeat;
    /*width:304px;
    height:147px;*/
    margin-bottom:2px;
     
}

/*** Dropdown list for the Browse Athletes ***/
#BrowseAthletes Select{
    margin-top:42px;
    margin-left:15px;
    width:270px;    
    color:#0D75BE;
}

/*** Browse Athletes' Picture ***/
#AthletePic {
    margin-top:19px;
    margin-left:25px;
    float:left;
    overflow:hidden;
}

/*** Style for the name of the Featured Athlete ***/
#AthleteName {
    overflow:hidden;
    color:#ffffff;
    font-size:14px;
    margin-top:52px;
    margin-left:90px;

}

#Contest{
    overflow:hidden;  
    margin-bottom:2px;
    width:304px;
    height: 298px;
   
}



/*** The area containing News, Media, Poll and Trivia of the Day ***/
#LeftPanel {
    width:647px;
    float:left;
     overflow:hidden; 
}

#LeftMiddlePanel {
    
    float:right;
     overflow:hidden; 
     padding-right:12px;
}

/*** News Panel ***/
 
#NewsPanel {
    margin-top:5px;
    /*margin-left:10px;*/
    margin-left:5px;
}

#NewsBody {
    padding:10px 15px 0px 10px;
    background:url(../images/global/news_grey_center.gif) bottom repeat-x;
    background-color:#ffffff;
    width:602px;
    border-width:0px 2px 0px 2px;
    border-style:solid;
    border-color:#d1d1d1;
    /*overflow:auto;*/
     overflow:hidden; 
}

 .PanelBorder{
    height:9px;
 }

 .PanelBorder img{
    vertical-align:top;
 }


/*** Text area for the News under the Big News Picture ***/
#MainNews {
     
    overflow:hidden;
    float:left;
    width:294px;
}
.MainNewsHeading {
    font-size:13px;
    color:#FF342A;
    font-weight:bold;
    _width:280px;
    overflow:hidden;   
     margin-top:10px;  
}
.MainNewsHeading a{ 
    color:#FF342A;  
        font-weight:bold;
        text-decoration: none;
}
.MainNewsPic {
    font-size:13px;
    color:#FF342A;
    font-weight:bold;
    _width:280px;
    overflow:hidden;     
    width:294px;
    text-align:center;
    background-color:black;
}
.MainNewsText {
    overflow:hidden;
    font-size:13px;
    margin-bottom:20px;
       _width:280px;
}

/*** Bold red style for the panel headings "News", "Media", ... ***/
h1 {
    color:#FF342A;
    font-size:20px;
    margin-top:0px;
    margin-bottom:10px;
}

/*** Smaller red font style for the news heading "Going Strong"... ***/
.NewsHeading {
    font-size:13px;
    color:#FF342A;
    font-weight:bold;
    _width:150px;
    overflow:hidden;
     
}
.NewsHeading a{ 
    color:#FF342A;  
        font-weight:bold;
        text-decoration: none;
}

/*** Big Picture in the News Panel ***/

#NewsPanel #MainNews img {
    /*margin-bottom:10px;*/
    width:294px;
}


/*** Font style for the news extract ***/

.NewsText {
    overflow:hidden;
    font-size:13px;
   /* margin-bottom:20px;*/
       _width:150px;
}

/*** Font style for the date stamp under the News extract ***/

.NewsDateStamp {
    font-size:12px;
    color:#878585;
     
}

/*** Text style for the smaller news snippets beside the big News photo ***/

#OtherNews {
    overflow:hidden;
    _width:300px;
    padding-left:10px;
    padding-bottom:10px;
    _padding:0px;
    _padding-bottom:20px;
    height:80px;
}

/*** Style for the small images inside the News Panel ***/

.NewsPic {
    float:left;
    overflow:hidden;
    margin-left:10px;
    margin-right:10px; 
    _margin-left:2px;
    width:106px;
    background-color:black;
    text-align:center;
    height:75px;
    
}

 

/*** Style for Media Panel ***/

 
#MediaPanel {
    float:left;
    width:309px;
    margin-top:5px;
    /*margin-left:10px;*/
    margin-left:5px;
    margin-right:10px;
}

#MediaBody {
    padding:10px 15px 10px 10px;
    background:url(../images/global/news_grey_center.gif) bottom repeat-x;
    background-color:#ffffff;
    width:282px;
    border-width:0px 2px 0px 2px;
    border-style:solid;
    border-color:#d1d1d1;
    overflow:auto;
}

#MediaBody a{ 
    color:#FF342A;  
        font-weight:bold;
        text-decoration: none;
        font-size:13px;
}
 #MediaPanel .PanelBorder{
    height:6px;
 } 

/*** Media Panel has a Inner Panel as we need to keep the "Media" title at consistent location with the other 
     panels, but the Media picture have some wide paddings inside.***/

#MediaInnerPanel{
    margin-top:20px;
    text-align:center;
    font-size:12px;
}
#inner_alignment
{
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 7px;
    padding-left: 0px;
}

	

/*** This style define the font style for the links under the Media picture. ***/

#MediaInnerPanel a{
    color:#FF342A;
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
}

#MediaInnerPanel a:hover{
    text-decoration:underline;
}

/*** For the Poll Panel ***/
#poll{
margin-left:5px;
margin-top:-10px
}
#PollPanel {
    margin-top:5px;
}

#PollBody{ 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/global/news_grey_center.gif) repeat-x scroll center bottom;
border-color:#D1D1D1;
border-style:solid;
border-width:0 2px;
overflow:auto;
padding:10px 0 0;
width:307px;
}

#PollPanel .PanelBorder{
    height:6px;
 }

/*** For the Iframe inside the Poll Panel ***/

#PollPanel iframe{
    overflow:no-scroll; 
    width:305px;
    height:165px;
}
.PollText {
    overflow:hidden;
    font-size:13px;
    margin-bottom:20px;
       _width:250px;
}

/*** For the Trivia Panel ***/

#TriviaPanel {
    margin-top:5px;
    overflow:hidden;
}

#TriviaBody{
    padding:10px 10px 0px 10px;
    background:url(../images/global/news_grey_center.gif) bottom repeat-x;
    background-color:#ffffff;
    width:287px;
    border-width:0px 2px 0px 2px;
    border-style:solid;
    border-color:#d1d1d1;
}

#TriviaPanel .PanelBorder{
    height:6px;
 }


/*** For the Opening Quotation Mark inside the Trivia Panel ***/

#OpenQuote {
    margin-top:-5px;
    width:34px;
    height:80px;
    overflow:auto;
    float:left;
}

/*** For the font style of the text inside Trivia Panel ***/

#Quote {
    overflow:auto;
    margin-top:15px;
    font-size:12px;
}

/*** For the Closing Quotation Mark inside the Trivia Panel ***/

#CloseQuote {
    text-align:right;
}


/*** Right Panel is the area encompassing "Announcement", "Events" and "Shout Box" ***/

#RightPanel {
    margin-top:5px;
}

/*** The following class define the panel background for Announcement and Events ***/

.RightPanels {
    background:url(../images/global/right_panel_center.gif) no-repeat bottom;
    width:279px;
    overflow:hidden;
    padding:10px 10px;
    border-width:0px 2px 0px 2px;
    border-style:solid;
    border-color:#d1d1d1;
}

.RightPanelsBorder {
    height:2px;
}

.RightPanelsBorder img{
    vertical-align:top;
}

.RightPanelTop {
    margin-top:5px;
}

.RightPar {
    width:279px;
    overflow:hidden;
    padding:10px 10px;
    
    }

/*** News Heading is different colour from the News Panel, hence separate definition ***/

.RightPanels .NewsHeading {
    color:#000000;
}

/*** Date stamp is different colour from the News Panel, hence separate definition ***/

.RightPanels .NewsDateStamp {
    color:#FF342A;
}

/*** Define an entry inside the shoutbox, containing the icon and text ***/

.ShoudBoxEntry {
    padding:3px;
}

/*** Icon inside a shout box entry ***/

.ShoutBoxIcon {
    width:27px;
    height:27px;
    float:left;
    margin-right:10px;
    border:0px solid #ffffff;
}

/*** Text inside a shout box entry ***/

.ShoutBoxText {
    /*overflow:auto;*/
    font-size:12px;
}

/*** Date stamp for the shout box entry ***/

.ShoutBoxDateStamp {
    color:#FF342A
}