/*#############################################################
Name: ClubsportDundee.co.uk
Date: 2008-02-12
Description: Clubsport with green coporate color.
Author: Mohammed Saghir
URL: http://clubsportdundee.co.uk
#############################################################*/

/* standard elements */
*{
	margin: 0;
	padding: 0;
}
a {color: #682;}
a:hover {color: #9A6;}
body {
	background: white url(img/bg.gif)  ;
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
}
input {
	color: #555;
	font: normal 1.1em Verdana, Arial
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
ul {margin-left: 1.2em;}
h1 {font-size: 1.4em;}
h2,h2 {font-size: 1.2em;}
h1,h2,h3 {color: black;}

/* structure */
.container {
	margin: 0 auto;
	width: 800px;
	margin-top:20px;
}

/* top */
.top {
	float:right;
	background: #5d7c00;
	font: normal 2.4em "century gothic";
	height: 120px;
	width: 650px;
	color:black;
	border-bottom: 2px #666666 solid;

}
.top span {padding-left: 24px;}

.top #name
{
padding-left:95px;
font-size:10px;
font-style:italic;
width:100px;

}
.top #logo{float:left;
	padding-left:5px;
	padding-right:24px;
      font-size:60px; 
   
}
.top #tagline
{float:left;
font-style:italic;
font-size:16px;
}

.top #tell{font-size:28px;}
.top #email{font-size:15px;}

/* main contents item */
.item {clear: both;}

.item .content {
	float: left;
	width: 650px;


}
.item h1 {
	background: #F0FFC6;
	color: black;
	line-height: 40px;
	padding-left: 16px;
    font-variant: small-caps; 
    letter-spacing: 2px;
}
.item .body {padding: 12px 18px;overflow: auto;height: 490px;}

/* main */
.main {float: left;
  	min-height:499px;
  	height:auto !important;
  	height:499px;
	background: white;
	margin-left:20px;
}

.data {
	border-width: 2px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
.data th {
	border-width: 1px;
	padding: 3px;
	border-style: dashed;
	border-color: green;
	background-color: #ecffda;
}
.data td {
	border-width: 1px;
	padding: 3px;
	border-style: dashed;
	border-color: green;
	background-color: #fffff0;
}

/* navigation */
.navigation {
	float: left;
	margin-top: 120px;
	width: 130px;

}
.navigation h1 {
	background:  #F0FFa6;	
	color: black;
	text-align:center;
	font-size: 1.3em;
	line-height: 35px;
    font-variant: small-caps; 
	border-bottom: 2px #666666 solid;
	margin: 4px 0px 2px 0;
	padding: 0px;
}
.navigation ul {margin: 0; padding: 0;}
.navigation li {list-style: none;}
.navigation li a {
	background: #F0FFC6;
	color: black;
	display: block;
	height:20px;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
	filter: alpha(opacity=75) ;
	opacity: 0.75;
	border-bottom: 1px #E8F7BE solid
	
}
.navigation li a:hover {
	border-bottom: 1px #666666 solid;
	filter: alpha(opacity=100) ;
	opacity: 1;
}

/* footer */
.footer {
	float:right;
	background: url(img/bgfooter.gif) repeat-x;
	color: #FFF;
	font-size: 1.1em;
	line-height: 40px;
	margin: 0 auto;
	width: 650px;
	border-top: 2px #666666 solid;
}
.footer a {color: #FFF;}
.footer a:hover {color: #F0FFC6;}
.footer .left, .footer .right {padding: 0 12px;}

/* floats */
.left {float: left;}
.right {float: right;}