/*---------------------------------------/
// These are the main body constructors //
/---------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #BDCEF7;
	background-image: url('../graphix/mega_back.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

img  {  
	border-style: none;
}

table {
	padding: 0px;
	border-width: 0px;
	border-style: solid;
	border-collapse: collapse;
}

td {
	padding: 0px;
	spacing: 0px;
}

div {
	padding: 0px;
}

a  {
	text-decoration:none;
	color: #222C36;
}

font.microtext {
	font-size: 8px;
	font-family: Arial;
	color: #222C36;
}

font.tinytext {
	font-size: 9px;
	font-family: Verdana;
	color: #222C36;
}

font.smalltext {
	font-size: 11px;
	font-family: Verdana;
	color: #222C36;
}

font.maintext {
	font-size: 13px;
	font-family: Verdana;
	color: #222C36;
}

font.headertext {
	font-size: 15px;
	font-family: Verdana;
	color: #222C36;
}

/*-----------------------------------------/
// These are the specialized constructors //
// made specifically for the site body    //
/-----------------------------------------*/
table.siteMiddle {
	width: 784px;
	height: 100%;
	margin: 0 auto;
	border-width: 0px;
	border-style: none;
}

td.siteMiddle {
	background-image: url('../graphix/background.gif');
	width: 740px;
	vertical-align: top;
	text-align: center;
}

td.siteSide {
	width: 22px;
	height: 100%;
	background-image: url('../graphix/bar_vertical.gif');
}



/*-----------------------------------------/
// These are the specialized constructors //
// made specifically for the menu bar     //
/-----------------------------------------*/
div.navMenu {
	padding: 0px;
	background-color: #ADBAC6;
	width: 100%;
}

table.navline {
	width: 100%;
	border-width: 0;
	cell-spacing: 2;
	padding: 2px;
}

td.navrow { 
	background-color: #ECECEC; 
	padding: 4px; 
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px; 
	border-color: #ADBAC6; 
	border-style: solid; 
	border-width: 0px 1px 1px 1px; 
}

.mainmenu { 
	margin: 1px 1px; 
	font-size: 10px; 
	color: #4C6C73;
}

img.menubutton {
	width: 18px;
	height: 18px;
	border: 0px;
}

/*-----------------------------------------/
// These are the specialized constructors //
// made specifically for the banner       //
/-----------------------------------------*/
.banner {
	width: 740px;
	height: 150px;
	border: 0px;
}

/*-----------------------------------------/
// These are the specialized constructors //
// made specifically for the levelBox     //
/-----------------------------------------*/
table.levelBox, table.levelBoxInner {
	margin: 0 auto;
	border-width: 0px;
	table-layout: fixed;	
}

table.levelBox {
	width: 300px;
	height: 77px;
	background-color: #BDCEF7; 
}

td.levelBoxCorner, td.levelBoxHoriz, image.levelBoxCorner {
	height: 10px;
}

td.levelBoxCorner, td.levelBoxHoriz {
	overflow:hidden;
	white-space:nowrap;
}

td.levelBoxCorner, td.levelBoxVert, image.levelBoxCorner {
	width: 10px;
	text-align: center;
}

td.levelBoxHoriz, td.levelBoxBody {
	width: 280px;
}

td.levelBoxBody {
	border-style: solid;
	border-width: 1px;
	border-color: #ADBAC6;
	height: 62px;
	text-align: center;
	background-image: url('../graphix/levelBox_back.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

table.levelBoxInner {
	width: 278px;
	height: 60px;
}

td.levelBoxInnerCornerLeft, td.levelBoxInnerCornerRight, levelBoxInnerTop {
	height: 25px;
	overflow:hidden;
	white-space:nowrap;
	vertical-align: middle;
}

td.levelBoxInnerCornerLeft, td.levelBoxInnerCornerRight {
	width: 25px;
	background-repeat: no-repeat;
	background-position: center;
}

td.levelBoxInnerCornerLeft {
	text-align: right;
}

td.levelBoxInnerCornerRight {
	text-align: left;
}

td.levelBoxInnerTop {
	width: 228px;
	text-align: center;
}

td.levelBoxInnerMid, td.levelBoxInnerBottom {
	width: 278px;
	height:20px;
	overflow:hidden;
	white-space:nowrap;	
}

td.levelBoxInnerMid {
	text-align: center;
}

td.levelBoxInnerBottom {
	text-align: center;
}

/*-----------------------------------------/
// These are the specialized constructors //
// made specifically for the levelBoxFull //
/-----------------------------------------*/

div.levelBoxFull, table.stageName, td.whiteBar, td.whiteBack, table.contentTable, td.contentTableLeft, td.contentTableRight,
table.infoTable, table.ratingTable, td.simpleTable, table.descriptionTable, table.reviewsTable, td.reviewsBottom, 
table.bottomBar, td.bottomBar {
	margin: 0 auto;
}

table.stageName, table.contentTable, table.infoTable, table.ratingTable, table.descriptionTable, table.reviewsTable {
	border-width: 0px;
	border-style: none;
	border-collapse: collapse;
}

td.whiteBar, td.whiteBack, td.simpleTable, td.reviewsBottom, td.bottomBar {
  	overflow: hidden;
  	whitespace: nowrap;
}

table.stageName, table.infoTable, table.ratingTable, table.descriptionTable, table.reviewsTable, table.bottomBar {
	table-layout: fixed;
}

td.whiteBar, td.whiteBack, td.contentTableLeft, td.contentTableRight, td.simpleTable, td.bottomBar {
	text-align: center;
}

td.whiteBack, td.contentTableLeft, td.contentTableRight, td.simpleTable, td.bottomBar {
	vertical-align: top;
}

table.stageName, td.whiteBack, table.infoTable, table.descriptionTable, table.reviewsTable, table.reviewsBottom {
	background-image: url('../graphix/transcube.png');
}

table.stageName, table.descriptionTable {
	width: 400px;
}

table.reviewsTable, td.reviewsBottom {
	width: 90%;
}

table.ratingTable, table.bottomBar {
	width: 100%;
}

div.levelBoxFull {
	width: 720px;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

td.whiteBar {
	height: 22px; 
	background-image: url('../graphix/bar_mid.gif');
	background-repeat: repeat-x; 
	background-position: bottom; 
}

td.whiteBack {
        line-height: 12px;
	padding: 6px;
}

table.contentTable {
	width: 700px;
}

td.contentTableLeft {
	width: 250px;
	padding: 0px;
}

td.contentTableRight {
	width: 450px;
	padding: 0px;
}

table.infoTable {
	width: 200px;
}

td.simpleTable {
	width: 50%;
}

td.reviewsContent {
	
}

td.reviewsBottom {
	text-align: justify;
	line-height: 12px;
	padding: 5px 5px 0px 5px;
}

td.bottomBar {
	width: 33%;
}

img.stageBoss {
	width: 150px;
	height: 150px;
        padding: 5px;
	float: right;
}

img.sceneryBack {
	width: 288px;
	height: 32px;
        margin: 0 auto;
        border-style: solid;
        border-width: 1px;
	border-color: #000000;
}

img.enemySprite {
	width: 20px;
	height: 20px;
	padding: 10px;
        float: right;
}