/*
############################################################
#   FONT SIZES
#
#   Base font size is 13px as set in the CSS-Reset file
#
#   PIXEL   PERCENTAGE
#   10      77
#   11      85
#   12      93
#   13      100
#   14      108
#   15      116
#   16      123.1
#   17      131
#   18      138.5
#   19      146.5
#   20      153.9
#   21      161.6
#   22      167
#   23      174
#   24      182
#   25      189
#   26      197
############################################################
*/

/*
############################################################
#   COLOUR REFERENCES
#
#	Orange, Light	F58D20
#	Orange, Dark	F15A29
#	Green, Light	A6C639
#	Green, Dark		44A848
#	Blue, Text		0099B4
#	Blue, BG		79E1E3
############################################################
*/



/*
############################################################
#   GENERIC CLASSES
############################################################
*/
div.inner
{
	margin: 0 auto;
	width: 800px;
	position:relative;
}



h1
{
	font-size: 280%;
	color: #0099B4;
}

h2
{
	font-size: 131%;
	color: #000;
	padding: 0px 30px;
}

h3
{
	font-size: 131%;
	color: #FFF;
	width: 100px;
	margin: 58px 0px 0px 49px;
	text-align: center;
}

h5
{
	font-size: 131%;
}

strong
{
	font-weight: bold;
}

strong.blue
{
	color:#0099B4;
}

strong.orange
{
	color:#f15a29;
}

.pushblack
{
color:#000000;
}

img
{
	display: block;
}

table
{
	width: 100%;
}

table td, table th
{
	border: 3px solid #FBF2C6;
	background-color: #FFF;
	padding: 3px;
	text-align: center;
	color: #0099B4;
	font-size: 116%;
	font-weight: bold;
}

table th
{
	background-color: #0099B4;
	color: #FFF;
	text-align: left;
}



/*
############################################################
#   MAIN FRAMEWORK
############################################################
*/
div.container
{
	font-family: Arial, Helvetica, sans-serif;
	
	background: repeat-x url(../Images/Framework/Main-BG.jpg) #77E3E6;
}



/*
############################################################
#   HEADER AND NAV
############################################################
*/
div.header
{
	background: #77E3E6 url(../Images/Framework/Header-BG.gif) repeat-x;
	height: 109px;
}

div.header a.logo
{
	display: block;
	float: left;
}

ul.nav
{
	color: #FFF;
	float: left;
	margin-top: 30px;
	z-index:3;
	
}

ul.nav li
{
	float:left;
	margin-right: 2px;
}

ul.nav li a
{
	display: block;
	width: 70px;
	height: 19px;
	color: #FFF;
	text-align: center;
	background: url(../Images/Framework/Nav-Tab-Off.gif) no-repeat;
	text-decoration: none;
	font-size: 85%;
	margin-top: 3px;
	padding-top: 5px;
	font-weight:bold;
}

ul.nav li a:hover, ul.nav li a.current
{
	background: url(../Images/Framework/Nav-Tab-On.gif);
}

ul.nav li a.playGames
{
	text-indent: -10000px;
	background: url(../Images/Framework/Nav-Play-Games.gif) no-repeat;
	width: 128px;
	height: 66px;
	margin-top: 0px;
	z-index:5;
	position:relative;
	top: -24px;
	
	
}


ul.nav li a.playGames:hover
{
	text-indent: -10000px;
	background: url(../Images/Framework/Nav-Play-Games.gif) no-repeat;
	width: 128px;
	height: 66px;
	margin-top: 0px;
	z-index:5;
	position:relative;
	top: -24px;
	
	
}


/*
############################################################
#   SUB NAV
############################################################
*/
ul.subNav li
{
	background:url(../Images/Framework/Sub-Nav-Divider.png) no-repeat bottom;
}

ul.subNav li a
{
	text-decoration: none;
	color: #0099BD;
	font-weight: bold;
	padding: 5px 0px 10px 10px;
	display: block;
}

ul.subNav li a:hover
{
	color: #F15A29;
	background-image:url(../Images/Framework/White-Trans.png);
}



/*
############################################################
#   MAIN CONTENT
############################################################
*/
div.homeFlash
{
	 position:absolute;
	 margin:0 auto;
	 width: 100%;
	 text-align: center;
	 z-index:6;
}

#myAlternativeContent
{
	width: 650px;
}
div.main
{
}

div.main div.inner div.contentHeader
{
	background: url(../Images/Framework/Main-Content-Cap-BG.png) no-repeat;
}

div.main div.inner div.contentHeaderLeft
{
	height: 100px;
	float: left;
	width: 193px;
	padding-left: 26px;
}

div.main div.inner div.contentHeaderRight
{
	height: 100px;
	float: left;
	width: 535px;
	padding: 0px 33px 0px 13px;
}

div.main div.inner div.contentMain
{
	background:url(../Images/Framework/Main-Content-BG.png) repeat-y center;
	_background:url(../Images/Framework/Main-Content-BG2.png) repeat-y center;

}

div.main div.inner div.contentMainLeft
{
	float: left;
	width: 193px;
	padding-left: 26px;
}



div.main div.inner div.contentMainRight
{
	float: left;
	width: 531px;
	padding: 0px 37px 0px 13px;
	
	
}

.contentArea {
display:none;

}

div.main div.inner div.contentMainRight h1, div.main div.inner div.contentMainRight h2
{
	text-align: center;
	margin-bottom: 30px;
}

div.main div.inner div.contentMainRight h4 a
{
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 5px 30px;
	_padding: 2px 30px;
	width: 471px;
	height: 20px;
	background:url(../Images/Framework/Section-Divider.png) no-repeat #F15A29;
	font-size: 131%;
	font-weight: bold;
}

div.main div.inner div.contentMainRight div.contentArea, div.contentArea2
{
	background: #FBF2C6 url(../Images/Framework/Content-Bottom-Shadow.png) repeat-x bottom;
	_background: #FBF2C6 url(../Images/Framework/Content-Bottom-Shadoww.png) repeat-x bottom;
	padding: 10px 30px;
}



div.main div.inner div.contentMainRight div.noBG
{
	background: none;
}

div.contentArea a, div.contentArea2 a
{
	color: #0099B4;
	font-weight: bold;
	text-decoration: underline;
}


div.contentArea a.orange, div.contentArea2 a.orange 
{
	font-size:130%;
	color:#f15a29;
	font-weight: bold;
	text-decoration: underline;
}

.enlarge
{
font-size:131%;

}

div.contentArea a:hover
{
	text-decoration: none;
}

div.contentArea a.top
{
	background: url(../Images/Framework/Back-To-Top.gif) no-repeat;
	width: 68px;
	height: 15px;
	display: block;
	margin: 0 auto;
	text-align: center;
	text-decoration: none;
	font-size: 77%;
	color: #FFF;
	padding-top: 2px;
	font-weight: normal;
}

div.main div.inner div.contentMainRight div.contentArea p, div.main div.inner div.contentMainRight div.contentArea ol, div.main div.inner div.contentMainRight div.contentArea ul
{
	padding: 10px 0px;
}

div.main div.inner div.contentMainRight div.contentArea p.small
{
	font-size: 77%;
}

div.main div.inner div.contentMainRight div.contentArea table, div.main div.inner div.contentMainRight div.contentArea h5
{
	margin: 10px 0px;
}

div.main div.inner div.contentMainRight div.contentArea ol, div.main div.inner div.contentMainRight div.contentArea ul
{
	padding-left: 20px;
}

div.main div.inner div.contentMainRight div.contentArea ol li
{
	list-style: decimal;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #0099B4;
	font-weight:bold;
	border-bottom: 1px solid #CCC;
}

div.main div.inner div.contentMainRight div.contentArea ul li
{
	list-style: square;
	margin-bottom: 5px;
	color: #0099B4;
}

div.main div.inner div.contentMainRight div.contentArea ul.pdf li
{
	list-style-image:url(../Images/Framework/PDF-ICON.gif);
}

div.main div.inner div.contentMainRight div.contentArea ul.pdf li a
{
	font-size: 116%;
}

div.main div.inner div.contentMainRight div.contentArea li span
{
	color: #000;
	font-weight:normal;
}

/*
############################################################
#   FOOTER
############################################################
*/
div.footer
{

background-image:url(../Images/Framework/new-footer-img-home.png);
background-position:center;
height:234px;
	

	
}



div.homeimg
{
background-image:url(../Images/Framework/new-footer-img-home.png);
}





 div.inner
 {
 
 
 }


div.footer div.inner
{
	width: 1024px;
	_padding-bottom:40px;
	
}

div.footer-text
{
	background-color:#44a848;
	height:30px;
	text-align:center;
	color:#FFF;	
}

div.footer-text p
{
	font-size: 77%;	
}



/*
############################################################
#   BUG AND GLITCH FIXES
############################################################
*/
.clearfix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix 
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix 
{
    height: 1%;
}
.clearfix 
{
    display: block;
}
/* End hide from IE-mac */



/*
############################################################
#   NEW IMAGE HOLDER
############################################################
*/

.image_holder 
{

background-image:url(../Images/Framework/image-frame.png); background-repeat:no-repeat; background-position:center; width:455px; height:241px;


}

.image_pad
{

padding:49px 11px 8px 0;

}

.image_pad_prize
{

padding:49px 11px 8px 72px;
width:300px;
height:165px;
_padding:49px 11px 8px 2px;

}


/*
############################################################
#   SIFR
############################################################
*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1, .sIFR-hasFlash h2, .sIFR-hasFlash h3{
	visibility: hidden;
}

.sIFR-hasFlash h5 {
	padding: 0px;
	font-size: 18px;
}