html {overflow-y:scroll; }
html, body {width:100%; padding:0; margin:0;}
body {background:#C5C5C5;color: #444444; font: 14px/16px Verdana, Arial, Helvetica, sans-serif;}
.mainSite {background-color:#999; opacity: .96;border:1px solid;}
.header { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #000000, #999999) repeat scroll 0 0; padding-top: 65px;}
.clubMain {margin: auto;top: 0; width: 85%;}

.team {float:left; border:1px solid #333333; border-radius:4px; width:110px; height:135px;margin:20px; padding:25px 25px 40px 25px;text-align:center; box-shadow: 2px 2px 15px #d1d1d1;background:#e8e8e8; }
.team:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}

.team img {
    border: 1px solid #000;
    border-radius: 4px;
	margin-bottom:15px;
	padding:5px;
}

a{color:#006400; text-decoration: none; font-size:12px;}
a:hover {color: #000000; text-decoration: none; cursor:pointer;}
button {color:#006400; text-decoration: none; font-size:12px;cursor:pointer;padding:15px 25px;}

h1 {font-size: 4.4em;margin: 150px 0 0;	color: #FFF;	text-align: center;}
h2{font-size:1.6em;line-height:2.2em;font-weight:normal;margin:50px 0px; font-weight: normal;color:#FFF;border-bottom:1px solid; clear:both;}
h3 {font-size:1.2em; line-height:3em; color:#FFFFFF; border-bottom:1px solid;font-weight:normal;}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

p {color:#000000;}

.Logo {
    border: 1px solid #ffffff;
    box-shadow: 4px 4px 5px #333333;
    float: left;
    left: 11px;
    position: absolute;
    top: 12px;
}
.Logo1 {left: 11px;position: absolute;top: 236px;} 
.Logo2 {    float: left;
    position: absolute;
    right: 15px;
    top: 10px;}

html {
-webkit-text-size-adjust: none;
}
img{
	max-width:100%;
	height: auto;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	header{height: 250px;}
	header #logo{top:10px;}
	header #search{top:130px; left: 5px;}
	#leftPage {float: none; margin-right:0; width:auto;  border:0; border-bottom:0px solid #fff;}
}

@media only screen and (max-width: 767px) {
	header{height: 250px;}
	.clubMain {width:100%}
	h1 {	font-size: 20px;}
.Logo {
    left: 0;
    position: relative;
    top: -65px;
}.Logo1 {
    position: relative;
    top: 0;
}.Logo2 {
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: auto;
	top:-20px;
}
.team {	margin: 5px;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	header{height: 250px;}
	.clubMain {width:100%}
	h1 {	font-size: 20px;}
.Logo {
    left: 0;
    position: relative;
    top: -65px;
}.Logo1 {
    position: relative;
    top: 0;
}.Logo2 {
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: auto;
	top:-20px;
}
.team {	margin: 5px;}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	header{height: 250px;}
	.clubMain {width:100%}
	h1 {	font-size: 20px;}
.Logo {
    left: 0;
    position: relative;
    top: -65px;
}.Logo1 {
    position: relative;
    top: 0;
}.Logo2 {
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: auto;
	top:-20px;
}
.team {	margin: 5px;}
}

@media only screen and (max-width: 479px) {
	header{height: 250px;}
	.clubMain {width:100%}
	h1 {	font-size: 20px;}
.Logo {
    left: 0;
    position: relative;
    top: -65px;
}.Logo1 {
    position: relative;
    top: 0;
}.Logo2 {
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: auto;
	top:-20px;
}
.team {	margin: 5px;}
}