body{margin: 0;}

#wrapper {background-image:url(images/wrapbg.gif); width: 750px; margin: 0 auto; position: relative}

#header {width: 730px; height:90px; position: absolute; top: 0; margin: 0; padding: 0 0 0 10px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: #333333;}
#header img {padding: 12px 0px 0px 7px; margin-top: 0;}

/* #content {padding: 120px 10px 10px 10px; width: 710px; margin: 0 auto;} - old way - before removed subheading links */ /*contains everything under header and above footer */
#content {padding: 100px 10px 10px 10px; width: 710px; margin: 0 auto;} /* new way -- no subheading links, so remove some of the white space */

p {font-size: 13px; font-family:Arial, Helvetica, sans-serif; color: #333333; margin: 0 0 12px 0;}

form {font-size: 13px; font-family:Arial, Helvetica, sans-serif; color: #333333; margin: 12px 0;}

p.tight {
	width: 210px;
	margin: 0;
	padding: 0;
}

p.mozilla {
	font-size: 1px;
	margin: 0;
	padding: 0;
}

.small {padding: 1px; margin: -3px 0 12px 0; font-size: 10px; }

a {font-weight: normal; }

a:link {color: #0094d6; text-decoration: underline; }
a:visited {color: #0094d6; text-decoration: underline; }
a:hover {color: #0094d6; text-decoration: underline; }
a:active {color: #0094d6; text-decoration: underline; }

h1 {font-size:32px; font-family: Arial, Verdana, sans-serif; font-weight: normal; color:#0094d6; letter-spacing:-1px; margin: 7px 0 12px -2px;} /*0 0 12px -2px;*/
h1 a:link {color:#0094d6; text-decoration:none; }
h1 a:visited {color: #0094d6; text-decoration: none; }
h1 a:hover {color: #0094d6; text-decoration: none; }
h1 a:active {color: #0094d6; text-decoration: none; }

h1.home {font-size:18px; font-family: Arial, Verdana, sans-serif; font-weight: normal; color:#89b700; letter-spacing:0px; margin: 12px 0;}
h1.home a:link {color:#89b700; text-decoration:none; }
h1.home a:visited {color: #89b700; text-decoration: none; }
h1.home a:hover {color: #89b700; text-decoration: none; }
h1.home a:active {color: #89b700; text-decoration: none; }

h2 {font-size:18px; font-family: Arial, Verdana, sans-serif; font-weight: normal; color:#89b700; margin: 12px 0;}
h2 a:link {color:#89b700; text-decoration:none; }
h2 a:visited {color: #89b700; text-decoration: none; }
h2 a:hover {color: #89b700; text-decoration: none; }
h2 a:active {color: #89b700; text-decoration: none; }

h3 {font-size:15px; font-family: Arial, Verdana, sans-serif; font-weight: bold; color:#666666; margin: 12px 0;}
h3 a:link {color:#666666; text-decoration:none; }
h3 a:visited {color: #666666; text-decoration: none; }
h3 a:hover {color: #666666; text-decoration: none; }
h3 a:active {color: #666666; text-decoration: none; }

#footer{background-image:url(images/footer.gif); width: 750px; height: 80px; margin: 0 auto; display:table;}
#footer p{margin:15px 0px 0px 20px; color:#666666; font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footer p a:link {color:#666666; text-decoration:none;}
#footer p a:visited {color:#666666; text-decoration:none;}
#footer p a:hover {color:#333333; text-decoration:underline;}
#footer p a:active {color:#666666; text-decoration:none;}

.box75 {
	float: left;
	width: 75px;
	padding: 0;
	margin: 0;
}

.box140 {
	float: left;
	width: 140px;
	padding: 0;
	margin: 0;
}

.box182 {
	float: left;
	width: 182px;
	padding: 0 0 0 10px;
	margin: 0;
}

.box210 {
	float: left;
	width: 210px;
	padding: 0;
	margin: 0;
}

.box236left {
	float: left;
	width: 236px;
	padding: 0;
	margin: 0;
}

.box236 {
	float: left;
	width: 236px;
	padding: 0;
	margin: 0;
}

.box226 {
	float: left;
	width: 226px;
	padding: 0 0 0 10px;
	margin: 0;
}

.box280 {
	float: left;
	width: 280px;
	margin: 0;
	padding: 0;
}

.box280 img {padding: 2px 0 0 0; margin: 0;}

.box420 {
	float: left;
	width: 420px;
	padding: 0 0 0 10px;
	margin: 0;
}

.box472 {
	float: left;
	width: 472px;
	padding: 0;
	margin: 0;
}

.box710 {
	float: left;
	width: 710px;
	padding: 0;
	margin: 0;
	border-bottom: 1px #89b700 dotted;
}

/*
.box710a {
	float: left;
	width: 710px;
	padding: 0;
	margin: 0;
}
*/

.box710a {
	background-image:url(images/wrapbg.gif); /*new*/
	float: left;
	width: 710px; /*710*/
	padding: 0 20px 20px 20px; /*0*/
	margin: 0 0 0 -20px; /*0*/
}

.floatleft {
	float: left;
	/* margin-top: 5px; */
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 10px;
}

.floatright {
	float: right;
	/* margin-top: 5px; */
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 0px;
}

#menu {
	border-bottom: 1px solid #333333; /* Changes color of underline */
	margin: 0;
	padding-bottom: 15px; /* Controls space underneath submenu - space between submenu and other content. Changing this affects the underline that is used for the tabs */
	padding-left: 10px; /* Moves the top nav tabs over to the right if you want */
	padding-top: 5px;
	/* width: 750px; / New - this does something, but it affects other things too */
}

#menu ul, #menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
#menu a:link, #menu a:visited {  /* This area controls the top main nav bar - may need to change multiple parameters for appearance to look right */
	background : #0094d6; /* Controls static background color of tabs (non-mouseover color) formerly #f0dbff */
	border: 1px solid #333333;
	color: #ffffff; /* Controls static text color of tabs (non-mouseover) */
	float: left;
	font-weight: bold;
	line-height: 14px;
	margin-right: 5px; /* Controls spacing between tabs */
	padding: 0px 8px; /* Controls padding around text inside main nav tabs */
	text-decoration: none;
}

#menu a:link.active, #menu a:visited.active { /* Don't know what any of this controls yet */
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #000;
}

#menu a:hover { /* This controls the top main nav bar hover effects */
	color: #0094d6; /* Controls text mouseover color of INACTIVE tabs, formerly 9900bb */
	background: #fff; /* Controls background mouseover color of the INACTIVE main nav tabs, formerly e9caee, then faecff */
}

body.section-gung-pow-mg #menu li#nav-gung-pow-mg a,
body.section-game-of-thrones-mg #menu li#nav-game-of-thrones-mg a,
body.section-max-damage-mg #menu li#nav-max-damage-mg a,
body.section-red-hot-devil-mg #menu li#nav-red-hot-devil-mg a,
body.section-so-many-monsters-mg #menu li#nav-so-many-monsters-mg a,
body.section-so-much-candy-mg #menu li#nav-so-much-candy-mg a,
body.section-so-much-sushi-mg #menu li#nav-so-much-sushi-mg a,
body.section-jurassic-park-mg #menu li#nav-jurassic-park-mg a,
body.section-1 #menu li#nav-1 a,
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a,
body.section-6 #menu li#nav-6 a,
body.section-7 #menu li#nav-7 a,
body.section-8 #menu li#nav-8 a,
body.section-9 #menu li#nav-9 a,
body.section-10 #menu li#nav-10 a {
	background: #fff; /* Changes background of active tab */
	border-bottom: 1px solid #fff;
	color: #0094d6; /* Changes the text color of the active tab, formerly 000 */
	font-weight: bold;
}

#menu #subnav-gung-pow-mg,
#menu #subnav-game-of-thrones-mg,
#menu #subnav-max-damage-mg,
#menu #subnav-red-hot-devil-mg,
#menu #subnav-so-many-monsters-mg,
#menu #subnav-so-much-candy-mg,
#menu #subnav-so-much-sushi-mg,
#menu #subnav-jurassic-park-mg,
#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7,
#menu #subnav-8,
#menu #subnav-9,
#menu #subnav-10 {
	display: none;
	width: 750px; /* Controls width of subnav - keep at 750 (or less probably) so it wraps around */
}

body.section-gung-pow-mg #menu ul#subnav-gung-pow-mg,
body.section-game-of-thrones-mg #menu ul#subnav-game-of-thrones-mg,
body.section-max-damage-mg #menu ul#subnav-max-damage-mg,
body.section-red-hot-devil-mg #menu ul#subnav-red-hot-devil-mg,
body.section-so-many-monsters-mg #menu ul#subnav-so-many-monsters-mg,
body.section-so-much-candy-mg #menu ul#subnav-so-much-candy-mg,
body.section-so-much-sushi-mg #menu ul#subnav-so-much-sushi-mg,
body.section-jurassic-park-mg #menu ul#subnav-jurassic-park-mg,
body.section-1 #menu ul#subnav-1,
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6,
body.section-7 #menu ul#subnav-7,
body.section-8 #menu ul#subnav-8,
body.section-9 #menu ul#subnav-9,
body.section-10 #menu ul#subnav-10 {
	display: inline;
	width: 750px; /* New - doesn't do anything */
	left: 10px; /* Moves the submenu over to the right so it can line up with the main nav menu */
	position: absolute;
	top: 99px; /* Moves the submenu down a certain distance from the top - perhaps try this within another DIV */
}

body.section-gung-pow-mg #menu ul#subnav-gung-pow-mg a,
body.section-game-of-thrones-mg #menu ul#subnav-game-of-thrones-mg a,
body.section-max-damage-mg #menu ul#subnav-max-damage-mg a,
body.section-red-hot-devil-mg #menu ul#subnav-red-hot-devil-mg a,
body.section-so-many-monsters-mg #menu ul#subnav-so-many-monsters-mg a,
body.section-so-much-candy-mg #menu ul#subnav-so-much-candy-mg a,
body.section-so-much-sushi-mg #menu ul#subnav-so-much-sushi-mg a,
body.section-jurassic-park-mg #menu ul#subnav-jurassic-park-mg a,
body.section-1 #menu ul#subnav-1 a,
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a, 
body.section-6 #menu ul#subnav-6 a,
body.section-7 #menu ul#subnav-7 a,
body.section-8 #menu ul#subnav-8 a,
body.section-9 #menu ul#subnav-9 a,
body.section-10 #menu ul#subnav-10 a {
	background : #fff; /* Changes background color of submenu items */
	border : none;
	border-left : 0px solid #f0dbff; /* This is the "delimeter" symbol between the subnav links, formerly ccc, then e2e2e2 */
	color : #0094d6; /* Changes color of subnav links */
	font-size: 11px;
	font-weight: normal;
	line-height : 12px;
	margin-right : 0px;
	padding : 2px 9px;
	text-decoration : none;
}

 #menu ul a:hover { /* Controls mouseover of subnav links */
	color: #0094d6 !important; /* Don't know what that is, but it is important, like it says */
	text-decoration: underline !important; /* The important thing is necessary */
	background: #fff !important;
}

.spacer {
	font-size:1px;
	clear:both;
	height:1px;
	margin:0px;
	padding:0px;
}

.space {
	font-size:0px;
	clear:both;
	height:1px; /*30px*/
	margin:0px;
	padding:0px;
}

a.plain {
	color: #333333;
	text-decoration: none;
	cursor: text;
}