/* CSS Document */

/* HTML Elements */
body  {
	background: #FFFFFF;
	text-align: center; 
	color: #666;
	background-image: url(../images/background.jpg); 
	Background-repeat: repeat-x;
	font-family: Arial, "Helvetica", sans-serif;
	font-size: 90%;
}
h3 {font-size: 1em;}
h2 {font-size: 1.5em; font-weight: lighter}
a {color: #004183; text-decoration: none; font-weight: bold;}
a:hover {color: #036; text-decoration: underline;}

#hidden, .hidden, #header h2 {display: none;}

#container{margin: 0 auto;width: 800px;text-align: left;background: #fff; background-image: url(../images/widget_border.jpg); background-repeat: repeat-y}

#header {height: 226px;border-bottom: 1px solid #a9adb0; background: 
url(../images/Banner1.jpg)}
#header2 {height: 226px;border-bottom: 1px solid #a9adb0; background: 
url(../images/Banner2.jpg)}
#header3 {height: 226px;border-bottom: 1px solid #a9adb0; background: 
url(../images/Banner3.jpg)}
#header_gallery {height: 226px;border-bottom: 1px solid #a9adb0; background: 
url(../images/Banner3.jpg)}

#infobar {height: 18px; background: url(../images/info_background.jpg) #FFF;
 padding: 6px 12px; text-align: right; text-transform: uppercase; 
border: 5px solid #FFF;
border-left: none;
border-right: none;
 }
 
 #infobar p {font-size: 70%;padding: 2px; margin: 0; background: #fff; float: right}
#infobar a {color: #999}
#infobar a:hover {color: #666}

#navigation {height: 60px; text-transform: uppercase; background: #fff; font-family: Arial, "Helvetica", sans-serif; font-weight: lighter; background: url("../images/navbar_light_back.jpg") no-repeat bottom right; margin:0 0 5px 0;}
#navigation ul {list-style: none; margin: 0 0 0 15px; padding: 0;}
#navigation li {float: left; margin: 1px;}
#navigation li a {padding: 5px 6px;color: #fff; display: block; width: 140px; height: 18px;background: URL("../images/navbar_dark.jpg") no-repeat;}
#navigation li a:hover {padding: 5px 6px;color: #fff; display: block; width: 140px; height: 18px;background: URL("../images/navbar_light.jpg") no-repeat; text-decoration: none}

#main_content{padding: 10px 0px 20px 20px;margin: 0 250px 0 0; min-height:800px}

#welcome_banner {display:block; float:left; width:530px; height:40px; text-transform:uppercase; font-size:1.5em; padding:7px 0 5px 10px; background-image:url("../images/welcome_banner2.jpg"); background-repeat:no-repeat; margin: 5px 0 5px 0; color:#FFFFFF}

#widget1 {float: right; width: 225px; padding: 12px 2px 10px 0;}
#calender {width: 211px; height: 270px; background: URL("../images/calendar_bg.jpg") no-repeat; text-transform: uppercase; color: #fff;}
#calender_title {width: 211px; padding: 12px 0 30px 12px; text-transform: uppercase; color: #fff; font-size:1.5em}
#calender_java {padding:10px 0 0 10px}

#news {width: 211px; height: 400px; background: URL("../images/Fixtures_mockup.jpg") no-repeat; color: #fff;}
#news_title {width: 211px; padding: 12px 0 0 12px; color: #fff; font-size:1.5em; text-transform:uppercase }
#news_title h2{color: #848383; font-size:0.8em; font-weight:bold; margin:20px 0 0 0; }
#news_title p{width:130px; color: #848383; font-size:0.5em; margin: 0; text-transform:none; float:left}
#news_title p a {color:#990000}

.news_item {margin: 15px 5px 5px 0; min-height: 55px; max-height:100px; color:#999;}
.news_item p{font-size: 0.5em;margin: 0 0 0 0;padding: 0 0 0 0; }
.news_item span{float: left;width: 50px; font-size: 1.5em;font-weight: bold;padding:12px 0 0 9px; text-align: left; background: url("../images/calender.jpg") no-repeat; color:#666 }

#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/showcasethumb.jpg);}
a.slideb {background:url(../images/showcaseb_thumb.jpg);}
a.slidec {background:url(../images/showcasec_thumb.jpg);}
a.slided {background:url(../images/showcased_thumb.jpg);}
a.slidee {background:url(../images/showcasee_thumb.jpg);}
a.slidef {background:url(../images/showcase.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/showcase_background.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}




/*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;
}

#century {width: 211px; height: 104px; background: URL("../images/widget_century.jpg") no-repeat; color: #fff;}

#century h2 {color:#FFF; padding:15px 0 0 10px; font-size:18px}

#century p {color:#333; padding:0 0 0 10px}
#century p a {color:#99CC00}
#century p a:hover {color:#990000; text-decoration:none}


#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}

#download_item {width:200px; height:145px; display:block; background:url("http://www.eurotwenty20.eu/assets/images/shell/download_file.jpg") no-repeat; margin:10px 0 10px 4px}
#download_item img {padding:10px 0 0 10px; float:left; width:70px}
#download_item h2 {float:left; font-size:16px; font-weight:bold; width:100px !important; background:none !important; padding: 10px 0 0 15px !important; margin:0 !important}
#download_item p {float:left; width:180px !important; background:none !important; padding: 0 0 0 15px !important; margin:0 !important}

#widget_sponsers {width: 211px; height: 330px; background: URL("../images/sponsor_widgets.jpg") no-repeat; padding: 50px 16px 0 10px}
#widget_sponsers p {width:200px}
#widget_sponsers img {padding: 0 0 0 15px}

#footer {clear: both; width:750px;font-size: 70%; color: #FFF;border-top: 1px solid #a9adb0; background: #030; padding: 0px 10px 0px 10px; display:block; float:left}
#footer p {float:left; display:block}
#footer  img { float:right; padding:5px; margin:0}