body {
	background-color: #bcbcce;
	margin-left: 0px;
    	margin-top: 0px;
    	padding: 0px;
    	font-family: arial,verdana,helvetica;
    	text-align: left;
    	padding-top: 10px;
}


a img { border: none ; }

#page {
	position:absolute;
	top: 0px;
	left: 50%;
	width: 9px;
	height: 500px;
}
#pageback {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 600px;
}

#tl {
	position:absolute;
	top: -10px;
	left: -500px;
	width: 100px;
	height: 40px;
  	/*background-color: #DDDDDD;*/
  	font-family: Arial Helvetica,sans-serif; 
	font-size: 12px;
  	font-weight: bold;
	margin: 0px;
	padding: 10px;
	z-index: 100;
}

#tm {
	position:absolute;
	top: 5px;
	left: -300px;
	width: 800px;
	height: 40px;
  	/*background-color: #CCCCCC;*/
  	font-family: Arial Helvetica,sans-serif; 
	font-size: 12px;
	margin: 0px;
	padding: 10px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: 40px;
	left: 270px;
	width: 100px;
	height: 40px;
  	/*background-color: #DDDDDD;*/
  	font-family: Arial Helvetica,sans-serif; 
	font-size: 12px;
	margin: 0px;
	padding: 10px;
	z-index: 100;
}



#ml {
	position:absolute;
	top: 140px;
	left: -500px;
	width: 100px;
	height: 800px;

	/*background-color: #CCCCCC;*/
	font-family: Arial Helvetica,sans-serif; font-size: 12px;
	margin: 0px;
	padding: 10px;
	z-index: 101;
}

#ml ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}



#mm {
	position:absolute;
	top: 70px;
	left: -350px;
	width: 800px;
	height: 780px;
	/*background-color: #DDDDDD;*/
	font-family: Arial Helvetica,sans-serif; font-size: 12px;
	margin: 0px;
	padding: 10px;
	/*z-index: 100;*/
}

#mr {
	position:absolute;
	top: 40px;
	left: 400px;
	width: 40px;
	height: 900px;
	/*background-color: #eeeeee;*/
	font-family: Arial Helvetica,sans-serif; font-size: 12px;
	margin: 0px;
	padding: 10px;
	z-index: 100;
}

#bl {
	position:absolute;
	top: 860px;
	left: -450px;
	width: 100px;
	height: 40px;
  	/*background-color: #DDDDDD;*/
  	font-family: Arial Helvetica,sans-serif; font-size: 12px;
	margin: 0px;
	padding: 10px;
	z-index: 100;
}

#bm {
	position:absolute;
	top: 650px;
	left: 300px;
	width: 100px;
	height: 50px;
  	/*background-color: #CCCCCC;*/
  	font-family: Arial Helvetica,sans-serif; font-size: 12px;
	margin: 0px;
	padding: 10px;
	z-index: 100;
}

#banner {
position:absolute;
left: -150px;
}
#randbanner {
position:absolute;
left: -20px;
}


#shift {
position:absolute;
left: 150px;
}


#ml a {
	display: block;
	width: 50px;
	height:15px;
	padding: 2px 0px;
	background-color: #555555;
	border-top: 1px solid #7D7D7D;
	border-bottom: 1px solid #2D2D2D;
	text-align: center;
	text-decoration: none;
/*	text-transform: uppercase;*/
	font-weight: bold;
	font-size:10px;
	color: #FFFFFF;
}

#ml a:hover {
	background-color: #888888;
	border-top: 1px solid #B0b0B0;
	border-bottom: 1px solid #3E3E3E;
}

#mlc a {
	width: 70px;
}

#mla a {
	width: 70px;
	height:100px;
	z-index:101;
}

#nav {
	position:absolute;
	top: 40px;
	left: 260px;
	width: 120px;
	height: 40px;
  	font-family: Arial Helvetica,sans-serif; font-size: 12px;
	margin: 0px;
	padding: 10px;
	z-index: 101;
}

#nav a {
	display:inline-block;
	width: 25px;
	height:10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top:1px;
	margin-bottom:1px;
	margin-left:1px;
	margin-right:1px;
	background-color: #555555;
	border-top: 1px solid #7D7D7D;
	border-bottom: 1px solid #2D2D2D;
	border-left: 1px solid #7D7D7D;
	border-right: 1px solid #2D2D2D;
	text-align: center;
	text-decoration: none;
	text-indent:0px;
	font-weight: bold;
	font-size:10px;
	color: #FFFFFF;
}

#nav p {
	display:inline-block;
	width: 25px;
	height:10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top:1px;
	margin-bottom:1px;
	margin-left:1px;
	margin-right:1px;
	background-color: #886666;
	border-top: 1px solid #7D7D7D;
	border-bottom: 1px solid #2D2D2D;
	border-left: 1px solid #7D7D7D;
	border-right: 1px solid #2D2D2D;
	text-align: center;
	text-decoration: none;
	text-indent:0px;
	font-weight: bold;
	font-size:10px;
	color: #FFFFFF;
}

#navtext {
	display: block;
	width: 20px;
	height:10px;
	padding: 2px 0px;
	background-color: #555555;
	border-top: 1px solid #7D7D7D;
	border-bottom: 1px solid #2D2D2D;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size:10px;
	color: #FFFFFF;
}

#nav a:hover {
	background-color: #888888;
	border-top: 1px solid #B0b0B0;
	border-bottom: 1px solid #3E3E3E;
}



#im1 {
  	position:absolute;
	top: 0px;
	left: 0px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im2 {
  	position:absolute;
	top: 0px;
	left: 160px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im3 {
  	position:absolute;
	top: 0px;
	left: 320px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im4 {
  	position:absolute;
	top: 0px;
	left: 480px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im5 {
  	position:absolute;
	top: 0px;
	left: 640px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im6 {
  	position:absolute;
	top: 160px;
	left: 0px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}

#im7 {
  	position:absolute;
	top: 160px;
	left: 640px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}


#im8 {
  	position:absolute;
	top: 320px;
	left: 0px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im9 {
  	position:absolute;
	top: 160px;
	left: 160px;
	width: 440px;
	height: 440px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
	vertical-align: middle;
	
}
#im10 {
  	position:absolute;
	top: 320px;
	left: 640px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}

#im11 {
  	position:absolute;
	top: 480px;
	left: 0px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im12 {
  	position:absolute;
	top: 480px;
	left: 640px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}


#im13 {
  	position:absolute;
	top: 640px;
	left: 0px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im14 {
  	position:absolute;
	top: 640px;
	left: 160px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im15 {
  	position:absolute;
	top: 640px;
	left: 320px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im16 {
  	position:absolute;
	top: 640px;
	left: 480px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}
#im17 {
  	position:absolute;
	top: 640px;
	left: 640px;
	width: 120px;
	height: 120px;
	margin: 0px;
	padding: 20px;
	z-index: 100;
}


img.hop
{
  	position:absolute;
	top:0px;
	left:0px;
/*	z-index:150;
	border-top-width:1px;
	border-top-style:outset;
	border-right-width:1px;
	border-right-style:outset;
	border-color:#444444;
}

img.hop:hover
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2000;
	border-top-width:4px;
	border-top-style:outset;
	border-right-width:4px;
	border-right-style:outset;
	border-color:#444444;*/
}

#textpan {
position:absolute;
width:650px;
height:300px;
top:50px;
left:-20px;
z-index: 100;
}


#descpan {
position:absolute;
width:450px;
height:300px;
top:550px;
left:-20px;
z-index: 90;
}

#randdescpan {
position:absolute;
width:450px;
height:300px;
top:600px;
left:220px;
z-index: 90;
}


a.hop
{
display: block;
	z-index:150;
	border-top-width:2px;
	border-top-style:outset;
	border-right-width:2px;
	border-right-style:outset;
	border-bottom-width:2px;
	border-bottom-style:outset;
	border-left-width:2px;
	border-left-style:outset;
	border-color:#444444;

}

a.hop:hover
{
display: block;
	z-index:200;
	border-top-width:4px;
	border-top-style:outset;
	border-right-width:4px;
	border-right-style:outset;
	border-bottom-width:4px;
	border-bottom-style:outset;
	border-left-width:4px;
	border-left-style:outset;
	border-color:#444444;

}


#circ {
position:absolute;
width:5px;
height:5px;
top:300px;
left:300px;
z-index: 100;
}

#circscale {
position:absolute;
width:110px;
height:110px;
top:50%;
left:50%;
z-index: 100;
}

.inputstyle
{
    BORDER-RIGHT: #e0e0e0 1px solid;
    BORDER-TOP: #e0e0e0 1px solid;
    FONT-SIZE: 12px;
/*    BACKGROUND: url(none) #e0e0e0 no-repeat;*/
    background-colour ;e0e0e0;
    BORDER-LEFT: #e0e0e0 1px solid;
    COLOR: #454743;
    BORDER-BOTTOM: #e0e0e0 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: tahoma, helvetica, sans-serif;
    vertical-align: top;
}