/*
Design by Vitaliya Kolesnikova
http://www.webdesignhome.co.uk made for Grove Tennis Club in Sheffield.
*/


/*starts Image hover*/
.gallerycontainer{
	position: relative;
	

/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid yellow;
}

.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
background-color: green;
padding: 5px;

border: 1px dashed gray;
visibility: hidden;
color: yellow;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 30px; /*position where enlarged image should offset horizontally */
z-index: 0;
}
/*ends Image hover*/


/*image*/
div.img
{
  margin: 2px;
  border: 0.5px transparent #ffff00;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffff00;
}
div.img a:hover img {border: 1px solid #000000;}

/*image*/

/*secondary navigation*/


ul.vert{margin:0;padding:0;list-style-type:none;display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif; color:#FFFF00; line-height:145%;
width:200px;}

ul.vert li{margin:0;padding:0;border-top:1px solid #CCCC00;
border-bottom:1px solid #006600;}

ul.vert li a{display:block;text-decoration:none;color:#fff;
background:#CCCC00;padding:0 0 0 20px;width:180px;}

ul.vert li a:hover{
background:#006600 url("images/vert-one_arrow.gif") no-repeat 0 9px;}

ul.vert li a.current, ul.vert-one li a:hover.current{
background:#006600 url("images/vert-one_arrow.gif") no-repeat 0 9px;}

/*end of seconary navigation*/

a:link {
	color: #ffff00;
}

a:hover, {
	text-decoration: underline;
	color: #00FF00;
}

a:visited {
	color: #FFFF00 ;
}

*
{
border: 0;
margin: 0;
}

body
{	
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #006600;
	
}

#main
{
	position:absolute;
	margin: 0 auto;
	width: 733px;
	height: 1050px;
	background: url(images/background%20_tennis.jpg) bottom fixed no-repeat;
	border: 1px solid #FFFF00;
	left: 135px;
	top: 4px;
}

#header
{
	
	background: url(images/header%20.gif) no-repeat;
	width: 733px;
	height: 200px;
	left: -1px;
	top: 11px;
}



#buttons a:hover {
	text-decoration: underline;
	color: #FF0000;
}


#photo {
	position:absolute;
	width:300px;
	height:215px;
	z-index:1;
	left: 421px;
	top: 527px;
}
#nav {
	position:absolute;
	left:136px;
	top:203px;
	width:733px;
	height:50px;
	z-index:2;
			
}

#flash {
	position:absolute;
	left:140px;
	top:268px;
	width:200px;
	height:122px;
	z-index:6;
	border-top: 1px solid #FFFF00;

}
#footer {
	position:absolute;
	left:165px;
	top:1015px;
	width:682px;
	height:30px;
	z-index:7;
	border: 1px solid #FFFFFF;
}	
#content {
	position:absolute;
	padding: 10pt;	
	left:358px;
	top:268px;
	width:472px;
	height:170px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}
.style2 {color: #FFFF00}

.style5 {font-size: 10px}
		

#small {
	position:absolute;
	left:358px;
	top:474px;
	width:498px;
	height:20px;
	z-index:4;
	border: 1px solid #FFFFFF;
}
#second {
	position:absolute;
	left:140px;
	top:390px;
	width:202px;
	height:199px;
	z-index:5;
}

#whether {
	position:absolute;
	left:140px;
	top:542px;
	width:199px;
	height:161px;
	z-index:8;
	border: 1px solid #FFFF00;
	background-color: #FFFFFF;
}

#marquee_replacement{
	position:absolute;
	padding: 10pt;
	border:1px solid #FFFF00;
	width:630px;
	height:105px;
	overflow:auto;
	left: 178px;
	top: 841px;
	background-color: #006600;
	
}
#marquee_replacement p.spacer{
 height:150px;
}

#startEvent {
	position:absolute;
	padding-left:5pt;
	left:178px;
	top:807px;
	width:649px;
	height:20px;
	z-index:9;
	border: 1px solid #FFFFFF;
}

#aboutCont {
	position:absolute;
	padding: 10pt;	
	left:358px;
	top:268px;
	width:472px;
	height:231px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}
#aboutPhoto {
	position:absolute;
	width:300px;
	height:228px;
	z-index:1;
	left: 442px;
	top: 573px;
}

#Aboutsmall {
	position:absolute;
	left:453px;
	top:812px;
	width:335px;
	height:20px;
	z-index:4;
	border: 1px solid #FFFFFF;
}
#aboutCont2 {
	position:absolute;
	padding: 10pt;
	left:147px;
	top:878px;
	width:682px;
	height:80px;
	z-index:9;
	background-color: #006600;
	border: 1px solid #FFFF00;
}
#AboutTeam {
	position:absolute;
	padding-top: 10pt;
	padding-bottom:10pt;
	left:140px;
	top:541px;
	width:200px;
	height:170px;
	z-index:10;
	background-color: #006600;
	border-top: 1px solid #FFFF00;
	border-bottom: 1px solid #FFFF00;
}

#ContactCont {
	position:absolute;
	padding: 10pt;	
	left:358px;
	top:268px;
	width:472px;
	height:706px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}

#ContactPhoto {
	position:absolute;
	width:192px;
	height:101px;
	z-index:1;
	left: 145px;
	top: 606px;
}

#MembershipCont {
	position:absolute;
	padding: 10pt;	
	left:358px;
	top:268px;
	width:472px;
	height:350px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}

#formApp {
	position:absolute;
	padding: 10pt;
	left:226px;
	top:672px;
	width:539px;
	height:191px;
	z-index:8;
	background-color: #006600;
	border: 1px solid #FFFF00;
	
}


#CoachingCont {
	position:absolute;
	padding: 10pt;	
	left:358px;
	top:268px;
	width:472px;
	height:232px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}

#coachingPhoto {
	position:absolute;
	left:401px;
	top:554px;
	width:407px;
	height:257px;
	z-index:8;
}

#Coachingsmall {
	position:absolute;
	left:411px;
	top:805px;
	width:388px;
	height:20px;
	z-index:8;
	border: 1px solid #FFFFFF;
}

#FacilCont {
	position:absolute;
	padding: 10pt;	
	left:358px;
	top:268px;
	width:472px;
	height:232px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}

#eventCont {
	position:absolute;
	padding: 10pt;	
	
	left:358px;
	top:268px;
	width:472px;
	height:702px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}

#CommittetCont {
	position:absolute;
	padding: 10pt;	
	
	left:358px;
	top:268px;
	width:472px;
	height:438px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}

#ContactPhoto {
	position:absolute;
	left:161px;
	top:555px;
	width:177px;
	height:213px;
	z-index:8;
}
#PhotosCont {
	position:absolute;
	padding: 10pt;	
	
	left:358px;
	top:268px;
	width:472px;
	height:485px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}

#Photos_1 {
	position:absolute;
	left:478px;
	top:322px;
	width:290px;
	height:209px;
	z-index:8;
}

#Smallphoto1 {
	position:absolute;
	left:486px;
	top:494px;
	width:254px;
	height:20px;
	z-index:9;
	border: 1px solid #FFFFFF;
}
#Photos_2 {
	position:absolute;
	left:478px;
	top:546px;
	width:260px;
	height:174px;
	z-index:10;
}
#Smallphoto2 {
	position:absolute;
	left:486px;
	top:721px;
	width:254px;
	height:18px;
	z-index:11;
	border: 1px solid #FFFFFF;
	}



#ClubNewsCont {
	position:absolute;
	padding: 10pt;	
	
	left:358px;
	top:268px;
	width:472px;
	height:234px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}

#EventsPhotos {
	position:absolute;
	padding: 10pt;	
	
	left:358px;
	top:277px;
	width:472px;
	height:20px;
	z-index:3;
	background-color: #006600;
	border: 1px solid #FFFF00;
}

#GalleryEvent {
	position:absolute;
	left:358px;
	top:343px;
	width:509px;
	height:251px;
	z-index:8;
}

#GalleryClub {
	position:absolute;
	left:358px;
	top:343px;
	width:509px;
	height:251px;
	z-index:8;
}