/*--------------------------------------------------------------------------------*/
/* Common Selectors */
/*--------------------------------------------------------------------------------*/

body {position: relative; text-align: center; margin: 0px; background: url('images/styles/bg300.gif') 
	repeat-x bottom; background-attachment: fixed; background-color: #000000; color: #FF0000}

li {margin-top: 0px; text-align: justify; font-style: normal; font-variant: normal; font-weight: normal; 
	line-height: 16pt; font-size: 11pt; font-family: "Times New Roman", Monospace; background-color: inherit; 
	color: #357ABD}

ul {list-style: none; margin: 0; padding: 0;}

p {margin-top: 0px; text-align: justify; font-style: normal; font-variant: normal; font-weight: normal; 
	line-height: 16pt; font-size: 11pt; font-family: "Times New Roman", Monospace; background-color: inherit; 
	color: #357ABD}
.pdztext p {color: #6BC827; background-color: inherit;}
h1 {font: normal 24pt "Stylus BT", Monospace; letter-spacing: 1px; text-decoration: underline; 
	margin-bottom: 0px; background-color: inherit; color: #357ABD; display: none}

h2 {font: bold normal 18pt "Stylus BT", Monospace; letter-spacing: 1px; text-decoration: underline; 
	margin-bottom: 0px; background-color: inherit; color: #808080;}

h3 {font: italic normal 11pt georgia, Monospace; letter-spacing: 1px; background-color: inherit; 
	color: #904218; 
	font-weight: bold;}

h4	{font: italic normal 12pt georgia, Monospace; letter-spacing: 1px; background-color: inherit;
	color: #7D775C; margin-bottom: 6px; }

/*a {font-size: 11pt; font-family: Times New Roman, Monospace; color: #357ABD}*/

a:link, a:visited{text-decoration: none; background-color: inherit; color: #1F466B;}

a:hover {text-decoration: underline; background-color: inherit; color: #193A5D;}

/*a:active {text-decoration: underline; color: #A19EB3;}*/

abbr, acronym, .help {border-bottom: 1px dotted #333; cursor: help;}

.p11 {font-size: 14pt; background-color: inherit; color: #229977;}

.p12 {margin-top: 0px; text-align: justify; font-style: normal; font-variant: normal; font-weight: bold; 
	line-height: 16pt; font-size: 10pt; font-family: Georgia, Monospace; background-color: inherit; color: #FFFFFF}

.newsdate, .charinfo {margin-top: 0px; text-align: justify; font-style: normal; font-variant: normal; font-weight: bold; 
	line-height: 16pt; font-size: 10pt; font-family: Georgia, Monospace; background-color: inherit; color: #FFFFFF}

/*.wraper {position: relative; margin: 0 auto; text-align: left;}  tryed this to control postion */

/*--------------------------------------------------------------------------------*/
/* Header Divisions */
/*--------------------------------------------------------------------------------*/
			
#header {position: relative; padding: 0px 0px 0px 0px; width: 758px; height: 164px; margin-left: auto; margin-right: auto; margin-top: 0px;}
.pdheadimage {background: url('images/styles/pdmheader2.jpg') center no-repeat;}
.pdzheadimage {background: url('images/styles/pdzheader3.jpg') center no-repeat;}

#pagetitle {width: 758px; height: 50px; text-align: right;}
#pagetitle h2 {font: bold normal 18pt "Stylus BT", Monospace; letter-spacing: 1px; text-decoration: underline; margin-top: 0px; margin-bottom: 0px; margin-right: 8px;}
.pdpagetitle h2 {background-color: inherit; color: #808080;}
.pdzpagetitle h2 {background-color: inherit; color: #FFFFFF;}

#styleselect {position: absolute; top: 119px; right: 10px; width: 500px; z-index: 100; /*border: solid 1px #FF0000;*/}
#styleselect a:hover alt {display: none;}
#styleselect a img {border: solid 1px #666; /*margin-left: 1px;*/}
#styleselect a:hover {border: 0px; text-decoration: none;}
#styleselect a span {display: none;}
#styleselect a:hover span {display: block; position: absolute; top: -6px; right: 0; margin-top: 10px; margin-right: 112px; z-index: 100; color: #AAA; font: 10px Verdana, sans-serif; text-align: right; text-decoration: none;}
#styleselect a .style1 {height: 0px; width: 0px; border-width: 0px;}
#styleselect a:hover .style1{position: absolute; top: -91px; right: 0; margin-top: 10px; margin-right: -1px; z-index: 100; color: #AAA; background: black; text-decoration: none; width: 118px; height: 72px; border: solid 1px #666;}

/*--------------------------------------------------------------------------------*/
/* Navigation Divisions */
/*--------------------------------------------------------------------------------*/
				/*///////////-- Horizontal NavMenu1 --///////////*/

#navmenu1 {/*position: absolute;*/top: 50px; margin-top: 92px; width: 756px; left: auto; right: auto; /*border: solid 1px #FF0000;*/}
#navmenu1 a{font: 9pt Arial;}

.parentmenu {margin-left: 0px; margin-right: 0px; padding-left: 17px; padding-right: 16px;}

/* All <ul> tags in the menu including the first level */
.mainmenu { padding: 0px 0px 0px 15px;}
.mainmenu  ul {list-style: none;}
/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.mainmenu ul {visibility: hidden; position: absolute; top: 1.7em; /* I'm using ems rather than px to allow people to zoom their font */ left: 16px; width: 134px;}
.mainmenu ul li {align-text: center;}
/* All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.*/
.mainmenu li {float: left; position: relative;}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.mainmenu ul li {float: none; margin-right: 0; margin-bottom: -1px; border: 1px solid #330;
 background: #7D775C;}
.mainmenu ul>li:last-child {margin-bottom: 1px;}
/* Links inside the menu */
#navmenu1 .parentmenu a {display: block; font-weight: bold; padding: 3px; color: #000; text-decoration:  none;}
#navmenu1 .submenu a {display: block; text-align: center; font-weight: normal; padding: 3px; color: #000; text-decoration:  none;}
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
#navmenu1 .parentmenu a:hover, .parentmenu a.highlighted:hover, .parentmenu a:focus {color: #FFF; font-weight: bold; background-color: none;}
#navmenu1 .parentmenu a.highlighted {color: #FFF; font-weight: bold; background-color: none;}
#navmenu1 .submenu a:hover, .submenu a.highlighted:hover, .submenu a:focus {color: #FFF; font-weight: bold; background-color: #904218;}
#navmenu1 .submenu a.highlighted {color: #FFF; font-weight: bold; background-color: #904218;}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .mainmenu a#xyz {
      background-image: url(out.gif);
    }
    .mainmenu a#xyz:hover, .mainmenu a.highlighted#xyz, .mainmenu a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.mainmenu a .subind {display:  none;}
.mainmenu ul a .subind {display:  block; float: right;}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.mainmenu a {float: left;}
.mainmenu ul a {float: none;}
/* \*/
.mainmenu a {float: none;}
/* */

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .mainmenu  ul li {float: left; height: 1%;}
* html .mainmenu  ul a {height: 1%;}
/* End Hack */

				/*///////////-- NavMenu2 --///////////*/

#preview {height: 58px; margin-left: 1px; margin-right: 1px; background: url('images/styles/holograph.jpg')  left no-repeat bottom;}
.pdpreview {border-left: solid 1px #193A5D; border-right: solid 1px #193A5D /*#2A67A6*/; height: 58px; margin-left: 1px; margin-right: 1px;}
.pdzpreview {border-left: solid 1px #3C6A1F; border-right: solid 1px #3C6A1F /*#2A67A6*/; height: 58px; margin-left: 1px; margin-right: 1px;}

#navmenu2 {margin-top: 0px; /*margin-right: 20px; used .arenamain instead*/ float: left;}  /*all secondary menus work from navmenu2*/
#navmenu2 li a img {height: 0; width: 0; border-width: 0;}
#navmenu2 li p {height: 15px; voice-family: inherit; margin: 1px; font-weight: bold; line-height: 10pt; 
	font-size: 9pt; font-family: Arial, Monospace; background-color: inherit; color: #000000;
	text-align: center; font-style: normal; font-variant: normal; display: block; /*padding: 2px; reomved*/}
#navmenu2 li a {height: 14px; voice-family: inherit; text-decoration: none; margin: 1px; 
	border: solid 1px #666666; font-weight: bold; line-height: 10pt; font-size: 9pt; font-family: Arial, Monospace; 
	background-color: inherit; color: #357ABD; text-align: left; font-style: normal; font-variant: normal;}
#navmenu2 li a:link, #navmenu2 li a:visited {color: #000000; display: block; background: #7D775C;
	/*background: url(images/menu4.gif);*/ padding: 2px 2px 2px 2px;}
#navmenu2 li a:hover {color: #FFFFFF; background: #904218; /*background: url(images/menu4.gif) 0 -32px;*/
	padding: 2px 2px 2px 2px;}		
			
				/*///////////--pd arena/menu2--///////////*/
				
.pdarenamenu {width: 95px;}
.pdarenamenu li p {height: 15px; voice-family: inherit; margin: 1px; font-weight: bold; line-height: 10pt; 
	font-size: 9pt; font-family: Arial, Monospace; background-color: inherit; color: #000;
	text-align: center; font-style: normal; font-variant: normal; display: block;
	background: url('images/styles/pdmheader2.jpg') -10px -307px; padding: 2px;}
	
#arenamenu ul {visibility: hidden; position: absolute; left: 0px; width: 0px; top: 2.5em;}
#arenamenu li a:hover img {position: absolute; margin-top: 0px; margin-right: 2px; 
	margin-left: 3px; top: 168px; height: 50px; width: 82px;}
	
				/*///////////--pd weapon/menu2--///////////*/
				
.pdweaponmenu {width: 118px;}
.pdweaponmenu li p {height: 15px; voice-family: inherit; margin: 1px; font-weight: bold; line-height: 10pt; 
	font-size: 9pt; font-family: Arial, Monospace; background-color: inherit; color: #000;
	text-align: center; font-style: normal; font-variant: normal; display: block;
	background: url('images/styles/pdmheader2.jpg') -10px -307px; padding: 2px;}		
				
#weaponmenu ul {visibility: hidden; position: absolute; left: 0px; width: 0px; top: 2.5em;}
#weaponmenu li a:hover img {position: absolute; margin-top: 0px; margin-right: 3px; 
	margin-left: 3px; top: 168px; height: 50px; width: 104px;}
	
				/*///////////--pdz weapon/menu2--///////////*/
				
.pdzweaponmenu {width: 111px;}
.pdzweaponmenu li p {height: 15px; voice-family: inherit; margin: 1px; font-weight: bold; line-height: 10pt; 
	font-size: 9pt; font-family: Arial, Monospace; background-color: inherit; color: #000;
	text-align: center; font-style: normal; font-variant: normal; display: block;
	background: url('images/styles/pdzheader3.jpg') -10px -307px; padding: 2px;}
	
#pdzweaponmenu ul {visibility: hidden; position: absolute; left: 0px; width: 0px; top: 2.5em;}
#pdzweaponmenu li a:hover img {position: absolute; margin-top: 0px;  margin-right: 4px;
	margin-left: 4px; top: 168px; height: 50px; width: 96px;}
	
				/*///////////--pd character/menu2--///////////*/
	
.pdcharactermenu {width: 156px;}
.pdcharactermenu li p {height: 15px; voice-family: inherit; margin: 1px; font-weight: bold; line-height: 11pt; 
font-size: 9pt; font-family: Arial, Monospace; background-color: inherit; color: #000000;
text-align: center; font-style: normal; font-variant: normal; display: block;
background: url('images/styles/pdmheader2.jpg') -10px -307px; padding: 2px;}

#charactermenu ul {visibility: hidden; position: absolute; left: 0px; width: 0px; top: 2.5em;}
#charactermenu li a:hover img {position: absolute; margin-top: 0px; margin-right: 4px; 
	margin-left: 4px; top: 168px; height: 50px; width: 141px;}

				/*///////////--pd scenario/menu2--///////////*/
	
.pdscenariomenu { height: 480px; width: 115px;}
.pdscenariomenu li p {height: 15px; voice-family: inherit; margin: 1px; font-weight: bold; line-height: 10pt; 
font-size: 9pt; font-family: Arial, Monospace; background-color: inherit; color: #000000;
text-align: center; font-style: normal; font-variant: normal; display: block;
background: url('images/styles/pdmheader2.jpg') -10px -307px; padding: 2px;}

#scenariomenu ul {visibility: hidden; position: absolute; left: 0px; width: 0px; top: 2.5em;}
#scenariomenu li a:hover img {position: absolute; margin-top: 0px; margin-right: 4px; 
	margin-left: 4px; top: 168px; height: 50px; width: 100px;}
	
/*--------------------------------------------------------------------------------*/
/* Container Division */
/*--------------------------------------------------------------------------------*/			
			
#container {width: 758px;text-align: left; margin-right: auto; margin-left: auto; margin-bottom: 0px;}

#arenacontainer {padding-left: 115px; border: solid 10px #666666;}
	
/*--------------------------------------------------------------------------------*/
/* Intro Division */
/*--------------------------------------------------------------------------------*/
			
#intro {text-align: center; width: 500px; margin-top: 35px; margin-bottom: 40px; margin-left: auto;
	margin-right: auto; /*background-color: #666666;*/ /*border: solid 1px #FF0000;*/}

#navmenu2intro {text-align: center; padding: 20px 20px 0px 0px; /*border: solid 1px #FF0000;*/}
#navmenu2intro p {text-align: center; font: italic normal 11pt georgia, Monospace; 
	letter-spacing: 1px; background-color: inherit; color: #904218; font-weight: bold; 
	margin-top: 0px; margin-bottom: 0px;}

#imageintro {text-align: left; margin-bottom: 12px;}
#imageintro img {margin-left: 0px; margin-right: 5px;/*6max*/ border: dashed 1px #666666}

.weaponintro {float: right; margin-left: 20px;}
.weaponintro img {margin-bottom: 8px;}

.characterintro {float: right; margin-left: 30px; padding-right: 55px;}
.characterintro img {margin-bottom: 8px;}

#arenaintro {
	text-align: center; width: 500px; margin-top: 35px; margin-bottom: 40px; margin-left: auto; margin-right: auto;
	/*background-color: #666666;*/  /*border: solid 1px #FF0000;*/ border: solid 1px #FF0000;}

/*--------------------------------------------------------------------------------*/
/* Content Divisions */
/*--------------------------------------------------------------------------------*/

#navmenu2main {}
#navmenu2main h4 {margin-top: 0px;}
.arenamain {padding: 20px 20px 0px 115px;}
.weaponmain {padding: 20px 20px 100px 138px;}
.weaponmain p {margin: 8px;}
.charactermain {padding: 20px 20px 100px 235px;}
.scenariomain {padding: 20px 20px 0px 120px;}
.pdzweaponmain, pdzarenamain p {padding: 20px 20px 0px 131px;}
.pdzweaponmain p {color: #6BC827; background-color: inherit;}

#arenaindexmain {text-align: center; padding: 20px 20px 375px 115px;}
#arenaindexmain h3, #weaponindexmain h3, #characterindexmain  h3, #scenarioindexmain h3 {font: italic normal 11pt georgia, Monospace; letter-spacing: 1px; background-color: inherit; color: #904218; font-weight: bold;}
#arenaindexmain p {font: italic normal 11pt georgia, Monospace; letter-spacing: 1px; font-weight: bold; margin-top: 0px; margin-bottom: 0px;}

#weaponindexmain {text-align: center; padding: 20px 20px 375px 176px;}
#weaponindexmain p {font: italic normal 11pt georgia, Monospace; letter-spacing: 1px; 
	font-weight: bold; margin-top: 0px; margin-bottom: 0px;}
	
#characterindexmain {text-align: center; padding: 20px 20px 375px 176px;}
#characterindexmain p {font: italic normal 11pt georgia, Monospace; letter-spacing: 1px; 
	font-weight: bold; margin-top: 0px; margin-bottom: 0px;}

#scenarioindexmain {text-align: center; padding: 20px 20px 375px 176px;}
#scenarioindexmain p { font: italic normal 11pt georgia, Monospace; letter-spacing: 1px; 
	font-weight: bold; margin-top: 0px; margin-bottom: 0px;}

#main { text-align: justify; width: 650px; margin-top: 0px; margin-left: auto; margin-right: auto;
	/*background-color: #222222;*/}
#main h3 {font: italic normal 12pt georgia, Monospace; letter-spacing: 1px; margin-bottom: 1px; margin-top: 20px;
	background-color: inherit; color: #7D775C;}

.rankinglist ul li {list-style: square; margin: 0; padding: 0;}

#specs {}
#specs li {text-align: left; padding-top: 5px; padding-bottom: 5px;}
.specshidden {display: none;}

.row1 {text-align: justify; margin-left: 0;padding-left:  width: 73px; border: solid 1px #FF0000;}
.row2 {text-align: justify; margin-left: 0;padding-left: width: 136px; border: solid 1px #FF0000;}
.row3 {text-align: justify; margin-left: 0;padding-left: width: 166px; border: solid 1px #FF0000;}

/*--------------------------------------------------------------------------------*/
/* Supporting Divisions */
/*--------------------------------------------------------------------------------*/

				/*///////////--PD Classic Weapons--///////////*/
	
#classicweapons {width: 650px; height: 300px; margin-top: 25px; margin-left: auto; margin-right: auto;
	/*background-color: #222222;*/ /*border: solid 1px #222222;*/}

#clasweapimgtop {float: left; text-align: center; width: 140px; /*height: 72px;*/ padding-left: 10px;
	padding-right: 10px;}

#clasweapimgtop p {margin-top: 0px; margin-bottom: 0px; text-align: center; font-style: normal; 
	font-variant: normal; font-weight: normal; line-height: 16pt; font-size: 11pt; 
	font-family: "Times New Roman", Monospace; background-color: inherit; color: #357ABD}

#clasweapimgbot {float: left; text-align: center; margin-top: 20px; width: 190px; /*height: 72px;*/
	padding-left: 10px; padding-right: 10px;}

#clasweapimgbot p {margin-top: 0px; margin-bottom: 0px; text-align: center; font-style: normal; 
	font-variant: normal; font-weight: normal; line-height: 16pt; font-size: 11pt; 
	font-family: "Times New Roman", Monospace; background-color: inherit; color: #357ABD}

#para1 {text-align: justify; width: 758px; margin-top: 0px; margin-left: auto; margin-right: auto; 
	background-color: #7D775C; color: inherit; /*background-color: #222222;*/ /*border: solid 1px #FF0000;*/}
	
#pindex {text-align: left; width: 758px; margin-top: 0px; margin-left: auto; margin-right: auto;
	/*background-color: #222222;*/ /*border: solid 1px #FF0000;*/border: solid 1px #FF0000;}

#pheader {text-align: justify; width: 650px; height: 22px; margin-top: 0px; margin-left: auto; margin-right: auto;
	background-color: #7D775C; color: inherit;/*border: solid 1px #FF0000;*/}

#menuarea {clear:both; position: absolute; width: 150px; height: 220px; /*border: solid 1px #FF0000;*/
	border: solid 1px #FF0000;}

/*--------------------------------------------------------------------------------*/
/* Footer Divisions */
/*--------------------------------------------------------------------------------*/

#footer {width: 756px; /*position: relative; took out because of overlap on navmenu2*/ text-align: center; padding-top: 110px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-bottom: 14px;}
#footer p { text-align: center;  padding: 0px; margin-bottom: 0px; margin: -2px; font-size: 8pt; font-family: Georgia, Monospace;  background-color: inherit; color: #666;}
#footer a:link {font-family: Georgia, Monospace; font-weight: bold; text-decoration: none; background-color: inherit; color: #666;}
#footer a:hover {font-family: Georgia, Monospace; font-weight: bold; text-decoration: underline;; background-color: inherit; color: #666;}