/*-------------------MAIN-------------------*/
body.PAGE {
    	font-family: "Tahoma", serif;
    	color: black;
    	font-size: small;
	background-color: #1F6C07;
	background-image: url(Graphics/Main_BG.png);
    	background-repeat: repeat-x;
	background-attachment: fixed;
    	width: 100%;
        height: 100%;
	min-height: 100%;
    	margin: 0em auto 0em auto;
    	padding: 0em;
	vertical-align: top;
	overflow: visible;
}

div.MAIN {
	position: absolute;
    	width: 75%;
    	margin: 0em auto 0em auto;
    	border-right: 1px solid black;
    	border-left: 1px solid black;
    	background-color: #F0F1C5;
	vertical-align: top;
	left: 12.5%;
	right: 12.5%;
	z-index: 0;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}

table.SUB1 {
    	width: 100%;
	vertical-align: top;
}

table.SUB2 {
    	width: 100%;
	vertical-align: top;
}

td.LEFT {
    	width: 10%;
	height: 15px;
    	vertical-align: top;
}

td.MIDDLE {
	width: auto;
    	vertical-align: top;

}

td.RIGHT {
	width: 10%;
	height: 15px;
    	vertical-align: top;
}

table.CONTENT {
    	width: 100%;
    	padding: 0em;
    	margin: 0em;
    	border-collapse: collapse;
    	border-left: 1px solid black;
    	border-right: 1px solid black;
    	border-bottom: 1px solid black;
}

/*-----------------------LOGO--------------------*/
div.LOGO {
    	position: absolute;
    	width: 80%;
    	margin: 0em auto 0px auto;
    	left: 10%;
    	top: 5px;
    	right: 10%;
    	height: 75px;
    	padding: 0;
    	border: solid 1px #000;
    	background-image: url(Graphics/Logo.png);
    	background-repeat: no-repeat;
	z-index: 2; 
}

div.LOGO_BG {
	position: absolute;
    	width: 80%;
    	margin: 0em auto 0px auto;
    	left: 10%;
    	top: 5px;
    	right: 10%;
    	height: 75px;
    	padding: 0;
    	border: solid 1px #000;
    	background-image: url(Graphics/Logo_Extension.png);
    	background-repeat: repeat-x;
	z-index: 1;
}

table.LOGO {
    	height: 75px;
    	width: 100%;
}


/*-------------------NAVIGATOR--------------*/
div.NAV {
	position: absolute;
    	right: 81.25%;
	width: 18.75%;
	max-width: 18.75%;
	padding: 0em;
	top: 0;
	bottom: 0;
	z-index: 3;

	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	clip: auto;
	min-height:100%; /* real browsers */		
}

body.NAV {
	font-family: "Tahoma", serif;
    	color: black;
	font-size: 11pt;
	width 100%;
	padding: 0em;
	margin: 0em;		
}

table.PILLAR_L {
    	position: absolute;
	display: inline;
	right: 0;
	top: 6.5em;
    	margin: 0em auto 0em auto;
    	border: 0;
	padding: 0;
	width:auto !important;
}

ul.NAV {
	display: inline;
	text-align: left;
	padding: 0em;
	margin: 0em;
	width:auto !important;
}

ul.NAV li {
	display: inline;
	right: 0;
	margin: 0;
	height: 100%;
    	list-style: none;
	padding: 0em;
	margin: 0em;
	vertical-align: middle;
}

ul.NAV li a {
	display: block;
	height: 20px;
	line-height: 20px;
	margin-top: .5em;
	margin-bottom: .5em;
	padding-left: 4px;
	padding-right: 20px;
	font-family: "Arial", serif;
	font-size: 1em;
	font-weight: bold;
    	color: #000;
    	text-decoration: none;
	background-color: #F0F1C5;
	background-image: url('Graphics/Button_Menu_Inactive.png');
	background-repeat: repeat-y;
	background-position: right;
	border: solid 1px black;
}

ul.NAV li a:hover {
	height: 20px;
	line-height: 20px;
	margin-top: .5em;
	margin-bottom: .5em;
	padding-left: 4px;
	padding-right: 20px;
    	text-decoration: underline;
	background-color: #F0F1C5;
    	background-image: url('Graphics/Button_Menu_Active.png');
	background-repeat: repeat-y;
	background-position: right;
	border: solid 1px black;
	
}

/*---------------------STUFF------------------*/
div.STUFF {
	position: absolute;
	left: 81.25%;
	width: 18.75%;
	max-width: 18.75%;
	padding: 0em;
	top: 0;
	bottom: 0;
	z-index: 3;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	clip: auto;
	min-height:100%; /* real browsers */	
}

body.STUFF {
	font-family: "Tahoma", serif;
    	color: black;
	font-size: 11pt;
    	width: 100%;
	padding: 0em;
	margin: 0em;			
}

table.PILLAR_R {
    	position: absolute;
	right: 0;
	top: 7em;
    	margin: 0em auto 0em auto;
    	border: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

table.BOX {
	position: relative;
	margin: 0em;
	padding: 0em;
	background-color: #57CC7E;
	border: solid 1px black;
		
}

tr.FILLER {
	height: 1em;
}

div.DOWNLOAD {
    	border: solid 1px #000;
    	background-color: #F0F1C5;
    	text-align: center;
	padding: .25em;
	margin: 0em auto 0em auto;
	vertical-align: middle;
}

img.AFFILIATE {
	position: relative;
	padding: 0;
	border: solid 1px black;	
}

/*--------------------------COUNTER---------------------*/
td.COUNTER {
    height: 25px;
    padding: 0.5em;
    text-align: center;
}

/*-------------------FOOTER------------------*/
div.FOOTER {
    	height: 1em;
    	width: 100%;
	text-align: center;
}

body.FOOTER {
    	font-family: "Tahoma", serif;
    	color: black;
    	text-align: center;
    	font-size: small;
    	top: 0em;
    	left: 0em;
    	background-color: #F0F1C5;
    	margin: 0;
    	padding: 0;     
}

td.FOOTER {
    height: 75px;
    padding: 0.5em;
    text-align: center;
    vertical-align: bottom;
    margin-left: auto;
    margin-right: auto;
    width: 20px;
}

/*----------------Headers and Titles--------------*/
td.h1 {
    	font-family: "Arial";
    	color: black;
    	font-weight: bold;
    	font-size: medium;
    	text-align: left;
    	max-height: 1em;
    	margin: 0em;
    	background-color: #57CC7E;
    	padding: 0.5em;
    	border: 1px solid black;
 }

td.t1 {
    	font-family: "Tahoma";
    	color: black;
    	font-weight: bold;
    	font-size: large;
    	text-align: left;
    	max-height: 1em;
    	margin: 1em, 1em;
}

/*----------------CONTENT-------------------------*/
td.CONTENT {
    	padding: 0.5em;
	vertical-align: top;
}

td.SCREENSHOT {
    	padding: 0.5em;
	vertical-align: top;
	text-align: center;
}

td.COMPOSITE {
    	padding: 0.5em;
	vertical-align: top;
}

tr.CONTENT a {
    	text-decoration: none;
}

td.CONTENT img {
    	float: left;
    	margin-right: 0.5em;
	border: 1px solid black;
}


td.CONTENT table {
    	font-family: "Tahoma";
    	color: black;
    	width: 90%;
    	border-collapse: collapse;
    	border-left: 1px solid black;
    	border-right: 1px solid black;
    	border-bottom: 1px solid black;
    	text-align: center;
    	padding: 0em;
    	margin-left: auto;
    	margin-right: auto;
}

tr.HEADER {
    	background-color: #57CC7E;
}

tr.HEADER td {
    	border: 1px solid black;
    	text-align: center;
    	font-family: "Arial";
    	color: black;
    	font-weight: bold;
    	font-size: medium
}


tr.CONTENT td {
    	border: 1px solid black;
	text-align: center;
}

img.REGULAR {
	border: solid 1px black;	
}

img.SCREENSHOT {
	border: solid 1px black;
	height: 240px;
	width: 320px;	
}


/*-------------------MISC------------------*/

bold {
	font-weight: bold;
}

//everlong colors:
//#57CC7E; light green
//#F0F1C5; tan