/*COLOURS
yellow - #FFFF00
purple - #660099
red    - #ED0043
green  - #22ED00
*/

html{}

body{ 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bodybg2.gif) #470052 top repeat-y;
	color:#000;
	margin:0 auto 0 auto;
	/*border-top:15px solid #ED003C;*/
	line-height:1.3em;
	}

a {color:#000; text-decoration:none;}

img {border:0px;}

p {margin:0px; padding:0px; color:#000;}



h1 {font-size:19px; font-weight:bold; margin:10px 0 15px; padding:0px; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.3em;}

h2 {font-size:16px; font-weight:bold; margin:0px; padding:0px; color:#094a5b;}
h3 {font-size:12px;}
#pageTitleInner h1 {font-size:19px;}
#rightBarInner h1 {margin:15px 0 15px 0;}
#rightColumnInner h2 {font-size:14px; margin-bottom:15px; width:360px;}

.floatLeft {float:left}
.floatRight {float:right}
.clearBoth {clear:both}

.panelHover {cursor:hand;}
/*MAIN PAGE STYLES*/

#pageWrapper{
	/*background:url(../images/headerbg.gif) top no-repeat;*/
	padding:15px 0px 0px 0px;
	height:700px;
	
}

/*INDEX page height*/
#pageWrapperIndex{
	/*background:url(../images/headerbg.gif) top no-repeat;*/
	padding:15px 0px 0px 0px;
	height:1000px;
	
}

#mainWrapper{
	width:768px;
	margin:0 auto 0 auto;
	}
	
#mainContent{width:768px}

/*BOF Header*/	
#mainContent #header{

	}
	
.logo{
	}
	
.logoRight{
	}
	
#mainContent #header #navigation{
	
	}
/*EOF Header*/

/*BOF Flash Anim*/
#mainContent #flashAnim{
	float:left;
	width:768px;
	height:223px;
	}
	

/*EOF Flash Anim*/

/*BOF Promo boxes*/
.panelHover {
	color: #ffffff;
	padding: 0px;
	float: left;
	width: 192px;
	height: 166px;
	background-repeat: no-repeat;
	}
	
.panelHoverRight {
	color: #ffffff;
	padding: 0px;
	float: left;
	width: 192px;
	height: 166px;
	background-repeat: no-repeat;
	}

#mainContent #promoBoxWrapper{
	width:768px;
	height:166px;
	}
	
#mainContent #promoBoxWrapper #promoBoxLeft {
	width:384px;
	float:left;
	}
	
#mainContent #promoBoxWrapper #promoBoxRight {
	width:384px;
	float:right;
	}

#mainContent #promoBoxWrapper .promoBoxIndividualOuter{
	width:192px;
	height:166px;

	}
	
#mainContent #promoBoxWrapper .promoBoxIndividualOuterRight{
	width:192px;
	height:166px;
	border-right:0px solid #fff;
	}

#mainContent #promoBoxWrapper #promoBoxLeft #promo1 {
	background:#FFFF00;
	}

#mainContent #promoBoxWrapper #promoBoxLeft #promo2 {
	background:#660099;
	}

#mainContent #promoBoxWrapper #promoBoxRight #promo3 {
	background:#22ED00;
	}
	
#mainContent #promoBoxWrapper #promoBoxRight #promo4 {
	background:#ED0043;
	}

#mainContent #promoBoxWrapper .promoBoxIndividualInner{
	}
/*EOF Promo boxes*/

/*BOF Footer*/
#mainContent #footerOuter{
	border-top:1px solid #FFFFFF;
	}
	
#mainContent #footerInner{
	margin:15px 0px 10px 0px;
	}
	
#mainContent #footerInner p{
	font-size:9px;
	color:#4A006E;
	}
	
#mainContent #footerInner a{
	font-size:9px;
	color:#4A006E;
	}
/*EOF Footer*/

/*BOF RightBar*/
rightBarWrapper, #rightBarWrapperSub{
	width:239px;
	border-left:1px solid #fff;
	background:url(../images/right-bar-bg.jpg) #FFF top left no-repeat;
	padding-top:85px;
	}
	
#rightBarInner{
	margin:0px 10px 10px 10px;
	height:681px;
	}
	
#rightBarInner p {width:183px; margin:0 0 15px 0}

#rightBarInner a {color:#094A5B}

#rightBarWrapperSub{
	background:url(../images/right-bar-bg-sub01.jpg) #FFF top left no-repeat;
	}
	
#rightBarInnerSub{
	margin:15px 10px 10px 10px;
	}
	
	
#mainContent #footerLogosWrapper{
	width:192px
}
/*EOF Right*/





















#mainContent #promoBoxWrapper .promoBoxIndividualOuter .planetPlayBg {
	background-image: url(../images/planet_hover.gif);
	}

#mainContent #promoBoxWrapper .promoBoxIndividualOuter .girlGalaxyBg {
	background-image: url(../images/gg_hover.gif)
	}

#mainContent #promoBoxWrapper .promoBoxIndividualOuter .newsBg {
	background-image: url(../images/news_hover.gif)
	}

	
#mainContent #promoBoxWrapper .promoBoxIndividualOuterRight .contactUsBg {
	background-image: url(../images/contact_hover.gif)
	}

		
.panelHover:hover, div.panelHover.hover {
	background-color: #fff;
	background-position: -192px;
	}
.panelHover p {
	padding: 49px 10px 22px 11px;
	margin: 0px;
	}
.panelHover h1 {
	position:absolute;left:-2000px;
	}
		
.panelHover a {
	font-weight: bold;
	text-decoration: none;
	color: #545455;
	}
	
.panelHover a:hover {
	font-weight: bold;
	background: #d1d3d4;
	color: #545455;
	}
	
.panelHover ul {
	float: left;
	margin: 0px 0px 20px 12px;
	_margin-left: 6px;
	padding: 0px;
	overflow: hidden;
	width: 240px;
	_width: 216px;
	}
	
.panelHover ul li {
	border-left: 1px solid #fff;
	float: left;
	list-style-type: none;
	margin: 0px 5px 0px -5px;
	padding: 0px 5px 0px 5px;
	}
			
.panelHover ul li p {
	margin: 0px;
	padding: 0px;
	}
	
.panelHoverRight:hover, div.panelHoverRight.hover {
	background-color: #fff;
	background-position: -192px;
	}
.panelHoverRight p {
	padding: 49px 0px 22px 11px;
	margin: 0px;
	}
.panelHoverRight h1 {
	position:absolute;left:-2000px;
	}
		
.panelHoverRight a {
	font-weight: bold;
	text-decoration: none;
	color: #545455;
	}
	
.panelHoverRight a:hover {
	font-weight: bold;
	background: #d1d3d4;
	color: #545455;
	}
	
.panelHoverRight ul {
	float: left;
	margin: 0px 0px 20px 12px;
	_margin-left: 6px;
	padding: 0px;
	overflow: hidden;
	width: 240px;
	_width: 216px;
	}
	
.panelHoverRight ul li {
	border-left: 1px solid #fff;
	float: left;
	list-style-type: none;
	margin: 0px 5px 0px -5px;
	padding: 0px 5px 0px 5px;
	}
			
.panelHoverRight ul li p {
	margin: 0px;
	padding: 0px;
	}



/*SUBPAGES*/


#mainContent #breadCrumb{
	float:left;
	width:768px;
	height:51px;
	background-image:url(../images/pp_breadcrumb.gif);
}

#mainContent #breadCrumbNews{
	float:left;
	width:768px;
	height:51px;
	background-image:url(../images/news_breadcrumb.gif);
}

#mainContent #breadCrumbContact{
	float:left;
	width:768px;
	height:51px;
	background-image:url(../images/contact_breadcrumb.gif);
}

#mainContent #breadCrumbGg{
	float:left;
	width:768px;
	height:51px;
	background-image:url(../images/gg_title_bar.jpg);
}

#mainContent #breadCrumbInner{
	margin:15px 0px 0px 10px;
}

#mainContent #breadCrumbInner #subTitleHolder{
	width:555px;
	height:36px;
}

#mainContent #leftBar{
	width:192px;
	background:#4A006E;
	height:340px;
}

#mainContent #leftBar strong{
	color:#fff;
}

#mainContent #leftBarContact{
	width:192px;
	background:#ED0043;
	height:340px;

}

#mainContent #leftBarGg{
	width:192px;
	background:#CF006D url(../images/fluffy.jpg);
	height:340px;
}

#mainContent #leftBarGg strong{
	color:#FFFFFF;
}

#mainContent #leftBarNews{
	width:192px;
	background:#17A801;
	height:340px;
}

#mainContent #leftBarInner a{
	color:#FFFFFF;
}

#mainContent #leftBarInner a:hover{
	color:#FFC600;
}

#mainContent #leftBarInner{
	margin:10px 10px 20px 10px;
	font-weight:bold;
}

#mainContent #subPageContent{
}

#mainContent #right{
	width:576px;

}

#mainContent #rightInner{
	margin:10px;
}

#mainContent #rightInner h1{
	color:#000000;
	font-size:18px;
}

.ggp {
	padding:10px;
	background:#FFA2C5;
}

.purpleTextBg {
	padding:10px;
	background:#4A006E;
	color:#FFFFFF;
} 

.purpleTextBg a {
	color:#FFFFFF;
}
 
.redTextBg {
	padding:10px;
	background:#ED003C;
	color:#FFFFFF;
}

.greenTextBg {
	padding:10px;
	background:#17A801;
	color:#FFFFFF;
}  

#rightInner p{
	padding:10px;
	background-color:#eeeeee;


}







.submit{
	background:#ED0143;
	border:none;
	font-size:10px;
	color:#fff;
	padding:5px;
	font-weight:bold;
	cursor:hand;
	margin-bottom:15px;
}
	
#error{
	color:#FF0000;
	font-weight:bold;
}

#error ul{
	margin-bottom:10px;
}

#error li{
	list-style-type:square;
}

#success{
	color:#009900;
	font-weight:bold;
}

#success ul{
	margin-bottom:10px;
}

#success li{
	list-style-type:square;
}

#mainContent #subPageContent #formWrapper{
	padding:10px;
	background:#EEEEEE;
}



#headerID, #headerGg {background:#fff}

#headerGg .floatRight {float:left;}
#headerGg .floatLeft {float:right;}

#copyright{
	width:500px;
}

#mainWrapper #mainContent #menuOuter{
	width:768px;
	background:#000 url(../images/textbg.gif) no-repeat;
	}
	
#mainWrapper #mainContent #menuInner{
	background:url(../images/textbgbottom.gif) no-repeat;
	background-position:bottom left;
	padding:20px 10px 20px 10px;
	color:#FFFFFF;
	}
	
#menuInner p {color:#fff;}
	
	
	
input, textarea {width:100%}
input #submit {width:192px;}

	
	
/*BOF Promo boxes*/

#promoBlockWrapper{
	width:768px;/*block wrapper full width*/
	}
	
#promoBlockLeft, #promoBlockRight {
	width:384px;/*col 1&2 wrapper width*//*col 3&4 wrapper width half of wrapper width*/
	}
.blockButton1 ul li a, .blockButton2 ul li a, .blockButton3 ul li a, .blockButton4 ul li a {
padding-top:0px;
height:166px;}/*both should equal overall block height*/

.promoBlockIndividualOuter{
width:192px;/*overall block width, quarter of mainwrapper*/
height:166px;/*overall block height*/
}	

	
/*++++BLOCK: COMMON STYLING++++*/
.blockButton1 ul, .blockButton2 ul, .blockButton3 ul, .blockButton4 ul {list-style-type:none; padding:0px; margin:0px;}
.blockButton1 ul li a, .blockButton2 ul li a, .blockButton3 ul li a, .blockButton4 ul li a {color:#000; list-style-type:none; padding-right:10px; padding-left:10px; padding-bottom:0px; margin:0px; display:block;}
.blockButton1 ul li a:hover, .blockButton2 ul li a:hover, .blockButton3 ul li a:hover, .blockButton4 ul li a:hover  {list-style-type:none; display:block;}
.blockButton1 ul li a{color:#E7B3FF;}
.blockButton2 ul li a{color:#4A4A00;}
.blockButton3 ul li a{color:#0A4500;}
.blockButton4 ul li a{color:#FFC5D5;}
.blockButton1 ul li a:hover{color:#0A4500;}
.blockButton2 ul li a:hover{color:#FFC5D5;}
.blockButton3 ul li a:hover{color:#E7B3FF;}
.blockButton4 ul li a:hover{color:#4A4A00;}



/*++++BLOCK: 1++++*/
.blockButton1 ul li a {background: url(../images/planet_hover.gif) #333;}
.blockButton1 ul li a:hover {background: url(../images/planet_hover.gif) -192px;}
/*++++BLOCK: 2++++*/
.blockButton2 ul li a {background: url(../images/gg_hover.gif) #333;}
.blockButton2 ul li a:hover {background: url(../images/gg_hover.gif) -192px;}
/*++++BLOCK: 3++++*/
.blockButton3 ul li a {background: url(../images/news_hover.gif) #333;}
.blockButton3 ul li a:hover {background: url(../images/news_hover.gif) -192px;}
/*++++BLOCK: 4++++*/
.blockButton4 ul li a {background: url(../images/contact_hover.gif) #333;}
.blockButton4 ul li a:hover {background: url(../images/contact_hover.gif) -192px top;}

/*EOF Promo boxes*/



#flashAnim2{
	float:left;
	width:768px;
	height:114px;
	
	}
#spanButtonWrapper{}
#spanButtonInner{}
#spanButton ul{list-style-type:none; padding:0px; margin:0px; background-image:url(../images/middlebox.gif)}
#spanButton ul li a{list-style-type:none; display:block; height:114px;}
#spanButton ul li a:hover {background:url(../images/middlebox.gif) -768px}


.textBg {background-color:#55bf44;}
.eventTxt, p .date {color:#fff; font-size:10px;}
.eventTxt a {color:#fff; font-size:10px;}
ul.events {padding:0; margin:0}
li.eventTxt{padding:0 0 0 5px; margin:0; list-style-type:none;}
.largeText {font-size:12px; margin:0 0 10px 0; font-weight:bold;}
.contactFormWrapper form {width:400px;}
p .date {}
.cms h1{margin:0px 0 10px 0}
.cms h2{color:#FFF; margin:15px 0 10px 0}
			
.textArea h2 {margin:10px 0 10px 0}

/*BOF NEWS TICKER*/

.tickerWrapper{
	bottom:0;
	position: fixed;
	width:100%;
	background-color:#22ED00;
	
}

.tickerWrapperInner{
padding:5px 0 5px 0;
margin:0 auto 0 auto;
width:768px;
}

.tickerWrapperInner P{
color:#333;
}

.tickerWrapperInner H1{
color:#660099;
}

/*EOF NEWS TICKER*/