﻿@charset "utf-8";

/*---------------------------------------------

Filename: main.css
Title: Shropshire CCC
Author: Ed Foster


---------------------------------------------*/

body {
	font-family: Arial, Helvetica, Sans-serif;
	
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

html {
	font-family: Arial, Helvetica, Sans-serif;
	
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

a:link {
	color:#cc9900;
	text-decoration:none;
	border:none;
}
a {
	color:#cc9900;
	text-decoration:none;
	border:none;
}

* {margin: 0px; padding: 0px;}
a img {border: none;}


.ButtonRollover{
cursor:pointer;
}

.scorecard{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #000066;
	line-height: 12pt;
	padding: 1px;
	text-decoration: none;
	vertical-align:top;
	}

.h1boldwhite{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #000066;
	line-height: 12pt;
	padding: 1px;
	font-weight:bold;
	text-decoration: none;
	}
	
.h1boldwhite18{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 18pt;
	color: #000066;
	line-height: 24pt;
	padding: 1px;
	font-weight:bold;
	text-decoration: none;
	}
	
.h1boldwhite14{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14pt;
	color: #000066;
	line-height: 18pt;
	padding: 1px;
	font-weight:bold;
	text-decoration: none;
	}

/*------------------------------------------------- Framework --*/

#contentwrapper {width: 1000px; background: #ffffff; margin:0px auto; padding: 0px 0px 0px 0px; text-align: center; overflow:auto;}

#header {width: 990px; margin: 0px 0px 0px 0px;  padding: 0px; text-align: center; background: #000066;}
#maincontent {width: 990px; margin: 0px 0px 0px 0px;  padding: 0px; text-align: center;}

#leftcontent {width: 676px; background: #ffffff; text-align: center; border: 1px solid #cc9900; float: left; margin: 10px 0px 10px 0px;  padding: 0px;}
#rightcol {width: 300px;  float:right; text-align: left; margin: 10px 2px 0px 10px; padding: 0px;}
#rightcontent {width: 300px; background: #ffffff; border: 1px solid #cc9900; text-align: left; margin: 0px 0px 10px 0px; padding: 0px;}
#sponsors {width: 990px; margin: 0px 0px 10px 0px;  padding: 0px; text-align: center;}
#footer {width: 990px; margin: 0px 0px 10px 0px;  padding: 0px; text-align: center; background: url(../images/footer.jpg); height:51px;}

#twitter {width: 820px;  float: left; background: #ffffff; margin: 5px 15px 5px 15px; padding: 0px 0px 0px 0px;}
#twitterword {width: 170px;  text-align: right; float: right;  vertical-align: bottom; margin: 15px 0px 0px 0px;  padding: 0px 5px 5px 0px;}
#twitterbird {width: 60px;  text-align: left; float: left; vertical-align: top; margin: 0px;  padding: 5px 0px 5px 5px;}
#twitterquote {width: 400px; float: left; margin: 0px 0px 0px 10px;  padding: 5px 0px 5px 0px;}
#footerleft {width: 410px;  text-align: left; float: left; margin: 15px 5px 15px 15px;  padding: 0px 0px 0px 0px;}
#footerright {width: 248px;  text-align: right; float: right; margin: 15px 15px 15px 0px; padding: 0px 0px 0px 0px; }

/*------------------------------------------------- TopNav --*/

#topnav{
	height: 22px;
	float:centre;
	background: url(../images/shadegoldbgupsidedown.jpg);
	width:990px;
	margin: 0px 0px 0px 0px;
	text-transform:uppercase;
}

#topnav ul{
	font-family: Arial, Helvetica, Sans-serif;
	padding: 2px 0px 0px 0px;
	font-size:.6em;
	color:#000066;
	font-weight:bold;
}

#topnav li{
	padding:0px 20px 0px 20px;
	border-right: none;
	display: inline;
}

body.homepage #topnav li a.nav_home{color:#ffffff;}
body.about #topnav li a.nav_content{color:#ffffff;}
body.fixtures #topnav li a.nav_fixtures{color:#ffffff;}
body.players #topnav li a.nav_players{color:#ffffff;}
body.stats #topnav li a.nav_stats{color:#ffffff;}
body.news #topnav li a.nav_news{color:#ffffff;}
body.membership #topnav li a.nav_membership{color:#ffffff;}
body.sponsors #topnav li a.nav_sponsors{color:#ffffff;}


#topnav li a:visited{
	color:#000066;
	text-decoration: none;
}

#topnav li a:link{
	color:#000066;
	text-decoration: none;
}

#topnav li a:hover{
	color: #ffffff;
}



/*------------------------------------------------- Left Column --*/

#leftcontent p{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #000066;
	line-height: 12pt;
	padding: 0px 4px 0px 4px;
	text-decoration: none;
	}
	
#leftcontent h2{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #000066;
	line-height: 12pt;
	padding: 0px 4px 0px 4px;
	text-decoration: none;
	font-weight:bold;
	}
	
#leftcontent h1{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #cc9900;
	padding: 0px 4px 0px 4px;
	line-height: 12pt;
	text-decoration: none;
	}
	
#leftcontent h3{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	color: #000066;
	padding: 0px 4px 0px 4px;
	line-height: 14pt;
	text-decoration: none;
	}
	
#leftcontent h4{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #000066;
	height: 22px;
	line-height:20px;
	background: url(../images/shadegoldbgupsidedown.jpg);
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
	}
	
#leftcontent h5{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #000066;
	height: 20px;
	line-height:20px;
	border-bottom-color: 000066;
	
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}

	
#leftcontent a{
	text-decoration: none;
	color: #cc9900;
}



/*------------------------------------------------- Right Col --*/

#rightcol h1 {
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #000066;
	height: 22px;
	line-height:20px;
	background: url(../images/shadegoldbgupsidedown.jpg);
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 0px 0px;
	
	}

#rightcol p {
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	padding: 4px;
	font-size: 8pt;
	color: #000066;
	line-height: 12pt;
	font-weight:normal;
	
}

/*------------------------------------------------- Sponsors --*/

#sponsors h1 {
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #000066;
	height: 22px;
	line-height:20px;
	background: url(../images/shadegoldbgupsidedown.jpg);
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 2px 0px;
	
	}

#sponsors p {
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	padding: 7px 0px 0px 0px;
	font-size: 8pt;
	color: #000066;
	line-height: 12pt;
	font-weight:normal;
	
}

/*------------------------------------------------- Footer --*/

#footer h1 {
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #000066;
	height: 22px;
	line-height:20px;
	background: url(../images/shadegoldbgupsidedown.jpg);
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 2px 0px;
	
	}

#footer p {
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	padding: 3px 4px 3px 4px;
	font-size: 8pt;
	color: #ffffff;
	line-height: 11pt;
	font-weight:normal;
	
}

/*------------------------------------------------- Twitter --*/

#twitterquote h1{
	text-align: left;
	font-family: Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #808080;
	line-height: 12pt;
	text-decoration: none;
	}

#twitterquote h2{
	text-align: right;
	font-family: Verdana;
	font-size: 7pt;
	font-weight:normal;
	color: #FF9900;
	line-height: 10pt;
	text-decoration: none;
	}
	
#twitterquote h3{
	text-align: left;
	font-family: Verdana;
	font-size: 10pt;
	color: #808080;
	font-weight: normal;
	line-height: 12pt;
	font-style:italic;
	text-decoration: none;
	}
	
#twitterquote a{
	text-decoration: none;
	color: #FF9900;
}


/*------------------------------------------------- Footer --*/

#footerleft p{
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 7pt;
	color: #808080;
	line-height: 10pt;
	text-decoration: none;
	}
	
#leftcol a{
	text-decoration: none;
	color: #FF9900;
}

#footerright p{
	text-align: right;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 7pt;
	color: #808080;
	line-height: 10pt;
	text-decoration: none;
	}
	
#leftcol a{
	text-decoration: none;
	color: #FF9900;
}

.clearfix {
	clear:both;
}


/*------- Adverts --------*/

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:409px;
	margin:0px auto;
	padding:0;
	float:left;
}

/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	padding:0;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	
}
    div#rotator ul li.show {
	z-index:500;
}

