#background {}

#header{
	position:absolute;top:10px;left:0px;
	height:165px;
	width:785px;
}

#content {position:relative;top:230px;width:785px;}
.narrow {

	position:relative;left:2px;top:-1px;
	float:left;
	clear:left;
	width:255px;
	margin:20px 0px 30px 0px;
}
* html .narrow {margin-bottom:20px;}
.narrow_top{height:20px;position:relative;top:-20px;}
.narrow_bottom{height:20px;position:relative;top:20px;}
.narrow_inner{margin:-22px 30px 0px 15px;}
.narrow h2 {margin-top:0px;}
#wide {
	
	position:relative;right:-2px;
	float:right;
	width:515px;
	margin:20px 0px 0px;
}
#wide_top{height:20px;position:relative;top:-20px;}
#wide_bottom{height:20px;position:relative;top:20px;}
.wide_inner{margin:-22px 35px 0px 25px;}
#wide_left {
	margin-top:10px;
	float:left;
	width:260px;
	padding-left:10px;
}
#wide_right {
	margin-top:10px;
	float:right;
	width:150px;	
	border-left:2px solid #F2F2F2;
	padding-left:20px;
}
#navigation {
	position:absolute;top:175px;left:0px;

	width:785px;
	
	text-align:center;
	height:50px;
}
#navigation ul {
	margin:0px;padding:0px;
	margin-top:10px;
}
#navigation ul li {
	list-style:none;
	display:inline;
}
#navigation ul li a {font-weight:bold;text-decoration:none;}

#navigation_sub {
	text-align:right;
	color:#528CAD;
	font-weight:bold;
	position:absolute;top:95px;left:100px;
}
#navigation_sub ul {
	margin:0px;padding:0px;
	margin-top:15px;
}
#navigation_sub ul li {
	list-style:none;
	display:inline;
}
#navigation_sub ul li a {font-weight:bold;text-decoration:none;}

#usermenu {
	position:absolute;top:55px;right:40px;
	color:#528CAD;
	font-weight:bold;
	width:320px;
}
* html #usermenu {right:50px;}
#usermenu label {text-align:left;}
#usermenu a {}
#usermenu input.text {width:100px;font-size:10px;}
#usermenu input.submit {font-size:10px;}
.usermenu_left {float:left;width:140px;}
.usermenu_right {float:right;width:140px;margin-right:30px;}

.left {float:left;}
.right {float:right;}

ul.inline {margin:0px;padding:0px;}
ul.inline li {display:inline;margin:2px 5px;}

.results option, .results select, .results input, .results textarea, .results file {font-size:11px;}
.results select, .results input {margin-bottom:5px;}

#wide input.submit {margin-top:10px;text-align:center;}

.subnav {margin:0px;padding:0px;}
.subnav li {display:inline;margin:0px 2px;}
.subnav li a {padding:2px 3px;display:inline-block}
.subnav li a:hover {background:#f9f9f9;}
.subnav li.active a {background:#666;color:white;}

.subnav {text-align:right;margin:10px 0px;}
.subnav li {display:inline;margin-left:5px;}

#footer {position:relative;top:260px;border-top:3px solid white;color:white;padding:10px;font-weight:bold;text-align:right;}
* html #footer {margin-top:260px;}
#footer ul {margin:0px;padding:0px;}
#footer ul li {display:inline;margin:0px 0px 0px 5px;}
#footer a {color:white;font-weight:normal;}

/* STYLES */

a {color:#2F3B62;}
a:hover {text-decoration:none;}

ul, li {margin:0px;padding:0px;}


img.left {margin:0px 20px 10px 0px;}
img.mini {height:40px;width:40px;float:left;margin:5px;}

h1, h2, h3, h4 {margin-top:10px;margin-bottom:7px;font-style:italic;font-weight:bold;}

h1 {font-size:24px;color:#2F3B62;margin-top:0px;}
.narrow h1 {font-size:16px;}
h1 .header_lower {font-size:18px;color:#528CAD}
h2 {font-size:20px;color:#528CAD;}
.narrow h2 {font-size:16px;}
h3 {font-size:14px;margin-top:10px;}
h4 {font-size:16px;margin-top:0px;}

table {width:100%;padding:0px;margin:0px;}
th {background:#7A99E0;border:none;color:white;font-weight:bold;text-align:center;}
td {border:none;}
th, td {padding:3px 5px;}

td.win, td.lost, td.draw {text-align:center;}
td.win {background:green;color:white;font-weight:bold;}
td.lost {background:red;color:white;font-weight:bold;}
td.draw {background:blue;color:white;font-weight:bold;}
table.none td, table.none {padding:3px 0px;border-bottom:none;}

td.large {font-size:16px;font-weight:bold;}
td.first {border-bottom:1px solid #E8EDFA;}
td.second {background:#E8EDFA;border-bottom:1px solid white;}
td.edit {padding:0px;text-align:right;border-bottom:none;margin-bottom:5px;}
td.report {background:#EFEFFF;border:1px solid #7B9AE7;border-width:0px 2px;}

#wide_right ul {margin:0px;padding:0px;}
#wide_right ul li {list-style:none;margin-bottom:10px;}

.center {text-align:center;}

hr {border:4px solid #F2F2F2;border-width:1px 0px;margin:5px 0px;}

.date, .event {font-weight:bold;color:white;padding:3px 10px;background:black;}
.event {background:red;border:1px solid black;}
.in {margin-left:5px;}

label {float:left;width:100px;text-align:right;font-weight:bold;padding-top:3px;margin-right:10px;}

.redcross {background:url(/images/redcross.gif) no-repeat left;font-style:italic;padding-left:15px;}

a.photo, a.small_photo, a.large_photo {border:1px dotted #CCCCCC;padding:3px;display:block;text-align:center;float:left;text-decoration:none;}

a.small_photo img {opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}
a.small_photo:hover img {opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}

img.small_photo {width:50px;}
img.photo {width:190px;}
img.large_photo {width:390px;}

.narrow li {list-style:none;padding:1px 5px;margin:0px;}
.narrow .active {background:#E8EDFA;padding:1px 5px;border-left:1px solid #518CAC;}

a:hover.photo {border:1px solid #3B5998;}
a.photo img {width:100px;}

.clock {color:#666666;background:url(/images/ico-clock.gif) no-repeat;height:15px;padding-left:20px;margin-bottom:5px;}

a.editresult {position:absolute;background:#EFEFFF;margin-right:-20px;margin-top:-10px;width:100px;text-align:right;padding:1px 3px;color:black;border:1px solid red;border-width:2px 2px 2px 1px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
a:hover.editresult {opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}

/**/
body {font:normal normal 12px/normal Helvetica, Arial, sans-serif;background:#330033 url(/images/styles/thanet/container.jpg) repeat-x top left;background-attachment:fixed;}

#navigation ul li {border-right:1px solid #2F3B62;margin:0px;padding:0px;border-color:#BBA9BB}
#navigation ul li a {color:#8C0031;font-size:90%;padding:2px 3px 0px 4px;}
#navigation ul li a:hover {color:#330033;}
#navigation ul li.active a {color:#330033;}

li.listitem {border-bottom:1px solid #AA93AA;padding:3px 4px;}
a {text-decoration:none;}

h1 {color:#330033;}
h2 {color:#880033;}

#usermenu {color:#330033}

th {background:#880033}
td.second {background:#FFD9E8}

.narrow .active {background:#FFD9E8;padding:1px 5px;border-left:1px solid #880033;}


#logo {
	position:relative;
	top:35px;
	left:20px;
	background:white url(/images/styles/thanet/thanetnetball_logo.jpg) no-repeat;
	height:75px;width:345px;
	text-indent:-9000px;
}
#header{
	background:url(/images/styles/thanet/header2.png) no-repeat;
}
* html #header{
	background:url(/images/styles/thanet/header2.gif) no-repeat;
}

#navigation{
	background:url(/images/styles/thanet/navigation2.png) no-repeat;
}
* html #navigation{
	background:url(/images/styles/thanet/navigation2.gif) no-repeat;
}

.narrow_top{
	background:url(/images/styles/thanet/narrow_top2.png) no-repeat;
}
* html .narrow_top{
	background:url(/images/styles/thanet/narrow_top2.gif) no-repeat;
}

.narrow{
	background:url(/images/styles/thanet/narrow_slice2.png) repeat-y;
}
* html .narrow{
	background:url(/images/styles/thanet/narrow_slice2.gif) repeat-y;
}

.narrow_bottom{
	background:url(/images/styles/thanet/narrow_bottom2.png) no-repeat;
}
* html .narrow_bottom{
	background:url(/images/styles/thanet/narrow_bottom2.gif) no-repeat;
}

#wide_top{
	background:url(/images/styles/thanet/wide_top2.png) no-repeat;
}
* html #wide_top{
	background:url(/images/styles/thanet/wide_top2.gif) no-repeat;
}

#wide{
	background:url(/images/styles/thanet/wide_slice2.png) repeat-y;
}
* html #wide{
	background:url(/images/styles/thanet/wide_slice.gif) repeat-y;
}

#wide_bottom{
	background:url(/images/styles/thanet/wide_bottom2.png) no-repeat;
}
* html #wide_bottom{
	background:url(/images/styles/thanet/wide_bottom2.gif) no-repeat;
}