/*

Stylesheet for Ilminster Town FC
Handwritten by Richard Wilmot (stuffedhippo.co.uk)
www.ilminstertownfc.co.uk

*/


/* ------------ Defaults ------------ */

#skip { 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
	
body {
	background: #fff url('../images/body-bg.gif') repeat top left;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	color:#365e91;
	font-size: 0.7em;
	line-height: 1.5em;
	background-color:#000
	}

#container {
	margin: auto;
	width: 960px;
	background-color:#fff
	}

p {
	margin-bottom: 10px
	}
	
p.red {
	margin-bottom: 10px;
	color:#990000
	}
	
p.sponsor {
	margin-bottom: 0px;
	font-size: 115%;
	text-align:center;
	}
	
p.sponsor a {
	text-decoration:none;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	color:#365e91
	}
	
p.sponsor a:hover {
	text-decoration:underline;
	}
	
p.smallprint {
	margin-top: 20px;
	font-size:75%;
	line-height:1em
	}
	
h2 {
	font-size:150%;
	margin-bottom: 20px;
	color:#365e91
	}
	
#shopping h2 {
	margin-left:16px
	}
	
#last-updated {
	text-align:center;
	width:100%
	}
	
.cleared {
	clear: both;
	}

hr {
	display: none;
	}
	
abbr {
	border-bottom: 1px dotted #000;
	cursor: help;
	}



/* --------- Branding --------- */

#branding {
	height: 100px;
	text-indent: -25000px;	
	width: 960px; 
	}

#branding h1 a {
	background: url('../images/branding-bg.gif') no-repeat top left;
	display: block;
	float: left;
	height: 100px;
	width: 960px;
	}

/* --------- Navigation --------- */

#nav-container {
	float:left;
	height: 28px;
	padding:0px 0px 0px 30px;
	width: 930px; 
	}

#nav {
	background: url('../images/nav-bg.gif') no-repeat top left;
	clear: both; 
	float: left;
	height: 28px;
	text-indent: -25000px;
	width: 760px;
	padding-left:140px
	}

#nav li { 
	float: left;
	}

#nav a {
	display: block;
	height: 56px;
	}

#nav a:hover, #nav .selected {
	background-position: 0 -28px;
	}

#nav-home a {
	background: url('../images/nav-home.gif') no-repeat top left;
	width:103px
	}
	
#nav-teams a {
	background: url('../images/nav-teams.gif') no-repeat top left;
	width:100px
	}

#nav-gallery a {
	background: url('../images/nav-gallery.gif') no-repeat top left;
	width:100px
	}
	
#nav-forum a {
	background: url('../images/nav-forum.gif') no-repeat top left;
	width:100px
	}
	
#nav-contact a {
	background: url('../images/nav-contact.gif') no-repeat top left;
	width:100px
	}
	
#nav-shopping a {
	background: url('../images/nav-shopping.gif') no-repeat top left;
	width:103px
	}



/* --------- Content Container --------- */

#contentcontainer {
	background: url('../images/content-bg.gif') no-repeat 30px 0px;
	background-repeat:repeat-y;
	padding: 30px 30px 15px 30px;
	float:left;
	width: 900px;
	}


/* --------- Content DIVs --------- */

#default #content-left {
	float:left;
	width: 218px;
	padding-left:11px;
	padding-top: 11px;
	}
	
#default #content-centre {
	float:left;
	width: 408px;
	padding: 11px 17px 0px 17px;
	}

#default #content-right {
	float:right;
	width: 229px;
	padding-top: 11px;
	}




/* --------- Content (400 width) --------- */


#content {
	float:left;
	width: 408px;
	}

#content p {
	color:#365e91
	}
	
#teams #content, #forum #content, #gallery #content, #contact #content {
	width: 653px;
	padding-left:14px;
	}
	
#shopping #content {
	width: 886px;
	padding-left:14px;
	}
	
	
#content a {
	font-weight:bold;
	color:#365e91;
	text-decoration:none
	}
	
#content a:hover {
	text-decoration:underline
	}
	
#content-top {
	background: url('../images/content-top.gif') no-repeat top left;
	float:left;
	width: 408px;
	height: 29px;
	text-indent: -25000px;	
	}

#content-middle {
	background: url('../images/content-centre.gif') repeat-y top left;
	padding: 14px 14px 14px 14px;
	float:left;
	width: 380px;
	}
	
#content-bottom {
	background: url('../images/content-bottom.gif') no-repeat top left;
	float:left;
	width: 408px;
	height: 29px;
	text-indent: -25000px;	
	}
	
#teams #content-top, #forum #content-top, #gallery #content-top, #contact #content-top {
	background: url('../images/content-top-medium.gif') no-repeat top left;
	width: 643px;
	}

#teams #content-middle, #forum #content-middle, #gallery #content-middle , #contact #content-middle {
	background: url('../images/content-centre-medium.gif') repeat-y top left;
	padding: 14px 14px 14px 14px;
	width: 615px;
	}
	
#teams #content-bottom, #forum #content-bottom, #gallery #content-bottom, #contact #content-bottom {
	background: url('../images/content-bottom-medium.gif') no-repeat top left;
	width: 643px;
	text-indent: -25000px;	
	}


#shopping #content-top {
	background: url('../images/content-top-large.gif') no-repeat top left;
	width: 876px;
	}

#shopping #content-middle {
	background: url('../images/content-centre-large.gif') repeat-y top left;
	padding: 14px 14px 14px 14px;
	width: 854px;
	}
	
#shopping #content-bottom {
	background: url('../images/content-bottom-large.gif') no-repeat top left;
	width: 876px;
	text-indent: -25000px;	
	}



#teams #teams-container {
	float:left;
	width: 615px;
	padding-bottom: 20px;	
	}

#teams #teams-container .img-container {
	float:left;
	width: 160px;
	}
	
#teams #teams-container .text-container-left {
	float:left;
	padding-left: 10px;
	width: 155px;
	}
	
#teams #teams-container .text-container-right {
	float:left;
	padding-left: 10px;
	width: 155px;
	}
	
#teams #teams-container .link-container {
	float:left;
	width: 125px;
	}

/* --------- Football News --------- */


#news-container {
	float:left;
	width: 218px;
	color:#91bbf2;
	font-size:95%
	}
	
	
#news-container a {
	font-weight:bold;
	color:#365e91;
	text-decoration:none
	}
	
#news-container a:hover {
	text-decoration:underline
	}
	
#news-top {
	background: url('../images/footballnews-top.gif') no-repeat top left;
	float:left;
	width: 218px;
	height: 29px;
	text-indent: -25000px;	
	}

.side-bar-middle {
	background: url('../images/side-bar-centre.gif') repeat-y top left;
	padding: 14px 14px 0px 14px;
	float:left;
	width: 190px;
	}
	
.side-bar-bottom {
	background: url('../images/side-bar-bottom.gif') no-repeat top left;
	float:left;
	width: 218px;
	height: 29px;
	text-indent: -25000px;	
	}

	
	
/* --------- Quick Links --------- */


#quick-links-container {
	float:left;
	width: 218px;
	font-size:95%
	}

	
#quick-links-top {
	background: url('../images/quick-links-top.gif') no-repeat top left;
	float:left;
	width: 218px;
	height: 29px;
	text-indent: -25000px;	
	}


/* --------- Donkey of the Monment --------- */


#donkey-container {
	float:left;
	width: 218px;
	font-size:95%
	}
	
#donkey-top {
	background: url('../images/dotm-top.gif') no-repeat top left;
	float:left;
	width: 218px;
	height: 29px;
	text-indent: -25000px;	
	}


/* --------- Ads --------- */


#ads-container {
	float:left;
	width: 218px;
	font-size:95%
	}
	
#ads-top {
	background: url('../images/ads-top.gif') no-repeat top left;
	float:left;
	width: 218px;
	height: 29px;
	text-indent: -25000px;	
	}


/* --------- Forum --------- */


#forum-container {
	float:left;
	width: 218px;
	font-size:95%
	}

#forum-container a {
	font-weight:bold;
	color:#365e91;
	text-decoration:none
	}
	
#forum-container a:hover {
	text-decoration:underline
	}

#forum-top {
	background: url('../images/forum-top.gif') no-repeat top left;
	float:left;
	width: 218px;
	height: 29px;
	text-indent: -25000px;	
	}



	
/* ------------ Bullet Controls ------------ */

	
.bullet li {
	text-align: left;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat 0px 4px;
	padding-left: 15px;
	margin-bottom:5px;
	font-weight:bold
}

.bullet li a {
	text-decoration:none;
	color:#365e91
	}
	
.bullet li a:hover {
	text-decoration:underline
	}
	

/* ------------ Contact Form ------------ */
	
#form legend {
	display: none;
	}
	
#form label {
	color: #365e91;
	text-transform: uppercase;
	font-size:95%;
	font-weight:bold
	}
	
#form input, #form textarea {
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	font-size: 100%;
	width: 280px;
	margin-bottom: 10px
	}
	

#form textarea {
	height: 80px;
	}

	
#form #submit {
	height: 30px;
	vertical-align: middle;
	width: 108px;
	}
	
#form #submit a:hover {
	height: 30px;
	vertical-align: middle;
	width: 108px;
	}


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

#footer {
	background: url('../images/footer-bg.gif') no-repeat 30px 0px;
	clear: both;
	float:left;
	line-height: 1.1em;
	font-size: 85%;
	font-weight:bold;
	width: 920px;
	padding-right: 40px;
	padding-top:10px;
	text-align:right;
	color:#708c45;
	height:50px
	}
			
#footer a {
	color: #708c45;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}
	
#links {
	float: left;
	}
	
#copyright {
	float: right;
	text-align: right;
	}


	


	



	
	
	
	
	
	
	
	
	
	
	
	
	
	

	







/* ------------ Map ------------ */

#map {
	width:330px;
	height:250px;
	border:#143d55 thick solid;
	margin-bottom: 25px 
	}

	
	

	
	
/* ------------ Toolbox ------------ */

.float-left { float: left; }
.float-right { float: right; }
.align-right { text-align: right; }
.cleared { clear: both; }
.hide { display: none; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */