/* CSS Document
Ben Louis-Smith
Embado.com
2009
 */


/*
-----------------------------------
INHERITED STYLES
----------------------------------- */
body {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 14px;
	line-height: auto;
	color: #3e3e3e;
	background: #174b05;
	padding: 0;
	margin: 0;
	}

div {
	padding: 0;
	margin: 0;
	text-align: left;
	}

a {
	text-decoration: underline;
	color: #3b8d1e;
	font-weight: normal;
	}

h1 {
	font-weight: normal;
	font-size: 18px;
	padding: 0;
	margin: 0;
	}

h2 {
	font-weight: normal;
	font-size: 18px;
	padding: 0;
	margin: 0;
	}

p {
	padding: 0 0 10px 0;
	margin: 0;
	}

/*
-----------------------------------
GENERIC STYLES
----------------------------------- */
div.float-right {
	float: right;
	}

div.clear {
	clear: both;
	}

/*
-----------------------------------
HEADER STYLES
----------------------------------- */
#header {
	width: 100%;
	height: 236px;
	background: url(../images/header.jpg) repeat-x;
	}

#cricket-ball {
	width: 100%;
	height: 236px;
	background: url(../images/cricket-ball.jpg) no-repeat;
	background-position: top right;
	}

#header-base {
	width: 780px;
	height: 236px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 20px 0 20px;
	background: #fff;
	}

#infobar {
	text-align: right;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #c2c2c2;
	}

#infobar p {
	margin: 0;
	padding: 8px 0 0 0;
	}

#infobar a {
	font-weight: bold;
	text-decoration: none;
	}

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

#editorial-one {
	width: 780px;
	height: 206px;
	background: url(../images/editorial1.jpg) no-repeat;
	margin-top: 8px;
	}

#editorial-two {
	width: 780px;
	height: 206px;
	background: url(../images/editorial2.jpg) no-repeat;
	margin-top: 8px;
	}

#editorial-three {
	width: 780px;
	height: 206px;
	background: url(../images/editorial3.jpg) no-repeat;
	margin-top: 8px;
	}

#editorial-four {
	width: 780px;
	height: 206px;
	background: url(../images/editorial4.jpg) no-repeat;
	margin-top: 8px;
	}

/*
-----------------------------------
CONTENT STYLES
----------------------------------- */
#content {
	width: 100%;
	text-align: center;
	background: url(../images/content.jpg);
	padding-bottom: 40px;
	}

#content-base {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 20px 20px 20px;
	background: #fff;
	}

#navigation {
	width: 780px;
	padding: 7px 0 8px 0;
	margin-bottom: 20px;
	text-align: center;
	font-family: "Verdana", Helvetica, Arial, sans-serif;
	font-size: 12px;
	border-bottom: 4px solid #3b8d1e;
	}

#navigation a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding: 2px;
	}

#navigation a:hover {
	font-weight: bold;
	color: #fff;
	background: #3b8d1e;
	}

#navigation ul {
	padding: 0;
	margin: 0;
	}

#navigation li {
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

/*
-----------------------------------
MAIN CONTENT STYLES
----------------------------------- */
#main_content {
	float: left;
	width: 530px;
	margin-right: 24px;
	}

#main_content img {
	margin: 2px 10px 10px 5px;
	}

#welcome_banner {
	width: 530px;
	font-weight: normal;
	font-size: 18px;
	padding: 10px 0 1px 0;
	margin: 0 0 15px 0;
	color: #3b8d1e;
	text-transform: uppercase;
	border-bottom: 1px solid #3b8d1e;
	}

/*
-----------------------------------
WIDGET CONTENT STYLES
----------------------------------- */
#widget1 {
	float: left;
	width: 226px;
	}

#widget1 h2 {
	text-transform: uppercase;
	color: #fff;
	}

#century {
	width: 202px;
	height: 128px;
	padding: 6px 0 0 24px;
	margin-bottom: 10px;
	background: url(../images/century.jpg) no-repeat;
	}

#century p {
	color: #fff;
	}

#century a {
	color: #fff;
	font-weight: bold;
	}

#news {
	width: 212px;
	background: url(../images/news.gif) no-repeat #d4e3f6;
	background-position: bottom left;
	padding-bottom: 5px;
	margin: 0 0 10px 14px;
	}

#news_title {
	width: 202px;
	height: 26px;
	padding: 4px 0 0 10px;
	background: #114585;
	border-bottom: 1px solid #fff;
	}

.news_item {
	margin: 10px 5px 10px 0;
	min-height: 55px;
	color:#3e3e3e;
	}

.news_item span {
	float: left;
	width: 50px;
	height: 50px;
	font-size: 30px;
	color: #5b86b9;
	padding: 12px 0 0 7px;
	margin-left: 10px;
	background: url("../images/calender.gif") no-repeat;
	}

.news_item p {
	font-size: 11px;
	margin: 0;
	padding: 0;
	}

.news_item a {
	font-size: 12px;
	font-weight: bold;
	color: #114585;
	}

#calender {
	width: 212px;
	margin: 0 0 10px 14px;
	background: #3b8d1e;
	}

#calender_title {
	width: 202px;
	height: 26px;
	padding: 4px 0 0 10px;
	background: #174b05;
	border-bottom: 1px solid #fff;
	}

#calender_java {
	padding: 11px;
	}

#downloads {
	width: 212px;
	background: url(../images/downloads.jpg) no-repeat #1d69c6;
	background-position: bottom left;
	padding-bottom: 5px;
	margin: 0 0 10px 14px;
	}

#downloads_title {
	width: 202px;
	height: 26px;
	padding: 4px 0 0 10px;
	background: #114585;
	border-bottom: 1px solid #fff;
	}

#downloads p {
	font-size: 11px;
	color: #fff;
	margin: 0;
	padding: 0;
	}

#downloads a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	}

#downloads img {
	float: left;
	margin: 2px 10px 10px 0;
	}

#downloads_divider {
	width: 192px;
	height: 1px;
	margin: 0 0 0 10px;
	background: url(../images/downloads_divider.gif) repeat-x;
	}

div.downloads_item {
	padding: 10px;
	}

#sponsor {
	width: 212px;
	background: #d4e3f6;
	padding-bottom: 5px;
	margin: 0 0 0 14px;
	}

#sponsor_title {
	width: 202px;
	height: 26px;
	padding: 4px 0 0 10px;
	background: #114585;
	border-bottom: 1px solid #fff;
	}

#sponsor p {
	padding: 10px;
	font-size: 12px;
	}

#sponsor a {
	color: #114585;
	}

#sponsor img {
	margin: 0 0 5px 10px;
	}

/*
-----------------------------------
SIGN OFF STYLES
----------------------------------- */
#rope {
	width: 100%;
	height: 33px;
	background: url(../images/rope.jpg) repeat-x;
	}

#footer {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #fff;
	padding: 10px 0 15px 0;
	}

#footer p {
	margin: 0;
	padding: 0;
	}

#footer a {
	color: #fff;
	}

/*
-----------------------------------
LEGACY STYLES
----------------------------------- */
h3 {font-size: 1em;}
#hidden, .hidden, #header h2 {display: none;}

#widget2 {float: right; width: 225px; padding: 12px 2px 10px 0}
#tour {width: 211px; height: 300px; background: URL("../images/Fixtures_mockup.jpg") no-repeat;   text-transform: uppercase; color: #fff;}
#tour_title {width: 211px; padding: 12px 0 0 12px; text-transform: uppercase; color: #fff; font-size:1.5em}
#tour_title h2{text-transform: uppercase; color: #848383; font-size:0.8em; font-weight:bold; margin:20px 0 0 0}
#tour_title p{width:180px; text-transform: lowercase; color: #848383; font-size:0.5em; margin: 0}
#tour_title p a {color:#990000}

#widgets {float: right; width: 225px; padding: 10px 2px 10px 0}
#fixtures {width: 211px; height: 300px; background: URL("../images/Fixtures_mockup.jpg") no-repeat; padding: 6px 0 0 8px;   text-transform: uppercase; color: #C0C0C0; line-height:220%; font-size:90%; table-layout: fixed;}
#fixtures h2 { margin: 0; padding: 0; color: #fff; font-size: 100%; letter-spacing: 2px}
#fixtures h3 { margin: 0; padding: 0; color: #C0C0C0; font-size: 100%; letter-spacing: 2px; text-align: center}
#fixtures a { background: URL("../images/calander_background.jpg"); color: #9a0404}

a.gallery, a.gallery:visited {display:block;  color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(../images/home1_thumb.jpg);}
a.slideb {background:url(../images/home2_thumb.jpg);}
a.slidec {background:url(../images/home3_thumb.jpg);}
a.slided {background:url(../images/home4_thumb.jpg);}
a.slidee {background:url(../images/home5_thumb.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

#showcase {position:relative; width:518px; height:301px; background:#fff; background-image:url(../images/home1.jpg); border:1px solid #C0C0C0;}
#showcase img {border:0;}
#showcase .thumbs {width:91px; position:absolute; right:0; top:0;}
#showcase a.gallery:hover span {display:block; position:absolute; width:402px; height:301px; top:255px; left:-422px; padding:5px; font-style:italic; color: #C0C0C0;  z-index:100;}
#showcase a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#707070;}
#showcase a.gallery:active, #showcase a.gallery:focus {border:1px solid #000;}
#showcase a.gallery:active em, #showcase a.gallery:focus em {display:block; position:absolute; width:380px; height:250px; top:5px; left:-425px; color:#000; padding:5px; z-index:50;}
#showcase h1 {clear:both; margin:0 0 0 50px; padding-top:80px; padding-left:50px; width:300px; text-align:right; font-family: arial, "helvetica", sans-serif; font-size:3em; font-weight:normal; color:#fff;}
#showcase h1 em {font-size:0.6em; color:#000;}

#results_page {width:520px; height:700px;border:1px solid #C0C0C0;}
#results_sub {width: 520px; padding: 5px 0 0 10px; font-size:1em; text-decoration:none; font-style:italic;}
#results_header {width:520px; height:30px; text-transform: uppercase; font-size:2em; font-weight:bold; padding:5px 0 0 10px; color:#333333}
#results_header span {color:#990000}
#results_page ul {list-style: none; margin: 0; padding: 10px 0 0 5px;}
#results_page li { display: block; float: left; width:150px; height:170px; margin: 5px; font-size:2em}
#results_page li span {font-size:0.5em; color:#fff}
#results_page li a {display:block; width:150px; height:170px; color: #fff;background-color:#ccc; vertical-align:bottom; text-align:center}
#results_page li a:hover {color: #fff; display: block; text-decoration: none; background-color:#7a0001}

#fixtures_page {width:520px; height:520px; border:1px solid #C0C0C0;}
#fixtures_header {width:520px; height:30px; text-transform: uppercase; font-size:2em; font-weight:bold; padding:5px 0 0 10px; color:#333333}
#fixtures_header span {color:#990000}
#fixtures_months {width: 520px; padding: 5px 0 0 10px; font-size:1em; text-decoration:none; font-style:italic;}
#fixtures_months a  {font-size:1em; color: #999999;text-decoration:none;}
#fixtures_months a:hover { font-size:1em; color:#7a0001}
#fixtures_page ul {list-style: none; margin: 0; padding: 10px 0 0 5px;}
#fixtures_page li { display: block; float: left; width:52px; height:82px; margin: 5px; font-size:1.5em}
#fixtures_page li a {display:block; width:52px; height:82px; color: #fff;background-color:#ebebeb; vertical-align:bottom; text-align: center}
#fixtures_page li a:hover {color: #fff; display: block; text-decoration: none; background-color:#7a0001}

#century_plat {background-color:#CCC}
#century_plat h2 {background-color: #000; color:#FFF; display:block; height:40px; padding:10px 10px 0 10px}
#century_plat img {padding:8px}

#century_gold {background-color:#CCC}
#century_gold h2 {background:#FFCC00; color:#FFF; display:block; height:40px; padding:10px 10px 0 10px}
#century_gold img {padding:8px}

#century_silver {background-color:#CCC}
#century_silver h2 {background:#999; color:#FFF; display:block; height:40px; padding:10px 10px 0 10px}
#century_silver img {padding:8px}

/*contact form*/
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; 
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; 
width: 150px; 
}

.cssform input[type="text"]{ 
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

* html .threepxfix{
margin-left: 3px;
}


/*calendar*/

.main {
width:190px;
border:none;
}

.month {
background-color: #336600;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color: #669900;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: #FFFFCC;
padding: 4px 2px 4px 2px;
}

.days #today{
font-weight: bold;
color: red;
}

#macflag {margin: 0 0 10px 14px;}