body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height:100%;
	background-repeat: repeat;
	text-align: center;
}

#container {
	margin: 0px auto;
	text-align: left;
	position:relative;
	width: 950px;
	height:100%;
	top: 0px;
	left: 0px;
	z-index:4;
	height:auto !important;
}
#header{
	position:absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height:100px;
	background-repeat: repeat-x;
	background-image:url(../images/g_bg_top01.png);
}
#subheader{
	position:absolute;
	top: 100px;
	left: 0px;
	width:100%;
	height:40px;
	background-repeat: repeat-x;
	background-image:url(../images/g_bg_top02.jpg);
}
#content{
	padding-top: 0px;
	width: 100%;
	display: block;
	height: 160px;
	text-align: center;
}
#canvas{
	
	width: 100%;
	min-height:300px;
	height:auto !important;
	height:300px;
	display: block;
}
#footer{
	margin-top: 50px;
	width: 700px;
	height: 48px;
	background-repeat: repeat-x;
	background-image:url(../images/g_bannerbg_bottom.png);
	display: block;
	text-align: center;
	background-color: #333333;
	position: fixed;
}
#footer_image{
	position:relative;
	top: -10px;
	float: left;
	padding: 10px;
}
#footer_text{
	position:relative;
	right: 0px;
	float: right;
	padding: 12px;
	color: white;
}
#logo{
	position:relative;
	width:314px;
	height:104px;
	position:absolute;
	background-repeat: no-repeat;
	background-image:url(../images/logo.png);
	left: 39;
    top: 43;
	z-index: 99999;
} 
#godmerchant{
	width:147px;
	height:116px;
	position:absolute;
	background-repeat: no-repeat;
	background-image:url(../images/god_bg.png);
	cursor: pointer;
	left: 400;
    top: 161;
	
}
#godmerchant_text{
	width:113px;
	height:15px;
	position:absolute;
	left: 416;
    top: 246;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
}
#drachmas {
	position: absolute;
	left: 384px;
	top: 287px;
	width: 184px;
	height: 109px;
	background-repeat: no-repeat;
	background-image:url(../index_files/images/drachmas_bg.png);
}
#drachmas_label {
	position: absolute;
	left: 452px;
	top: 314px;
	width: 81px;
	height: 15px;
	font-weight: bold;
	text-align: right;
	font-size: 15px;
}
#drachmas_text {
	position: absolute;
	left: 452px;
	top: 330px;
	width: 81px;
	height: 20px;
	font-weight: bold;
	text-align: right;
	font-size: 24px;
}
#amulets_text {
	position: absolute;
	left: 402px;
	top: 363px;
	width: 183px;
	height: 15px;
	text-align: left;
	font-weight: bold;
	font-size: 15px;
	color: blue;
	 
}
#character_bg_top {  
	position: absolute;
	left: 1px;
	top: 160px;
	width: 374px;
	height: 149px;
	background-repeat: no-repeat;
	background-image:url(../index_files/images/character_bg_top.png);
}
#character_bg_bottom {  
	position: absolute;
	left: 0px;
	top: 305px;
	width: 374px; 
	height: 100px;
	background-repeat: no-repeat;
	background-image:url(../index_files/images/character_bg_bottom.png);
}
#character_name {
	position: absolute;
	left: 46px;
	top: 182px;
	width: 109px;
	height: 29px;
	font-weight: bold;
	text-align: left;
	font-size: 20px;
	
}
#character_bio {
	position: absolute;
	left: 46px;
	top: 207px;
	width: 109px;
	height: 37px;
	text-align: left;
	font-size: 18px;
	color: #575757;
}
#character_exp {
	position: absolute;
	left: 45px;
	top: 285px; 
	width: 300px;
	height: 18px;
	text-align: left;
	font-size: 18px;
	color: #575757;
}
#character_decor {  
	position: absolute;
	left: 42px;
	top: 361px;
	width: 281px; 
	height: 30px;
	background-repeat: no-repeat;
	background-image:url(../index_files/images/home_decor.png);
}
#character_portrait_bg{  
	position: absolute;
	left: 206px;
	top: 179px;
	width: 132px; 
	height: 132px;
	background-repeat: no-repeat;
	background-image:url(../index_files/images/character_portrait.png);
}
#character_portrait {  
	position: absolute;
	left: 196px;
	top: 170px;
	width: 132px; 
	height: 132px; 
}
#nav_bg_top {  
	position: absolute;
	left: 582px;
	top: 160px;
	width: 374px;
	height: 117px;
	background-repeat: no-repeat;
	background-image:url(../images/nav_bg_top.png);
}
#nav_bg_bottom {  
	position: absolute;
	left: 582px;
	top: 277px;
	width: 374px; 
	height: 128px;
	background-repeat: no-repeat;
	background-image:url(..nav_bg_bottom.png);
}
#nav_decor_top {  
	position: absolute;
	left: 629px;
	top: 177px;
	width: 281px; 
	height: 30px;
	background-repeat: no-repeat;
	background-image:url(../images/home_decor.png);
}
#nav_decor_bottom{  
	position: absolute;
	left: 629px;
	top: 361px;
	width: 281px; 
	height: 30px;
	background-repeat: no-repeat;
	background-image:url(../images/home_decor.png);
}
#nav_title{  
	position: absolute;
	left: 629px;
	top: 219px; 
	width: 282px; 
	height: 40px;
	background-color: black;
}
#nav_text{  
	position: absolute;
	left: 629px;
	top: 225px;
	width: 282px;
	height: 20px;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	color: white;
}
#nav_links{  
	position: absolute;
	left: 629px;
	top: 274px;
	width: 282px;
	height: 72px;
	text-align: center;
	font-size: 16px;
}


#content_table{
	position: relative;
	left: 11px;
	top: 20px;
	width: 558px;
}
#trainer_table{
	position: relative;
	left: 11px;
	top: 20px;
	width: 637px;
}
#character_table{
	position: relative;
	left: 11px;
	top: 20px;
	width: 340px;
}
#inventory_table{
	position: relative;
	left: 11px;
	top: 20px;
	width: 700px;
}
#champions_table{
	position: relative;
	left: 11px;
	top: 20px;
	width: 910px;
	height:380px;
	min-height:380px;
	height:auto !important;
	
}
#champions_table1{
	float: left;	
	margin-right: 0px;
	width: 220px;
}
#invite_table{
	position: relative;
	left: 40px;
	top: 0px;
	width: 340px;
	float: left;
}
#news_table{
	position: relative;
	left: 11px;
	top: 0px;
	width: 560px;
	float: left;
}
#home_table{
	position: relative;
	left: 0px;
	top: 20px;
	width: 950px;
	height:280px;
	min-height:280px;
	height:auto !important;
	
}


#content_row_header{
	width: 100%; 
	height: 30px;
	background-color: #A6A692;
	clear: both;
}
#content_row_subheader{
	width: 100%; 
	height: 25px;
	background-color: #CFCFB6;
	clear: both;
}
#content_row_odd{
	width: 100%; 
	height: 50px;
	background-color: #CFCFB6;
	clear: both;
	min-height:50px;
	height:auto !important;
}
#content_row_even{
	width: 100%; 
	height: 50px;
	background-color: #EBEBD2;
	clear: both;
	min-height:50px;
	height:auto !important;
}
#content_row_div{
	width: 100%; 
	height: 20px;
	background-color: #EBEBD2;
	clear: both;
}
#content_cell{
	float: left;	
	padding-left: 8px;
	padding-top: 6px;
	width: 160px;
}
#content_cell2{
	float: left;	
	padding-left: 8px;
	padding-top: 6px;
	width: 170px;
}
#content_name{
	float: left;	
	padding-left: 8px;
	padding-top: 6px;
	width: 110px;
}
#content_cell3{
	float: left;	
	padding-left: 8px;
	padding-top: 6px;
	width: 260px;
}
#content_icon{
	float: left;	
	padding-left: 0px;
	padding-top: 0px;
	width: 70px;
}
#content_icon_space{
	float: left;	
	padding-left: 0px;
	padding-top: 0px;
	width: 10px;
}
#content_icon0{
	float: left;	
	padding-left: 0px;
	padding-top: 0px;
	width: 50px;
	background-color: #4F4F37;
	text-align: center;
}
#content_icon1{
	float: left;	
	padding-left: 0px;
	padding-top: 0px;
	width: 50px;
	background-color: #666640;
	text-align: center;
}
#content_medal{
	float: left;	
	width: 30px;
	padding-top: 4px;
}
#content_title{  
	width: 100%;  
	height: 40px;
	background-color: black;
	font-weight: bold;
	text-align: left;
	font-size: 20px;
	color: white;
	padding: 0px;
	clear: both;
}
#training_error{
	position: absolute;
	left: 350px;
	top: 445px;
	width: 337px;
	color: red;
	z-index: 2; 
}
#training_msg{
	position: absolute;
	left: 350px;
	top: 445px;
	width: 337px;
	color: green;
	z-index: 2; 
}
#trainer_reset{
	position: absolute; 
	left: 220px;
	top: 440px;
	width: 337px;
	z-index: 2;
}
#character_text{
	width: 100%; 
	height: 120px;
	min-height:120px;
	height:auto !important;
	background-color: #EBEBD2;
	clear: both;
}
#inventory_text{
	width: 100%; 
	height: 20px;
	min-height:20px;
	height:auto !important;
	background-color: #CFCFB6;
	clear: both;

}
#news_text{
	width: 100%; 
	height: 200px;
	min-height:200px;
	height:auto !important;
	background-color: #CFCFB6;
	clear: both;

}
#inventory_title{  
	width: 100%;  
	height: 40px;
	background-color: black;
	font-weight: bold;
	text-align: left;
	font-size: 20px;
	color: white;
	padding: 0px; 
	clear: both;
}
#inventory_image{
	position:relative;
	top: -10px;
	float: left;
	margin-bottom: -20px;
}

#champions_title{
	width: 220px; 
	height: 50px;
	background-color: #EBEBD2;
	font-size: 18px;
	font-weight: bold;
	padding: 0px; 
	clear: both;
}
#champions_cell{
	float: left;	
	padding-left: 8px;
	padding-top: 6px;
	width: 139px;
}
#champions_cell2{
	float: left;	
	padding-left: 8px;
	padding-top: 6px;
	width: 60px;
}
#champions_row_first{
	width: 100%; 
	height: 25px;
	background-color: #F4EA84;
	clear: both;
}
#champions_row_second{
	width: 100%; 
	height: 25px;
	background-color: #CCCCCC;
	clear: both;
}
#champions_row_odd{
	width: 100%; 
	height: 25px;
	background-color: #CFCFB6;
	clear: both;
}
#champions_row_even{
	width: 100%; 
	height: 25px;
	background-color: #EBEBD2;
	clear: both;
}
#merchant_error{
	position: absolute;
	left: 350px;
	top: 10px;
	width: 337px;
	color: red;
	z-index: 2;
}
#merchant_msg{
	position: absolute;
	left: 350px;
	top: 10px;
	width: 337px;
	color: green;
	z-index: 2;
}
#merchant_row_odd{
	width: 100%; 
	height: 55px;
	background-color: #CFCFB6;
	clear: both;
}
#merchant_row_even{
	width: 100%; 
	height: 55px;
	background-color: #EBEBD2;
	clear: both;
}
#merchant_icon0{
	float: left;	
	padding-left: 0px;
	padding-top: 5px;
	width: 50px;
	background-color: #4F4F37;
	text-align: center;
	height: 50px;
}
#merchant_icon1{
	float: left;	
	padding-left: 0px;
	padding-top: 5px;
	width: 50px;
	background-color: #666640;
	text-align: center;
	height: 50px;
}
#team_text{
	width: 100%; 
	height: 20px;
	min-height:20px;
	height:auto !important;
	background-color: #CFCFB6;
	clear: both;

}
#create_input {
	position: absolute;
	left: 45px;
	top: 265px; 
	width: 300px;
	height: 18px;
	text-align: left;
	font-size: 18px;
	color: #575757;
}
#create_next {
	position: absolute;
	left: 371px;
	top: 430px; 
	width: 92px;
	height: 69px;
	padding: 0px; 
	background-repeat: no-repeat;
	background-image:url(../images/create_next.png);
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	color: black;
	cursor: pointer;
}
#create_back {
	position: absolute;
	left: 261px;
	top: 430px; 
	width: 92px;
	height: 69px;
	padding: 0px; 
	background-repeat: no-repeat;
	background-image:url(../images/create_back.png);
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	color: black;
	cursor: pointer;
}
#create_title{  
	width: 100%;  
	height: 40px;
	background-color: black;
	font-weight: bold;
	text-align: left;
	font-size: 20px;
	color: white;
	padding: 0px;
	clear: both;
	position: absolute;
	left: 0px;
	top: 450px; 
}

#dhtmltooltip{
position: absolute;
left: 400px;
width: 150px;
border: 4px solid black;
padding: 0px;
background-color: #CFCFB5;
visibility: hidden;
z-index: 100;
text-align: left;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: 400px;
z-index: 101;
visibility: hidden;
display:none;
}