/* basic layout */


body{
background:url(bg.gif) #fff fixed;
margin:0 auto 0;
height:auto;
}

#header{
background:url(top.jpg) #559;
width:740px;
margin:20px auto 0;
background-position:50% 0%;
position:relative;
top:0px;
height:160px;
border:1px solid #fff;
border-width:1px 1px 0px 1px;
padding:15px 20px 25px 20px ;
font-family:verdana,sans-serif;
font-size:2.8em;
color:#fff;
letter-spacing:-0.1em;
}

#innerheader{
	position:absolute;
	top:20px;
	right:20px;
	border:1px #fff dotted;
	width:130px;
	height:130px;
	font-size:15px;
	letter-spacing:normal;
	padding:10px;
	}

#table{
background: #ddd no-repeat;
margin:0 auto 0;
height:auto;
position:relative;
top:0px;
width:780px;
border:solid #ddd 3px;
border-width: 0px 1px 1px 1px;
}



#floor{
background-image:#fff;
background-repeat:no-repeat;
background-color:#101010;
margin:0px;
display:block;
height:20px;
position:relative;
}

#leftsurround{
float:left;
position:absolute;
height:auto;
width:168px;
top:0px;
z-index:439;
}

div.left{
	position:relative;
	left:13px;
	top:0px;
	height:auto;
	width:168px;
	padding:0px 0px 15px 0px;
	background:none;
	z-index:200;
	}



#middle{
position:relative;
left:194px;
top:0px;
background:#eee;
height:auto;
width:540px;
padding-right:0px;
padding-left:0px;
margin-right:0px;
padding:20px;
border:double	 4px #ddd;
border-width:0px 1px 0px 6px;
}

#tabletail{
position:absolute;
bottom:0px;
background:url(top.jpg) #559;
left:-198px;
width:780px;
height:28px;
z-index:400;
}

#rightsurround{
float:right;
right:18px;
top:0px;
position:absolute;
background:#777;
height:auto;
width:150px;
background:none;
}

div.right{
float:right;
position:relative;
height:auto;
width:150px;
padding:5px 0px 15px 0px;
background:none;
top:0px;
margin:0px 0px 40px 0px;
z-index:200;
}

div.righttop{
	padding:0px;
	margin-top:0px;
	height:auto;
	position:relative;
	background:none;
	width:150px;
	font-family:verdana,sans-serif;
	color:#000;
	line-height:150%;
	font-size:10px;
	text-align:center;
	padding-top:3px;
	z-index:199;
	}


/* typographics for navigation */
	
a{
font-family:verdana, san-serif;
padding:1px;
font-style:normal;
text-decoration:none;
display:inline;
}

a.nav,span.nav{
font-family:verdana, san-serif;
font-size:12px;
line-height:16px;
font-weight:normal;
font-style:normal;
text-align:left; 
color:#666;
padding:2px;
padding-top:2px;
padding-left:10px; 
margin:0px;
text-decoration: none;
width:156px;
border-top:#666 solid 1px; 
display:block;
}
	
a.nav:hover{
color:#223;
border-bottom:solid;
border-width:1px;
border-color:#99a;
background:#bbb no-repeat left;
}
	 
a.nav:active, li:active, a.subnav:active,a.changer:active	{
colour:#111111;
background-color:#aab;
border-bottom: #444 solid 1px;
}
	
p.subnav,li.subnav,a.subnav,br.subnav,a.changer	{
font-size:10px;
line-height:14px;
font-weight:normal;
font-style:normal;
font-family:verdana,sans-serif;
text-align:left; 
color:#000;
padding:3px 5px 3px 15px;
margin-left:0px;
list-style:none;
width:148px;
display:block;
line-height:130%;
z-index:450;
background:#none;}

.right .subnav, .right .changer{
	width:130px;
	margin:0px;
	margin-top:-1px;
	padding:3px 10px 4px 10px;
	border:none;
	}

.right .subnav:hover, .right .changer:hover{
	width:130px;
	margin:0px;
	margin-top:-1px;
	padding: 3px 10px 4px 10px;
	}
	
.right .changer{
	border-bottom: #444 solid 1px;
	border-top:#444 solid 1px;
	}

a.subnav:hover,a.changer:hover{
	color:#223;
	background-color:#aaa;
	}
	
li{
	list-style:none;
	font-family:verdana, san-serif; 
	font-size:9pt; 
	line-height:12pt; 
	font-weight:normal; 
	text-align:left; 
	color:#222222; 
	font-style:normal;}

br{
	line-height:6pt;
	}

#title,#menu{
	font-family:verdana,sans-serif;
	color:#333;
	line-height:150%;
	font-size:12px;
	text-align:center;
	padding-top:0px;
	}



/* typographics for middle class */

a {
	color:#444;
	}
	
h4.first	{
	text-indent:-20px;
	font-family:verdana, san-serif; 
	font-size:10pt; line-height:13pt; 
	font-weight:normal; 
	text-align:justify; 
	color:#000; 
	font-style:normal;
	display:block;
	padding-left:40px;
	padding-top:18px;
	width:480px;}
	
h4.bot2{
	 border-bottom:2px solid #ccc;
	}
	
h4.bot{
	border-bottom:1px dashed #ccc;
	}
		
h3	{
	font-family:verdana, san-serif; 
	font-size:10pt; line-height:13pt; 
	font-weight:normal; 
	text-align:justify; 
	color:#000; 
	font-style:normal;
	display:block;
	text-indent:0em;
	left:0px;}

h4	{
	font-family:verdana, helvetica, sans-serif; 
	font-size:12px; 
	line-height:20px; 
	font-weight:normal; 
	text-align:justify; 
	color:#111; 
	font-style:italic;
	margin:0px 0px 0px 0px;
	padding:15px 20px 10px 20px;
	overflow:visible;
	width:500px;	
	border:solid #ccc;
	border-width:1px 1px 0px 1px;
	}

h5{
	font-family:verdana, helvetica, sans-serif; 
	font-size:12px; 
	line-height:20px; 
	font-weight:normal; 
	text-align:justify; 
	color:#111; 
	font-style:italic;
	margin:0px 0px 0px 0px;
	padding:15px 20px 10px 20px;
	overflow:visible;
	width:500px;	
	border:solid #ccc;
	border-width:1px 1px 0px 1px;
	font-size:1em;
	}
	
h4.right{
	}
	
h4.rightlist, h4.middlelist{
	background:#none;
	padding:30px 30px 30px 30px;
	font-style:normal;
	width:300px;
	border:dotted #ccc;
	border-width:1px 1px 1px 1px;
	margin:0px 0px 2px 0px;
	}

	
h4.middlelist{
	font-style:normal;
	font-size:11px;
	}
	
.middle{
	font-family:verdana,sans-serif;
	margin:0px 0px 0px 0px;
	padding:15px 20px 10px 20px;
	overflow:visible;
	width:320px;	
	border:solid #ccc;
	border-width:1px 1px 0px 1px;

	}

.citl,.citm,.citr{
	font-size:10px;
	color:#222;
	font-family:verdana, sans-serif;
	font-style:normal;
	position:relative;
	width:320px;
	margin:0px 0px 15px 0px;
	padding:15px 20px 10px 20px;
	border:solid #aaa;
	border-width:0px 1px 1px 1px;
		}


div.footer, a.footer, span.footer{
	font-family:verdana,sans-serif;
	font-size:9px;
	color:#444;
	padding:5px 0 5px 0;
	overflow:visible;
	width:380px;
	margin-left:-30px;
	}
	
.footer2{
	z-index:420;
	position:absolute; 
	width:350px; 
	bottom:0px; 
	font-family:verdana,sans-serif; 
	font-size:10px;	
	color:#fff;	
	border:dotted #444;	
	border-width:0px 1px 0px 1px;
	padding:-15px;
	text-align:center;
	}
	
p	{
	font-size:12px;
	}	
	

/* display for menus */

#t1 {visibility:visible;}
#t2 {visibility:hidden;}
#t3 {visibility:hidden;}
#t4 {visibility:hidden;}
#t5 {visibility:hidden;}
#t6 {visibility:hidden;}
#t7 {visibility:hidden;}
#t8 {visibility:hidden;}
#t9 {visibility:hidden;}
#t10 {visibility:hidden;}
#t11 {visibility:hidden;}
#t12 {visibility:hidden;}
#t13 {visibility:hidden;}
#t14 {visibility:hidden;}
#t15 {visibility:hidden;}
#t16 {visibility:hidden;}
#t17 {visibility:hidden;}
#t18 {visibility:hidden;}
#t19 {visibility:hidden;}
#t20 {visibility:hidden;}
		
#m1 {display:none;}
#m2 {display:none;}
#m3 {display:none;}		
#m4 {display:none;}	
#m5 {display:none;}		
#m6 {display:none;}
#m7 {display:none;}	

/* graphics related */

#titleimg{
position:relative;
left:5px;
}


#splashangel{
	width:400px;
	padding-left:0px;
	padding-right:0px;
	margin:-20px;
	margin-right:-40px;
	}
	
#crest{
	padding-left:37px;

	}