@charset "utf-8";
/* CSS Document */
/* Default wide-screen styles */

@media all and (max-width: 1024px) {
    /* styles for narrow desktop browsers and iPad landscape */
}

/*@media only screen and (max-width: 760px), (max-device-width: 760px) {*/
@media only screen and (max-width: 760px), (max-device-width: 760px) {
    /* styles for narrower desktop browsers and iPad portrait */
body {
	background-image: none;
	background-repeat: none;;
	width:100%;
}

#wrapper {
	width:100%;
}
.leftcontent{
	width:100%;
	margin:10px;
	height:auto;
	clear:both;
}
.rightcontent{
	width:100%;
	margin:5px;
	height:auto;
	clear:both;
}
.tableback {
	max-width:100%;
}
.tableback select{
	max-width:250px;
}
.tableback input[type="text"]{
	max-width:250px;
}
.tableback textarea{
	max-width:250px;
}
.imageRight, .imageLeft {
	display:block;
	margin-right: auto;
	margin-left: auto;
	width:100%;
	margin-bottom:10px;
	margin-top:-10px;
}

#textBoxLeft600 {
	float: left;
	width: 100%;
	padding:0;	
}

#textBoxLeft600 table {
	width:99%;
}
#textBoxRight300 {
	float: left;
	width: 98%;
	height:auto;
	padding:0;
	margin_top:10px;
	margin-left:auto;
	margin-right:auto;
}
#textBoxRight300 table {
	width:99%;
}
#clubinfo h1, h2, h3, p{
	word-wrap:break-word; 
	/*max-width:360px;*/
	max-width:100%;		
}
#panelRight, #panelLeft{
	margin:2px;
	padding:2px;
	float:left;
	width: 100%;
	display:block;
}
}
@media all and (max-width: 690px), (max-device-width: 690px){
#header {
	height: auto;
	width:100%;
}
#header #logo {
	width:100%;
	
}
#header #logo img {
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;	
}
#header #loginArea{
	width:100%;
	float: left;
	height:auto;
	text-align:center;
}
#header #loginArea p, h2, h3{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#logo {
	position:relative;
	width:100%;
	height:auto;	
}
#logo img{
	width:300px;	
}
#navbar{
	width:100%;
	background-color:white;
	z-index:100;
	height: auto;
}
#textBox {
	height: auto;
}
.tableback input:text{
	width:100%;
}
.fullwidth{
	width:100%;
}
#panelLeagueLeft {
	width: 100%;
}
#panelLeagueRight {
	width: 100%;
	float: left;
}
	
}
@media all and (max-width: 480px), (max-device-width: 480px){

    /* styles for iPhone/Android landscape (and really narrow browser windows) */
h1 {
	font-size: 24px;	
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;	
}
p {
	font-size: 16px;
}


#navbar ul{
	display: inline;
	margin-left: 0;
}
#navbar ul li{
	width:100%;
	background-color:#000;
	list-style-type: none;	
	margin-bottom:0;
	padding:2px;
	/*padding-left:20px;*/
	letter-spacing:1.05px;	
	line-height:1.5em;
	display:block;	
}
#navbar ul li ul{
	width: 50%;
}
#navbar ul li ul li{
	width: 100%;
}
#navbar ul li ul li a {
	font-size:12px;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #555;
	border-bottom-color: #555;
}
#footer {
	height: 35px;
}
#footer #footerLft{
	float: left;
	text-align: center;
	width:100%;
}
#footer #footerRt {
	float: left;
	text-align: center;
	width:100%;
}
#centre_window {
	width: 98%;
}

}

@media all and (max-width: 320px) {
    /* styles for iPhone/Android portrait */
}
@media all and (max-width: 240px) {
    /* styles for smaller devices */
}