/* Styling for the Timperley Villa FC Website */

/* **************** */
/* Generic Settings */
/* **************** */

body {background-color:#FFF; margin:0; padding:0; text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

/* Make spacing in IE/FF similar */
p, h1, h2, h3, h4, h5, h6 {margin:  0 0 1em 0; padding:  0; font-size:12px;} 	

/* Headings */
h1 {font-size:18px; color:#FFF;} 									
h2 {font-size:16px; color:#FFF;}
h3 {font-size:14px; color:#FFF;}
h4 {font-size:13px; color:#FFF;}
h5 {font-size:12px; color:#FFF;}
h6 {font-size:10px; color:#FFF;}

/* Link behaviour */
h1 a:link, a:visited, a:active, a:hover {text-decoration: none; color:#fbff8d;} 									
h2 a:link, a:visited, a:active, a:hover {text-decoration: none; color:#fbff8d;}
h3 a:link, a:visited, a:active, a:hover {text-decoration: none; color:#fbff8d;}
h4 a:link, a:visited, a:active, a:hover {text-decoration: none; color:#fbff8d;}
h5 a:link, a:visited, a:active, a:hover {text-decoration: none; color:#fbff8d;}
h6 a:link, a:visited, a:active, a:hover {text-decoration: none; color:#fbff8d;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: none; color:#CCC;}
a img {border:0;}
#nav a{color:#000;}
#buttons a{color:#000;}

/* Form objects */
.input_medium{width:250px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_large{width:350px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_xlarge{width:450px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_small{width:50px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_xsmall{width:10px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input{width:100px; height:18px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:left; vertical-align:middle;}
.input_error{border:1px solid #F00}
input:hover,
input:active,
input:focus,
select:hover,
select:active,
select:focus,
textarea:hover,
textarea:active,
textarea:focus {
	border:1px solid #fbff8d; /* Hover, Active and Focus Behaviour */
}
.button{margin:5px auto; border:1px solid #000; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; text-align:center; vertical-align:middle;}
TEXTAREA{width:400px; height:200px; margin:5px auto; border:1px solid #000; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:left; vertical-align:middle;}
SELECT{border:1px solid #000; margin:5px auto; background-color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:left; vertical-align:middle;}


/* *********** */
/* Main System */
/* *********** */

/* Wrappers */
#wrap{width:910px; margin:0 auto; padding:20px; background-color:#fbff8d; margin-top:20px;}
#grey{width:890px; background-color:#999999; margin:5px auto 0; padding:5px;}
#header{width:900px; margin:0 auto; padding:0;}
#nav{width:900px; margin:0 auto; padding:0;}
#ads{width:130px; text-align:center; float:left;}
#login_box{width:183px; text-align:center; float:right; padding:10px 0;}

/* Buttons */

/* Content */
.content{background-color:#9999999; width:550px; height:100%; margin:0 0 0 10px; padding:1px 0; color:#000; float:left;}


/* footer */
#footer p{font-size:10px;}
#footer{margin:0 auto;width:900px; text-align:center; font-family:Verdana, Geneva, sans-serif; color:#000; font-size:10px; font-weight:bold;}

/* Chrome Menu - Navigation */
.chromestyle{
	width: 900px;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-stretch:expanded;
	text-transform: uppercase;
	color: #fbff8d;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top:0;
	padding-right: 0px;
	padding-left: 0px;
}

.chromestyle:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	background-color: #FFFFFF;
	color: #fbff8d;


}

.chromestyle ul{
	border: 1px none #fbff8d;
	width: 100%;
	background: url(images/chrometheme/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
	padding: 4px 0;
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
	display: inline;
	color: #fbff8d;
	font-size: 11px;


}

.chromestyle ul li a{
	color: #000;
	padding: 4px 7px;
	margin: 0;
	text-decoration: none;
	border-right: 1px solid #fbff8d;
	background-color: #999999;
	font-size: 11px;


}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{
	background: #336699 url(chromebg-over.gif) repeat-x center center;
	color: #fbff8d;
	font-size: 11px;
	list-style-type: none;



}

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px solid #336699;
	border-bottom-width: 0;
	font:normal 12px/18px Verdana;
	z-index:100;
	background-color: #999999;
	width: 200px;
	visibility: hidden;
	filter: progid;
	color: #FFFFFF;
:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #336699;
	padding: 2px 0;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #999999;
	font-size: 11px;


}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #336699;
}