<!--
BODY { background-image: url(images/PHG_BG.gif); background-color: #1C1C1C; 
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: top center; 
	scrollbar-3d-light-color:#8ba5bd;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:black;
	scrollbar-dark-shadow-color:#000000;
	scrollbar-face-color:#607a8d;
	scrollbar-highlight-color:#8ba5bd;
	scrollbar-shadow-color:black;
	}

BODY.summon { background-image: url(images/bg_summoners_war.jpg); background-color: #1C1C1C; 
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center; 
	scrollbar-3d-light-color:#8ba5bd;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:black;
	scrollbar-dark-shadow-color:#000000;
	scrollbar-face-color:#607a8d;
	scrollbar-highlight-color:#8ba5bd;
	scrollbar-shadow-color:black;
	}
#splash {
	background-image: url(images/ad_image1.jpg); 
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center; 
	background-color: #777777;
	text-align:center;
}

#backdrop {
	background-image: url(); 
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: top center; 
	background-color: #777777;
	text-align:center;
}


A { display: inline; text-decoration:none; font-family:Arial; font-size:12px; font-style:normal; font-weight:900; color:#CCCCCC; }
A:Visited { text-decoration: none; color: #CCCCCC; }
A:Hover   { text-decoration: none; color: #FF0000; }

a.menu { font-size:14px; font-family:arial; font-weight:bold; text-decoration: none; color: #eeeeee; }
a.menu:visited { text-decoration: none; color: #eeeeee; }
a.menu:hover { text-decoration: none; color: #eeeeee; }

a.menu2 { font-size:14px; font-family:arial; font-weight:bold; text-decoration: none; color: #ffffff; }
a.menu2:visited { text-decoration: none; color: #ffffff; }
a.menu2:hover { text-decoration: none; color: #fe9400; }

a.copyright { text-decoration: none; color: #CCCCCC; }
a.copyright:visited { text-decoration: none; color: #CCCCCC; }
a.copyright:hover { text-decoration: none; color: #FF0000; }

a.display { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: bold; font-size: 1.4em; color: #000000; line-height:100% }
a.display:visited { text-decoration: none; color: #000000; }
a.display:hover { text-decoration: none; color: #000000; }

a.articles { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: 100; font-size: 1em; color: #545e99; line-height:100% }
a.articles:visited { text-decoration: none; color: #545e99; }
a.articles:hover { text-decoration: none; color: #c90610; }

a.list { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: 600; font-size: .9em; color: #000000; line-height:125% }
a.list:visited { text-decoration: none; color: #000000; }
a.list:hover { text-decoration: none; color: #c90610; }

a.sumlist { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: 600; font-size: .8em; color: #000000; line-height:125% }
a.sumlist:visited { text-decoration: none; color: #000000; }
a.sumlist:hover { text-decoration: none; color: #e05e00; }

a.sumlistdec { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: 600; font-size: 1em; color: #000000; line-height:125% }
a.sumlistdec:visited { text-decoration: none; color: #000000; }
a.sumlistdec:hover { text-decoration: none; color: #e05e00; }


a.sumlistcg { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: 600; font-size: 1em; color: #495323; line-height:125% }
a.sumlistcg:visited { text-decoration: none; color: #495323; }
a.sumlistcg:hover { text-decoration: none; color: #e05e00; }

a.sumlistpe { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: 600; font-size: 1em; color: #BE2022; line-height:125% }
a.sumlistpe:visited { text-decoration: none; color: #BE2022; }
a.sumlistpe:hover { text-decoration: none; color: #e05e00; }

a.sumlistto { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: 600; font-size: 1em; color: #136778; line-height:125% }
a.sumlistto:visited { text-decoration: none; color: #136778; }
a.sumlistto:hover { text-decoration: none; color: #e05e00; }

a.sumlistgd { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: 600; font-size: 1em; color: #6C2E14; line-height:125% }
a.sumlistgd:visited { text-decoration: none; color: #6C2E14; }
a.sumlistgd:hover { text-decoration: none; color: #e05e00; }

a.sumlistvg { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: 600; font-size: 1em; color: #20455c; line-height:125% }
a.sumlistvg:visited { text-decoration: none; color: #20455c; }
a.sumlistvg:hover { text-decoration: none; color: #e05e00; }

a.sumlistfk { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; 
	font-weight: 600; font-size: 1em; color: #026e1e; line-height:125% }
a.sumlistfk:visited { text-decoration: none; color: #026e1e; }
a.sumlistfk:hover { text-decoration: none; color: #e05e00; }

a.store { text-decoration: none; font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; text-align:left;
	font-weight: 600; font-size: .8em; color: #9D0620; line-height:100% }
a.store:visited { text-decoration: none; color: #9D0620; }
a.store:hover { text-decoration: none; color: #000000; }

a.game { text-decoration: none; color: #DFC39E; }
a.game:visited { text-decoration: none; color: #336699; }
a.game:hover { text-decoration: none; color: #FFFFFF; }

a.cgame { text-decoration: none; color: #000000; }
a.cgame:visited { text-decoration: none; color: #336699; }
a.cgame:hover { text-decoration: none; color: #9C5C4A; }

a.attach, a.attach:visited, div.attach
{
  display: inline;
  width:   50px;

  border:  1px solid black;
  padding: 4px 4px;

  background: #141414;

  text-decoration: none;
  text-align:left;
  font-family: Arial, Sans-Sherif;
  font-weight:900;
  font-size: 12px;
  color:   #CCCCCC;
}


a.attach, a.attach:visited { border-bottom: none; }
div#attach_menu_child             { border-bottom: 1px solid black; }

form.attach
{
  position: relative;
  visibility: hidden;
  border:  1px solid black;
  padding: 2px 5px 2px 5px;
  background: #FFFFEE;
}

form.attach b
{
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 12px;
}

input.attach { margin: 1px 0px; width: 170px; }

a.attach:hover { text-decoration: none; color: #FF0000; }

div.heading {font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; vertical-align:top;
	font-weight: bold; font-size: 1.2em; color: #000000; text-align:left; text-decoration: none; line-height:100%}

div.sumheading {font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; vertical-align:top;
	font-weight: 600; font-size: 1em; color: #000000; text-align:left; text-decoration: none; line-height:100%}

div.body {font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; vertical-align:top; 
	font-weight: 100; font-size: .8em; color: #000000; text-align:left; text-decoration: none; line-height:115%}

div.store {font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; vertical-align:top; 
	font-weight: 600; font-size: .8em; color: #9D0620; text-align:left; text-decoration: none; line-height:100%}

div.tab { margin-top:0px; margin-bottom:0px; margin-right:5px; margin-left:25px; }

div.tab2 {padding-top:0px; padding-bottom:px; padding-right:5px; padding-left:15px; }

div.tab3 { margin-top:0px; margin-bottom:0px; margin-right:5px; margin-left:5px; }

div.tab4 { margin-top:0px; margin-bottom:0px; margin-right:15px; margin-left:20px; }

div.tab5 { margin-top:0px; margin-bottom:0px; margin-right:35px; margin-left:20px; }

div.sumcard { margin-top:0px; margin-bottom:0px; margin-right:50px; margin-left:5px; align:right; }

div.sumtab { margin-top:0px; margin-bottom:0px; margin-right:50px; margin-left:5px; }

div.sumtablist { margin-top:5px; margin-bottom:0px; margin-right:5px; margin-left:35px; }

.menuOut {cursor:pointer; margin-top: 0px; margin-left: -3px; margin-right: 0px; background-color:#9D0620; color:#ffffff; width:120px; border:1px solid #9D0620; padding-right: 6px; padding-left: 6px; padding-top :1px; padding-bottom:1px ;text-align:center; font-size:14px; font-family:arial; font-weight:bold;}
.menuOver {cursor:pointer; margin-top: 0px; margin-left: -3px; margin-right: 0px; background-color:#000000; color:#CCCCCC; width:120px; border:1px solid #cccccc; padding-right: 6px; padding-left: 6px; padding-top :1px; padding-bottom:1px ;text-align:center; font-size:14px; font-family:arial; font-weight:bold;}
.submenu {width:115px; background-color:#000000; color:#000000; width:120px; border:1px solid #000000; padding:1px; font-family:arial; font-size:11px; text-align:left; padding-left:5px;}
.submenu a {color:#cccccc; text-decoration:none; font-weight:bold;}
.submenu a:hover {color:#ff0000; text-decoration:none; font-style:none; font-weight:none;}
.menuOut1 {cursor:pointer; margin:0px; background-color:#990000; color:#cccccc; width:150px; border:1px solid #000000; padding:2px; text-align:center; font-size:14px; font-family:arial; font-weight:bold;}
.menuOver1 {cursor:pointer; margin:0px; background-color:#000000; color:#CCCCCC; width:150px; border:1px solid #cccccc; padding:2px; text-align:center; font-size:14px; font-family:arial; font-weight:bold;}
.submenu1 {width:115px; background-color:#000000; color:#000000; width:150px; border:1px solid #000000; padding:1px; font-family:arial; font-size:11px; text-align:left; padding-left:1px;}

.menuOut2 {cursor:pointer; margin-top: 0px; margin-left: -4px; margin-right: 0px; background-color:#500300; color:#ffffff; width:130px; border:1px solid #803933; padding-right: 6px; padding-left: 8px; padding-top :2px; padding-bottom:2px ;text-align:center; font-size:14px; font-family:arial; font-weight:bold;}
.menuOver2 {cursor:pointer; margin-top: 0px; margin-left: -4px; margin-right: 0px; background-color:#500300; color:#ffffff; width:130px; border:1px solid #803933; padding-right: 6px; padding-left: 8px; padding-top :2px; padding-bottom:2px ;text-align:center; font-size:14px; font-family:arial; font-weight:bold;}
.submenu2 {width:115px; background-color:#E0C79C; color:#000000; width:120px; border:1px solid #500300; padding:1px; font-family:arial; font-size:11px; text-align:left; padding-left:5px;}
.submenu2 a {color:#000000; text-decoration:none; font-weight:bold;}
.submenu2 a:hover {color:#fe9400; text-decoration:none; font-style:none; font-weight:none;}

hr { color: #cccccc; }
hr.sum { color: #500300; } 

#card02, #card03, #card04, #card05, #card06, #card07, #card08, #card09, #card10, #card11, #card12, card#13, card#14 {
display: none;
}


table.store { border-style:solid; border-width:2px; border-color:#888888; 
	padding-top:10px; padding-bottom:10px; padding-right:4px; padding-left:4px; }

table.store2 { border-style:none; border-width:2px; border-color:#888888; 
	padding-top:10px; padding-bottom:10px; padding-right:4px; padding-left:4px; }


p { padding-right: 6px; 
	font-famliy: Arial, Verdana, Helvetica,Tahoma, sans-serif; vertical-align:top;
	font-style:normal; font-size:9pt; font-weight:normal}

p.heading {font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; vertical-align:top;
	font-weight: bold; font-size: 1.2em; color: #000000; text-align:left; text-decoration: none; line-height:100%}

p.body {font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; vertical-align:top; 
	font-weight: 100; font-size: .8em; color: #000000; text-align:left; text-decoration: none; line-height:100%}

p.priv {padding-left:10em; padding-right: 6px; text-indent:2px;
	font-famliy: Arial, Verdana, Helvetica,Tahoma, sans-serif; text-align:left; vertical-align:top;
	font-style:normal; font-size:8pt; font-weight:normal}

p.fot {text-transform:capitalize}

p.splash {font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif;
	font-weight: 900; font-size: 30px; color: #cccccc; text-align:right; text-decoration: none; }

p.splash2 {font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif; }
Div
#rotor {
        position:absolute;
	left:0px;
	top:0px;
	z-index:0; 	
	width: 100%;
  }

#header {
        position:absolute;
	left:5px;
	top:5px;
	z-index:1; 	
	align:center
}

#sideleft {
	margin-top: 0px;
	margin-left: 0em;
	width:200px;
	float:left;
	top: 500px;
	left: 5px;
  }

#sideright {
	margin-top: 300px;
	MARGIN-RIGHT: 5;
	width:610px;
	float:right;
	top: 300px;
	right: 5px;

#footer {
	valign:bottom;
	left:0px;
	top:520px;
	width: 100%;
        height: 50px;
  }


.menBG1
{
background-image:url("images/characterspreview.jpg");
}
.menBG2
{
background-image:url("images/ad1.jpg");
}
.menBG3
{
background-image:url("images/ad2.jpg");
}


div {font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px; font-style: normal; line-height: 14px;
	font-weight: normal; font-variant: normal; text-transform: none;
	color: #B91B34; text-decoration: none; }


div.footy {font-family: Arial, Verdana, Helvetica,Tahoma, sans-serif;
	font-size: 4pt; font-style: normal; font-weight: bold; font-variant: 
	normal; text-transform: none; color: #CCCCCC; text-decoration: none; }
	
	
//-->