/* 
   #D6151C: Red Background
   #C9E27A: Light Green (Link Colour)
*/

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

CSS Developed for Tullans FC by Postscript5 - http://www.postscript5.co.uk

This site has been tested on Mozilla, Firefox, IE, PC & Mac. And on various screen resolutions.

Email: hello@postscript5.co.uk or maurice@tullansfcni.com

Please learn from this css but please do not steal either the CSS or content. 

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


/* ---  start of css styling --- */

* {
	margin: 0;
	padding: 0;
}

/* ---  basic layout --- */

body {
	color: #fff;
	background: #D6151C;
	text-align: center;
	font:15px "arial", helvetica, sans-serif;
	line-height: 160%;
}

#main, #content {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	left: -18px;
}

#header {
	height: 150px;
}

#header_content {
	padding: 45px 0 0 430px;
}

/* club badge */

#badge {
	margin-top: -12px;
	width: 80px;
	height: 84px;
}

/* nav menus */

#nav_content {
	padding: 0 0 0 0px;
}

ul#horizontal_nav {
	margin: -10px 0 0 0;
	padding-left: 0;
	white-space: nowrap;
	text-transform: uppercase;
	font: bold 12px helvetica, sans-serif;
}

#horizontal_nav li{
	display: inline;
	list-style-type: none;
}

#horizontal_nav a { padding: 5px 10px; }

#horizontal_nav a:link, #horizontal_nav a:visited {
	color: #D6151C;
	background-color: #fff;
	text-decoration: none;
}

#horizontal_nav a:hover {
	color: #fff;
	background-color: #D6141C;
	text-decoration: none;
}

/* main content areas */

#grass_header {
	background: #ffffff url(images/header_grass.jpg) no-repeat;
	margin-top: 0px;
	height:306px;
	border-top:1px;
	border-bottom:0px;
	z-index: 100;
}

#main {
	padding: 40px 0 24px 0;
	width: 490px;
}

/* columns */

#content {
	font-size: 11px; 
	line-height: 160%;
	color: #e0e0e0;
}

#leftcontent {
	width: 555px;
	float: left;
	margin: 30px 0 0 0;
}

#rightcontent {
	width: 225px;
	float: right;
	margin-top: 35px;
}

.contactbox {
	background-color: #e3e4e5;
	color: #d6151c;
	padding: 1px 20px 20px;
	width: 400px;
}

/* Contact Form */

form {
	margin: -225px 230px 0px;
	padding: 0 1em;
}
label {
	width: 150px;
}
input {
	width: 150px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
	padding: 1px;
	align: center;
	color: #333;
}
textarea {
	width: 160px;
	border: 1px solid #ccc;
	padding: 1px;
	color: #333;
}
select { 
	padding: 1px;
}
input:focus, textarea:focus {
	background: #9FDACC;
	color: #000;
}
input.submit:focus {
	background: #9FDACC;
	color: #fff;
}
.submit {
	padding: 1px;
	background: #d6151c;
	border: 1px solid #7c0c10;
	color: #fff;
	margin-top: 10px;
}

/* headlines and linkage */

h2 {
	font: bold 24px helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding-bottom: 3px;
	line-height: 90%;
}

h3 {
	font: bold 14px helvetica, sans-serif;
	line-height: 100%;
	text-transform: uppercase;
	padding-bottom: 10px;
}

h4 {
	font: bold 13px helvetica, sans-serif;
	color: #C9E27A;
	line-height: 100%;
}

h5 {
	font: 11px arial, sans-serif;
	color: #C9E27A;
	line-height: 100%;
}

a:link, a:visited {
	color: #C9E27A;
	background-color: #D6151C;
	text-decoration: none;
}

a:hover, a:active {
	color: #B0E215;
	background-color: #D6151C;
	text-decoration: underline;
}

#image {
	border: 3px solid #ffffff;
}

p {
	padding: 0 0 16px 0;
}

/* --- footer --- */

#footer {
	clear: both;
	height: 30px;
	padding:0;
	background: #ffffff;
	text-align: center;
}

#footer p {
	width: 505px;
    height: 10px;
	float: left;
	margin-left:10px;
    padding: 7px;
	font:12px "lucida grande", helvetica, sans-serif;
	color: #D6151C;
	text-align: left;
	line-height: 140%;
}

#footer a {
	background-color: #ffffff;
	color: #D6151C;
}

.right {
	float: right;
	margin-right:10px;
    padding: 7px;
	font:12px "lucida grande", helvetica, sans-serif;
	color: #D6151C;
	text-align: left;
	line-height: 140%;
}

.right_wraparound {
	margin: 10px 0 0 0;
	clear: both;
}

/* --- table styling --- */

#resultstable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/* --- end of css styling --- */