@charset "utf-8";
/* CSS Document */

.nav {
	position: absolute;
	left: 377px;
	top: 347px;
	right: auto;
	bottom: auto;
	height: auto;
	width: auto;
}
#top_icon {
	background-image: url(../imgages/nav_active.png);
	position: absolute;
	left: 57px;
	top: 0px;
	right: auto;
	bottom: auto;
}
#top_corner {
	position: absolute;
	left: 4px;
	top: 190px;
	right: auto;
	bottom: auto;
}
.menu1 {
	position: absolute;
	left: 4px;
	top: 341px;
	right: auto;
	bottom: auto;
	background-color: #E2B62D;
	height: 50px;
	width: 139px;
}
.menu2 {
	position: absolute;
	left: 4px;
	top: 395px;
	right: auto;
	bottom: auto;
	background-color: #E2B62D;
	height: 50px;
	width: 139px;
}
.menu3 {
	position: absolute;
	left: 4px;
	top: 449px;
	right: auto;
	bottom: auto;
	background-color: #E2B62D;
	height: 50px;
	width: 139px;
}
.menu4 {
	position: absolute;
	left: 4px;
	top: 503px;
	right: auto;
	bottom: auto;
	background-color: #E2B62D;
	height: 50px;
	width: 139px;
}
.menu5 {
	position: absolute;
	left: 4px;
	top: 611px;
	right: auto;
	bottom: auto;
	background-color: #E2B62D;
	height: 50px;
	width: 139px;
}
.menu1_s {
	position: absolute;
	left: 4px;
	top: 341px;
	right: auto;
	bottom: auto;
	background-color: #F00;
	height: 50px;
	width: 139px;
}
.menu2_s {
	position: absolute;
	left: 4px;
	top: 395px;
	right: auto;
	bottom: auto;
	background-color: #F00;
	height: 50px;
	width: 139px;
}
.menu3_s {
	position: absolute;
	left: 4px;
	top: 449px;
	right: auto;
	bottom: auto;
	background-color: #F00;
	height: 50px;
	width: 139px;
}
.menu4_s {
	position: absolute;
	left: 4px;
	top: 503px;
	right: auto;
	bottom: auto;
	background-color: #F00;
	height: 50px;
	width: 139px;
}
.menu5_s {
	position: absolute;
	left: 4px;
	top: 611px;
	right: auto;
	bottom: auto;
	background-color: #F00;
	height: 50px;
	width: 139px;
}
#top_corner1 {
	position: absolute;
	left: 200px;
	top: 0px;
	right: auto;
	bottom: auto;
}
#top_bar1 {
	position: absolute;
	left: 389px;
	top: 161px;
	right: auto;
	bottom: auto;
}
#top_bar2 {
	position: absolute;
	left: 193px;
	top: 190px;
	right: auto;
	bottom: auto;
}
#top_bar3 {
	position: absolute;
	left: 389px;
	top: 190px;
	right: auto;
	bottom: auto;
}
#top_bar4 {
	position: absolute;
	left: 591px;
	top: 161px;
	right: auto;
	bottom: auto;
}
#top_bar5 {
	position: absolute;
	left: 636px;
	top: 161px;
	right: auto;
	bottom: auto;
}
#top_bar6 {
	position: absolute;
	left: 636px;
	top: 190px;
	right: auto;
	bottom: auto;
}
#top_bar7 {
	position: absolute;
	left: 591px;
	top: 190px;
	right: auto;
	bottom: auto;
}
#top_bar8 {
	position: absolute;
	left: 837px;
	top: 190px;
	right: auto;
	bottom: auto;
}
#top_end {
	position: absolute;
	left: 994px;
	top: 190px;
	right: auto;
	bottom: auto;
}
#top_corner3 {
	position: absolute;
	left: 837px;
	top: 0px;
	right: auto;
	bottom: auto;
}
#top_logo {
	position: absolute;
	left: 389px;
	top: 7px;
	right: auto;
	bottom: auto;
}
#bottom_corner {
	position: absolute;
	left: 4px;
	top: 665px;
	right: auto;
	bottom: auto;
}
#bottom_bar1 {
	position: absolute;
	left: 193px;
	top: 796px;
	right: auto;
	bottom: auto;
}
#bottom_bar2 {
	position: absolute;
	left: 389px;
	top: 796px;
	right: auto;
	bottom: auto;
}
#bottom_bar3 {
	position: absolute;
	left: 591px;
	top: 796px;
	right: auto;
	bottom: auto;
}
#bottom_bar4 {
	position: absolute;
	left: 636px;
	top: 796px;
	right: auto;
	bottom: auto;
}
#bottom_bar5 {
	position: absolute;
	left: 837px;
	top: 796px;
	right: auto;
	bottom: auto;
}
#bottom_end {
	position: absolute;
	left: 994px;
	top: 796px;
	right: auto;
	bottom: auto;
}
.main_content {
	color: #FFF;
	position: absolute;
	left: 389px;
	top: 219px;
	right: auto;
	bottom: auto;
	width: 600px;
	overflow: hidden;
	height: 568px;
}
.menu_links {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 18px;
	position: absolute;
	left: auto;
	top: 0px;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
	text-decoration: none;
	height: 50px;
}

.selected {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 18px;
	position: absolute;
	left: auto;
	top: 10px;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
	text-decoration: blink;
}
#sub_menu1 {
	position: absolute;
	left: 218px;
	top: 423px;
	right: auto;
	bottom: auto;
	background-image: url(../imgages/button_rnd.gif);
	height: 50px;
	width: 139px;
}
#sub_menu2 {
	position: absolute;
	left: 218px;
	top: 529px;
	right: auto;
	bottom: auto;
	background-image: url(../imgages/button_rnd.gif);
	height: 50px;
	width: 139px;
}
#sub_menu1_s {
	position: absolute;
	left: 218px;
	top: 423px;
	right: auto;
	bottom: auto;
	background-image: url(../imgages/button_rnd_s.gif);
	height: 50px;
	width: 139px;
}
#sub_menu2_s {
	position: absolute;
	left: 218px;
	top: 529px;
	right: auto;
	bottom: auto;
	background-image: url(../imgages/button_rnd_s.gif);
	height: 50px;
	width: 139px;
}
.menu_links2 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	left: auto;
	top: 15px;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
}
.menu_links2_l {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	left: auto;
	top: 7px;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
}
.menu_links2_s {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 12px;
	text-decoration: blink;
	position: absolute;
	left: auto;
	top: 15px;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
}
.menu_links2_l_s {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	position: absolute;
	left: auto;
	top: 7px;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
}
.sub_menu_bar_but {
	background-image: url(../imgages/button_rnd.gif);
	height: 50px;
	width: 139px;
	margin-bottom: 4px;
}
.sub_menu_bar_but_s {
	background-image: url(../imgages/button_rnd_s.gif);
	height: 50px;
	width: 139px;
	margin-bottom: 4px;
}
.sub_link {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #000;
	position: relative;
	left: auto;
	top: 0px;
	right: auto;
	bottom: auto;
	height: 50px;
	width: 139px;
	text-align: center;
}
.sub_link_text {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #000;
	position: relative;
	left: auto;
	top: 15px;
	right: auto;
	bottom: auto;
	height: 25px;
	width: 139px;
	text-align: center;
}
.sub_link_s {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: blink;
	color: #000;
	position: relative;
	left: auto;
	top: 15px;
	right: auto;
	bottom: auto;
	height: 50px;
	width: 139px;
	text-align: center;
}
.click_up_by_324 {
	position: absolute;
	left: 0px;
	top: 0px;
	right: auto;
	bottom: auto;
}
.click_down_by_324 {
	position: absolute;
	left: 0px;
	top: 289px;
	right: auto;
	bottom: auto;
}
.sub_menu {
	position: absolute;
	height: 324px;
	width: 192px;
	left: 192px;
	top: 341px;
	right: auto;
	bottom: auto;
	overflow: hidden;
}
#scroll_links {
	overflow: visible;
	position: absolute;
	left: 350px;
	top: 341px;
	height: 320px;
}
.scroll_links_s {
	visibility: visible;
}
.scroll_links_h {
	visibility: hidden;
}
.menu6_s {
	position: absolute;
	left: 4px;
	top: 557px;
	right: auto;
	bottom: auto;
	background-color: #F00;
	height: 50px;
	width: 139px;
}
.menu6 {
	position: absolute;
	left: 4px;
	top: 557px;
	right: auto;
	bottom: auto;
	background-color: #E2B62D;
	height: 50px;
	width: 139px;
}
div#scrollbar {
	position:absolute;
	width:20px;
	height:568px;
	font-size:1px;  /* for image vertical alignment issue */
	top: 219px;
	right: auto;
	left: 1000px;
	bottom: auto;
  }
div#track {
	position:absolute;
	left:0;
	top:38px;
	width:20px;
	height:492px;
  }
div#dragBar {
	position:absolute;
	left:1px;
	top:1px;
	width:20px;
	height:35px;
	background-color:#E2B62D;
  }  
div#up { position:absolute; left:0; top:0; height:35px; }  
div#down { position:absolute; left:0; bottom:0; height:35px; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment*/
div#scrollbar img {
    display:block; 
    } 
#copy {
	position: absolute;
	visibility: visible;
	top: 793px;
	left: 665px;
	font-weight: bold;
	z-index: auto;
}
#main_content_html {
	color: #FFF;
	position: absolute;
	left: 389px;
	top: 219px;
	right: auto;
	bottom: auto;
	width: 640px;
	overflow: auto;
	height: 568px;
}
#text_home {
	position: relative;
	width: 480px;
}
#image_main {
	position: relative;
	width:300px;
	left: 485px;
	top: -685px;
}
.ally_links {
	color: #FFF;
}
.icon_desc {
	text-decoration: none;	
}
.main_content_php {
	color: #FFF;
	position: absolute;
	left: 389px;
	top: 219px;
	right: auto;
	bottom: auto;
	width: 625px;
	overflow: auto;
	height: 568px;
}
.sub_menu_php {
	position: absolute;
	height: 324px;
	width: 192px;
	left: 192px;
	top: 341px;
	right: auto;
	bottom: auto;
	overflow: auto;
}
.menu_links_text {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 18px;
	position: absolute;
	left: auto;
	top: 10px;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
	text-decoration: none;
}
#copy2 {
	position: absolute;
	visibility: visible;
	top: 793px;
	left: 410px;
	font-weight: bold;
	z-index: auto;
}
#copy2_link {
	visibility: visible;
	font-weight: bold;
	z-index: auto;
	color: #000;
	text-decoration: none;
}
.top_menu_bar_but {
	background-image: url(../imgages/button_rnd.gif);
	height: 50px;
	width: 139px;
	margin-bottom: 4px;
}
.top_menu_bar_but_s {
	background-image: url(../imgages/button_rnd_s.gif);
	height: 50px;
	width: 139px;
	margin-bottom: 4px;
}
.home_content {
	color: #FFF;
	position: absolute;
	left: 193px;
	top: 219px;
	right: auto;
	bottom: auto;
	width: 796px;
	overflow: hidden;
	height: 568px;
}
.home_content_php {
	color: #FFF;
	position: absolute;
	left: 193px;
	top: 219px;
	right: auto;
	bottom: auto;
	width: 821px;
	overflow: auto;
	height: 568px;
}
.top_menu_links {
	text-decoration: none;
}
#text_home_s {
	position: relative;
	width: 447px;
}
#image_main_s {
	left: 656px;
	position: fixed;
	top:219px;
}.menu5_star_base {
	position: absolute;
	left: 4px;
	top: 557px;
	right: auto;
	bottom: auto;
	background-color: #E2B62D;
	height: 104px;
	width: 139px;
}
.menu_links_text_star_base {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 18px;
	position: absolute;
	left: auto;
	top: 37px;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
	text-decoration: none;
}
.menu_links_star_base {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 18px;
	position: absolute;
	left: auto;
	top: 0px;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
	text-decoration: none;
	height: 104px;
}
.menu_links_text_2_lines {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 18px;
	position: absolute;
	left: auto;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
	text-decoration: none;
}
.selected_2_lines {
	font-family: "Arial Black", Gadget, sans-serif;
	font-style: normal;
	color: #000;
	font-size: 18px;
	position: absolute;
	left: auto;
	right: auto;
	bottom: auto;
	text-align: center;
	width: 139px;
	text-decoration: blink;
}
