﻿body{
    font-family:Arial;
    font-size:0.8em;        
    background-color:#094794;
    background-image:url("../Images/darkgradient.jpg");
    background-repeat:repeat-x;
    background-position:top;
    height:100%;
}

p{
    line-height:1.8em;
}


h2{
    font-size:40pt;
    margin:0px;
    padding:0px;
    text-transform:lowercase;
    color:#094794;
}

h3{
    font-size:16pt;
    color:#094794;
    margin:0px;
    padding:0px;
}

h4{
    width:100%;
    font-size:12pt;
    color:#094794;
    margin:0px;
    padding:0px;
    margin-top:20px;
    margin-bottom:10px;
    border-bottom:1px dashed #094794;
}

.cb{
    clear:both;
}
.clear{
    clear:both;
}

.hide{
    display:none;
    visibility:hidden;
}

.button{
    border:1px solid black;
    background-color:#094794;
    font-family:Arial;
    font-size:12px;        
    color:#ffffff;
}

.textbox {
    border:1px solid #094794;
    font-family:Arial;
    font-size:12px;        
    color:#094794;
    padding:1px 3px;
}


.dropdownlist 
{
    font-family:Arial;
    font-size:12px;        
    color:#094794;
}

.width80
{
    width:80px;
}

a:link{color:#094794;}
a:visited{color:#094794;}
a:hover{color:#000000;}
a:active{color:#E8A300;}

#outerPage{
    width:850px;
    margin:auto;
    background-color:#6F9BD2;
    overflow:hidden;
}



#content{
    width:665px;
    padding:10px;
    float:left;
}

#menu{
    width:165px;
    background-color:#6F9BD2;
    /*background-image:url("../Images/cfc-logo-2.jpg");*/
    background-position:top center;
    background-repeat:no-repeat;
    float:left;
    
}

#menu p
{
    font-size:18px;
    font-weight:bold;
    color:#fff;
    text-align:center;
    padding:4px;
}

#menu p .hl2
{
	font-size:22px;	

}

#menu p .hl
{
	font-size:28px;	
}


#menu ul{
    margin:0px;
    padding:0px;
    /*margin-top:165px;*/
    margin-top:10px;
    display:block;
    border-top:1px solid #094794;
    font-size:12px;
}

#menu li{
    list-style:none;
    width:140px;
    padding:0px;
    margin:0px;
    display:inline;
}

#menu a{
    margin:0px;
    padding:5px 7px;
    display:block;
    background-color:#ffffff;
    border-bottom:1px solid #094794;
    color:#094794;
    text-decoration:none;
    font-weight:bold;
    border-right:1px solid #6F9BD2;
}


#menu a.Indent1 {
    font-weight:normal;
    font-size:11px;
}

#menu a:link{
    border-left:8px solid #E8A300;
}

#menu a:visited{
    border-left:8px solid #E8A300;
}

#menu a:hover{
    border-left:8px solid #EE2328;
    background-color:#FAF1DD;
    color:#EE2328;
}

#menu a:active{
    border-left:8px solid #094794;
    color:#094794;
}

#maincontent{
    float:left;
    background-color:#ffffff;
    background-image:url("../Images/biglion-double.jpg");
    background-position:top center;
    background-repeat:repeat-y;
    overflow:hidden;
    overflow:visible;
    height:100%;
    /*height:912px;*/
    border-bottom:1px solid #094794;
    width:684px;
}

#content
{
    margin-bottom:20px;   
}

#topbar{
    width:600px;
    height:150px;
    float:left;
    padding:10px;
}        

#toptitle{
    width:326px;
    height:160px;
    background-image:url("../Images/title-plan-blue-glasses.jpg");
    background-position:top center;
    background-repeat:no-repeat;
    float:left;
}   

#toplogin{
    float:right;

}





#leagueTables{
}



.leagueTable{

    width:180px;
    margin-right:20px;
    border:1px solid #6F9BD2;
    float:left;
    margin-bottom:20px;
}

.leagueSelected
{
    background-color:#f6f6ff;
    border:1px solid black;   
}

.leagueTableName{
    width:178px;
    border:1px solid #6F9BD2;
    padding:2px 0px;
    float:left;
    font-weight:bold;
    background-color:#6F9BD2;
    text-align:center;
    margin-bottom:3px;
    font-size:11px;
}

.leagueTableTeam{
    padding:3px;
    font-size:10px;
    float:left;
}

.leagueTableTeamSelected
{
    font-weight:bold !important;
    color:Black;
    font-size:11px !important;
}

.leagueTablePoints
{
    padding:3px;
    font-size:10px;
    float:right;
}


.registerlabel{
    width:200px;
    float:left;
    margin-bottom:2px;
    text-align:right;
    margin-right:5px;
}

.registertextbox{
    margin-bottom:2px;
    border:1px solid #094794;
    font-family:Arial;
    font-size:12px;        
    color:#094794;
    padding:1px 3px;
    float:left;
}

.fieldset
{
    border:1px solid #094794;
    margin-bottom:10px;
}

.fieldset legend
{
    border:1px solid #094794;
    font-size:13px;
    font-weight:bold;
    color:#094794;
    margin:0px;
    padding:2px 4px;
}

.PredictionsLink a, .PredictionsLink a:visited, .PredictionsLink a:hover, .PredictionsLink a:active, a.PredictionsLink
{
    text-decoration:none !important;   
    color:#094794;
}

.PredictionsLink a:hover
{
    text-decoration:underline;   
}




/* home page */


#home #right
{
    float:right;
    width:155px;   
}

#home #main
{
    width:490px;
}

.starplayer, .leaderboard, .premierleague
{
    width:159px;
    float:right;
    /*border:1px solid #094794; */
    color:#094794;
/*    padding:2px;*/
    clear:both;
    margin-bottom:20px;
    font-size:0.9em;
}

.starplayerheader, .leaderboardheader, .premierleagueheader
{
    font-weight:bold;
    background:url("../images/box-top.gif") no-repeat top center;
    height:24px;
    color:White;
    text-align:center;
    padding-top:10px;
}

.starplayerbody
{
    font-weight:bold;
    font-size:1.4em;
/*    padding:4px 0px;*/
/*    width:100%; */
    text-align:center;
}

.starplayerbody, .leaderboardbody, .premierleaguebody
{
    background:url("../images/box-mid.gif") no-repeat top center;
    border:4px solid #094794;
    border-top-width:0px;
    border-bottom-width:0px;
    padding:4px;
}

.starplayerfooter, .leaderboardfooter, .premierleaguefooter
{
    background:url("../images/box-bottom.gif") no-repeat top center;
    height:4px;
    width:100%;
}



/* news */

#news
{
}

#mostread
{
    width:159px;
    float:right;
    color:#094794;
    clear:both;
    margin-bottom:20px;
}

#mostreadheader
{
    font-weight:bold;
    background:url("../images/box-top.gif") no-repeat top center;
    height:24px;
    color:White;
    text-align:center;
    padding-top:10px;
}

#mostreadbody
{
    background:url("../images/box-mid.gif") no-repeat top center;
    border:4px solid #094794;
    border-top-width:0px;
    border-bottom-width:0px;
    padding:4px;
    font-size:0.85em;
    width:143px;
}

#mostreadfooter
{
    background:url("../images/box-bottom.gif") no-repeat top center;
    height:4px;
    width:100%;
}

#mostread ul, #mostread li
{
    padding:0px;
    margin:0px;
    margin-left:8px;
}

#topStory
{
    color:#ffffff !important;
    background:#094794 url(/images/topstory-bg.gif) repeat-x top center;
    width:662px;
    float:left;
    margin-bottom:25px;
}

#topStoryImage
{
    width:150px;
    float:left;
}

#topStoryDesc
{
    color:#ffffff !important;
    width:455px;
    float:left;
    padding:10px;
}

#topStoryDesc p, #topStoryDesc h3
{
    color:#ffffff !important;
}

#topStoryDesc a:link, #topStoryDesc a:visited, #topStoryDesc a:hover, #topStoryDesc a:active
{
    color:#ffffff;
}


.newsList
{
    float:left;
/*    width:322px;*/
    border:3px solid #094794;   
/*    background-color:Lime;*/
}


.newsList .intro
{
    font-weight:bold;
    margin-bottom:5px;
}

.newsList ul, .newsList li
{
    padding:0px;
    margin:0px;
    margin-left:8px; list-style-type:circle;
}

.newsList .middle
{
    padding:5px;
    float:left;
    /*width:310px;    */
}

.newsList .top
{
    width:100%;
}

.newsList .topleft, .newsList .topright, .newsList .bottomleft, .newsList .bottomright
{
    width:8px;
    height:8px;
    float:left;
}

.newsList .topmiddle
{
    float:left;
    width:296px;
    border-top:3px solid #094794;
}

.newsList .topleft
{
    background:url(/images/rounded-topleft.gif) no-repeat top left;
    margin-top:-3px;
    margin-left:-3px;
    display:inline;
}

.newsList .topright
{
    background:url(/images/rounded-topright.gif) no-repeat top left;
    margin-top:-3px;
    margin-right:-3px;
    display:inline;
    float:right;

}

.newsList .bottomleft
{
    background:url(/images/rounded-bottomleft.gif) no-repeat top left;
    margin-bottom:-3px;
    margin-left:-3px;
    display:inline;
}

.newsList .bottomright
{
    background:url(/images/rounded-bottomright.gif) no-repeat top left;
    margin-bottom:-3px;
    margin-right:-3px;
    display:inline;
    float:right;
}


.links a
{
    text-decoration:none;
}





/* ADVERTS */

.advert_box { width:160px;
              height:610px;
              float:right;}
              
.advert_box p {padding-top:0;margin:2px;}              




/* BLOG */


.blog-underline{
    width:100%;
    font-size:9pt;
    color:#094794;
    margin:0px;
    padding:0px;
    padding-bottom:9px;
    margin-top:20px;
    margin-bottom:10px;
    border-bottom:1px dashed #094794;
    text-align:right;
}




/* ARTICLES */


.other-articles
{
    width:180px;
    float:right;
    margin:35px 10px 10px 20px;
}


.other-articles ul{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -0.8em;
	font-size:0.85em;
}
