html,
body {
width: 100%;
height: 100%;
min-height: 400px;
}

html {
display: table;
background: url(graphics/background.white.jpg); 
  background-repeat: repeat-xy;
  padding: 0;
  background-color: #fff;
}


body {
font: 1em simplified_arabic_fixedRg, verdana, sans-serif;
color: #fff;
display: table-cell;
vertical-align: middle;
padding: 0;
}


@font-face {
    font-family: 'simplified_arabic_fixedRg';
    src: url('simpfxo-webfont.eot');
    src: url('simpfxo-webfont.eot?#iefix') format('embedded-opentype'),
         url('simpfxo-webfont.woff2') format('woff2'),
         url('simpfxo-webfont.woff') format('woff'),
         url('simpfxo-webfont.ttf') format('truetype'),
         url('simpfxo-webfont.svg#simplified_arabic_fixedRg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bella_donnaregular';
    src: url('bella_donna-webfont.eot');
    src: url('bella_donna-webfont.eot?#iefix') format('embedded-opentype'),
         url('bella_donna-webfont.woff2') format('woff2'),
         url('bella_donna-webfont.woff') format('woff'),
         url('bella_donna-webfont.ttf') format('truetype'),
         url('bella_donna-webfont.svg#bella_donnaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'invitation_script_limited_fRg';
    src: url('invitation_script_limited_free_version-webfont.eot');
    src: url('invitation_script_limited_free_version-webfont.eot?#iefix') format('embedded-opentype'),
         url('invitation_script_limited_free_version-webfont.woff2') format('woff2'),
         url('invitation_script_limited_free_version-webfont.woff') format('woff'),
         url('invitation_script_limited_free_version-webfont.ttf') format('truetype'),
         url('invitation_script_limited_free_version-webfont.svg#invitation_script_limited_fRg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cash_currencyregular';
    src: url('cash_currency-webfont.eot');
    src: url('cash_currency-webfont.eot?#iefix') format('embedded-opentype'),
         url('cash_currency-webfont.woff2') format('woff2'),
         url('cash_currency-webfont.woff') format('woff'),
         url('cash_currency-webfont.ttf') format('truetype'),
         url('cash_currency-webfont.svg#cash_currencyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*  LINKS	============================================================================= */


body a { 
color : #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

a:visited {color:#ffffff; text-shadow: none; text-decoration:none;}
a:link {color:#ffffff; text-shadow: none; text-decoration:none;}
a:hover {color:#ffffff; text-shadow: none; text-decoration:none;}
a:active {color:#ffffff; text-shadow: none; text-decoration:none;} 
.indexlinks a:visited {color:#fff; text-shadow: none; text-decoration:none; font-size: 0.85em;}
.indexlinks a:link {color:#fff; text-shadow: none; text-decoration:none; font-size: 0.85em;}
.indexlinks a:hover {color:#fff; text-shadow: none; text-decoration:none; font-size: 0.85em;}
.indexlinks a:active {color:#fff; text-shadow: none; text-decoration:none; font-size: 0.85em;}
.sidebarlinks a:visited {color:#fff; text-shadow: none; text-decoration:none; font-size: 1.85em;}
.sidebarlinks a:link {color:#fff; text-shadow: none; text-decoration:none; font-size: 1.85em;}
.sidebarlinks a:hover {color:#fff; text-shadow: none; text-decoration:none; font-size: 1.85em;}
.sidebarlinks a:active {color:#fff; text-shadow: none; text-decoration:none; font-size: 1.85em;}         
/*.textlinks a:visited {color:#bcbcbc; text-shadow: none; text-decoration:none;}
.textlinks a:link {color:#bcbcbc; text-shadow: none; text-decoration:none;}
.textlinks a:hover {color:#bcbcbc; text-shadow: none; text-decoration:none;}
.textlinks a:active {color:#bcbcbc; text-shadow: none; text-decoration:none;}    */
.textlinks a:visited {color:#ecbf46; text-shadow: none; text-decoration:underline;}
.textlinks a:link {color:#ecbf46; text-shadow: none; text-decoration:underline;}
.textlinks a:hover {color:#ffffff; text-shadow: none; text-decoration:underline;}
.textlinks a:active {color:#ffffff; text-shadow: none; text-decoration:underline;}   
.toplinks a:visited {display: block; width: 100%; color: #ffffff; font-size: 1.7em; text-decoration:none;}
.toplinks a:link {display: block; width: 100%; color: #ffffff; font-size: 1.7em; text-decoration:none; text-shadow: 5px 5px 5px #000000;}
.toplinks a:hover {display: block; width: 100%; color: #ffffff; font-size: 1.7em; text-decoration:none; text-shadow: 5px 5px 5px #000000;}
.toplinks a:active {display: block; width: 100%; color: #ffffff; font-size: 1.7em; text-decoration:none; text-shadow: 5px 5px 5px #000000;}
.footerlinks a:visited {color: #1b8884; width: 100%; font-size: 1em; text-decoration:none; text-shadow: 5px 5px 5px #000000;}
.footerlinks a:link {color: #1b8884; width: 100%; font-size: 1em; text-decoration:none;}
.footerlinks a:hover {color: #1b8884; width: 100%; font-size: 1em; text-decoration:none;}
.footerlinks a:active {color: #1b8884; width: 100%; font-size: 1em; text-decoration:none;}

.headerlinks {
 
width: 98%; 
height: 100%;

}


/*  MAIN LAYOUT	============================================================================= */


#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
	padding: 0;
	
}

	#headcontainer {
		width: 100%;
		margin: 0 auto;
		width: 100%;

	}

		header {
			clear: both;
			width: 100%; /* 1000px / 1250px */
			font-family: 'invitation_script_limited_fRg', 'verdana', 'sans serif';
			font-size: 3.6em; /* 13 / 16 */
			margin: 0 auto;
			padding: 0px 0px 0px 0px;
			position: relative;
			color: #1b8884;
			text-align: center;
		}


 
 .leftbox {
 
 float: left;
min-height: 500px;
 }
 
.navmenu1 {
			margin: 0 auto;
			background-image: url(graphics/background.teal.jpg);
			background-color: #1b8884;
			font-family: cash_currencyregular;
			font-size: 1.2em;

			
					
}
 
.navmenu2 {
			margin: 0 auto;
						background-image: url(graphics/background.teal.jpg);
			background-color: #1b8884;
			font-family: cash_currencyregular;
			font-size: 1.2em;
			line-height: 0.2em;

			
					
}
.linkz {

width: 100%;
display: table-cell; vertical-align: middle;

}

.textbox {
			
			color: #1b8884;
			font-family: verdana, arial;
			font-size: 1.2em;
			text-align: left;
			margin-left: 15px;
			margin-top: 10px;
			min-height: 150px;
}

.picturepanel {

  padding: 10px;
 
  
  }


.clear { clear: both;}


 /*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media only screen and (min-width: 800px) {
	.mobile {
		display: none; 
	}}
	
	@media only screen and (max-width: 800px) {
	.mobile {
		display: visible; 
	}}
		

	#maincontentcontainer {

	}

		
			#maincontent{
				clear: both;
				width: 100%; /* 1000px / 1250px */

			

			}
		


	.footercontainer {
		margin: 0 auto;
		width: 80%;
		background-image: url(graphics/footer.logo.png);
		background-position: 50% 0%;
		background-repeat: no-repeat;
		margin-top: -70px;
		z-index: 2;
		position: relative;
		min-height: 139px;		
	}
	
		.footercontainerm {
		margin: 0 auto;
		width: 90%;
		background-image: url(graphics/footer.logo.png);
		background-position: 50% 0%;
		background-repeat: no-repeat;
		z-index: 2;
		position: relative;
		min-height: 139px;		
	}

	
		footer {
			margin: 0 auto;

			font-size: 1.3em; /* 13 / 16 */
			padding: 0px 0px 0px 0px;
			color: #000;
		}
		
.footerlogo {


}

.footerlinks {

			font-family: cash_currencyregular;
			font-size: 1.2em;
			color: #7aa160;
}


/* HEADLINE STYLES ============================================================================= */


.openclose {

display: visible;
font-size: 0.25em;
}

/*  REMOVE OPEN CLOSE AT MAX WIDTH 480 */

@media only screen and (max-width: 800px) {
	.openclose { 
		display: none;
	}
}

.resize {

width: 80%;
}

/*  REMOVE OPEN CLOSE AT MAX WIDTH 480 */

@media only screen and (max-width: 800px) {
	.resize { 
		width: 95%;
	}
}


.resize2 {

width: 100%;
}

/*  REMOVE OPEN CLOSE AT MAX WIDTH 480 */

@media only screen and (max-width: 800px) {
	.resize2 { 
		width: 90%;
	}
}




#wallpaper {

display: visible;

}


/*RESPONSIVE VIDEO*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*RESPONSIVE STYLESHEET*/

/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


		
/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}




/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}

/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}

/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}



/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media only screen and (max-width: 800px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_6_of_6 {
		width: 100%; 
	}
	.span_5_of_6 {
		width: 100%; 
	}
	.span_4_of_6 {
		width: 100%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 100%; 
	}
	.span_1_of_6 {
		width: 100%; 
	}
		.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
	
		.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}

	.fontadjust { font-size: 0.60em; }
	.fontadjust2 { font-size: 0.70em; }
	.alignadjust { margin-right: 0; width: 95%;}
	.alignadjust1 { margin-left: 5px; margin-right: 0; width: 95%;}
	.alignadjust2 { margin-left: 5px; margin-right: 0; width: 95%;}
	#wallpaper { display: none; }
	.scoreboardadjust { background: transparent; }
}




/*  GO FULL WIDTH AT LESS THAN 500 PIXELS */

@media only screen and (max-width: 500px) {
	.playerimage { background: transparent; }
}
