/* MEC2 Site CSS File
By smartmlp
(c) 2007 ISOTX ALL RIGHTS RESERVED
12/24/07
*/
body
{ 
	font: 8pt/14pt Tahoma; 
	color: #3F3F3F; 
	background: #343434; 
	margin: 0px; 
}
a:link 
{ 
	text-decoration: none;
	color: #3F3F3F; 
}
a:visited 
{ 
	text-decoration: none;
	color: #3F3F3F; 
}
a:hover, a:active 
{ 
	text-decoration:underline;
	color: #000000;
}
a img
{
	border: 0px
}
h1
{
	font: 18pt/20pt Tahoma; 
	margin-bottom: 2px;	
}
h2
{
	font: 10pt/14pt Tahoma; 
	font-weight: bold;
	display:inline;
}
#container
{
	padding: 0px 175px 0px 110px;  
	margin: 0px;
	position:absolute; 
	left:50%;
	width: 1152px;
	margin-left: -533px;
	z-index: 2;
}
html>body #container
{
	width: 867px;
}
#topsites
{
	top: 200px;
	margin: 0px;
	position:absolute; 
	left:50%;
	margin-left: 430px;
	width: 100px;
	z-index: 3;
}
#topsites img
{
	margin: 5px;
}
#container #headertop
{
	background: url("images/headertop.gif");
	width: 867px;
	height: 49px;
}
#container #headertop span
{
	display:none;
}
#container #headermiddle
{
	background: url("images/headermiddle.gif");
	width: 743px;
	height: 88px;
	float:left;
}
#container #headerisotx
{
	background: url("images/headerisotx.gif");
	width: 124px;
	height: 88px;
	float:right;
	cursor:hand;
	cursor:pointer;
}
#container #headerisotx span
{
	display:none;
}
#container #headerbottom
{
	clear:both;
	background: url("images/headerbottom.gif");
	width: 867px;
	height: 43px;
}
#container #bodyleft
{
	float:left;
	background: url("images/bodyleft.gif");
	width: 80px;
	height: 848px;
}
#container #mainmenu
{
	vertical-align:top;
	float:left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#container #mainmenu li
{
	margin: 0px;
	padding: 0px;
		cursor:hand;
	cursor:pointer;
}
#container #mainmenu li span
{
	display: none;
}
#container #mainmenu #news
{
	background: url("images/menu_news.gif");
	width: 121px;
	height: 28px;
}
#container #mainmenu #gameinfo
{
	background: url("images/menu_gameinfo.gif");
	width: 121px;
	height: 33px;
}
#container #mainmenu #media
{
	background: url("images/menu_media.gif");
	width: 121px;
	height: 36px;
}
#container #mainmenu #downloads
{
	background: url("images/menu_downloads.gif");
	width: 121px;
	height: 36px;
}
#container #mainmenu #community
{
	background: url("images/menu_community.gif");
	width: 121px;
	height: 32px;
}
#container #mainmenu #faq
{
	background: url("images/menu_faq.gif");
	width: 121px;
	height: 36px;
}
#container #mainmenu #about
{
	background: url("images/menu_about.gif");
	width: 121px;
	height: 36px;
}
#container #mainmenu #articles
{
	background: url("images/menu_articles.gif");
	width: 121px;
	height: 33px;
}
#container #mainmenu #mainmenubottom
{
	background: url("images/mainmenubottom.gif");
	width: 121px;
	height: 578px;
	cursor: auto;
}
#container #contentleft
{
	float:left;
	background: url("images/content_left.gif");
	width: 33px;
	height: 848px;
}
#container #content
{
	float:left;
	width: 572px;
	height: 848px;
	z-index: 3;
}
#container #content #contentarea
{
	float:left;
	background: url("images/contentbg.gif");
	width: 572px;
	height: 736px;
	padding: 20px;
}
html>body #container #content #contentarea
{
	width: 532px;
	height: 696px;
}
#container #content #bottomleft
{
	float:left;
	background: url("images/bottom_left.gif");
	width: 267px;
	height: 112px;
}
#container #content #newsarchive
{
	float:left;
	background: url("images/newsarchive.gif");
	width: 289px;
	height: 30px;
	cursor:hand;
	cursor:pointer;
}
#container #content #newsarchivefiller
{
	float:left;
	background: url("images/newsarchiveblank.gif");
	width: 289px;
	height: 30px;
}
#container #content #bottomcenter
{
	float:left;
	background: url("images/bottom_center.gif");
	width: 289px;
	height: 82px;
}
#container #content #bottomright
{
	float:right;
	background: url("images/bottom_right.gif");
	width: 16px;
	height: 112px;
	margin-top: -30px;
}
#container #contentright
{
	float:right;
	background: url("images/content_right.gif");
	width: 61px;
	height: 848px;
}
#bottomlinks
{
	clear:both;
	text-align:center;
	margin: 20px 0 70px 250px;
	width: 400px;
}
#bottomlinks a
{
	display:block;	
}
#bottomlinks #isotxlogo
{
	float: left;
}
#bottomlinks #dslogo
{
	padding-top: 30px;
	float: right
}
#greyPage
{
	position: absolute;
	left: 0px; 
	top: 0px;
	width: 100%; 
	height: 100%;
	background-color: #666666; 
	opacity: .7; 
	filter: alpha(opacity=70); 
	z-index: 4;
	cursor:pointer;
}
.hideDiv
{
	visibility: hidden;
}
.showDiv
{
	visibility: visible;
}
/* Everything below this is for the map */
#map_desc
{
	position: absolute;
	left: 50%;
	top: 75px;
	width: 600px;
	background: #FFFFFF;
	margin-left: -300px;
	z-index: 1000;
	cursor:pointer;
	border: solid 1px black;
}

#mapbg
{
	background: url("images/map/map.png");
	width: 457px;
	height: 498px;
}
#mapbg div
{
	cursor:pointer;
}
#mapbg #gasstation
{
	width: 47px;
	height: 47px;
	position:relative;
	top: 78px;
	left: 51px;
}
#mapbg #gasstation:hover
{
	background: url("images/map/gas_station.gif");
}
#mapbg #townhall
{
	width: 36px;
	height: 44px;
	position:relative;
	top: 150px;
	left: 158px;
}
#mapbg #townhall:hover
{
	background: url("images/map/town_hall.gif");
}
#mapbg #kong
{
	width: 41px;
	height: 33px;
	position:relative;
	top: 134px;
	left: 194px;
}
#mapbg #kong:hover
{
	background: url("images/map/kong.gif");
}
#mapbg #occupation
{
	width: 36px;
	height: 44px;
	position:relative;
	top: 46px;
	left: 287px;
}
#mapbg #occupation:hover
{
	background: url("images/map/occupation.gif");
}
#mapbg #news
{
	width: 43px;
	height: 43px;
	position:relative;
	top: 100px;
	left: 188px;
}
#mapbg #news:hover
{
	background: url("images/map/news.gif");
}
#mapbg #fueltruck
{
	width: 45px;
	height: 46px;
	position:relative;
	top: 58px;
	left: 257px;
}
#mapbg #fueltruck:hover
{
	background: url("images/map/fuel_truck.gif");
}
#mapbg #wireless
{
	width: 36px;
	height: 45px;
	position:relative;
	top: 23px;
	left: 368px;
}
#mapbg #wireless:hover
{
	background: url("images/map/wireless.gif");
}
#mapbg #ammo
{
	width: 27px;
	height: 45px;
	position:relative;
	top: 11px;
	left: 105px;
}
#mapbg #ammo:hover
{
	background: url("images/map/ammo.gif");
}
#mapbg #cars
{
	width: 47px;
	height: 32px;
	position:relative;
	top: 38px;
	left: 190px;
}
#mapbg #cars:hover
{
	background: url("images/map/cars.gif");
}
#mapbg #oilderrick
{
	width: 46px;
	height: 46px;
	position:relative;
	top: 8px;
	left: 352px;
}
#mapbg #oilderrick:hover
{
	background: url("images/map/oilderrick.gif");
}