html, body { height: 100%; }

body {
  margin: 0; padding: 0;
  background: #E7E7D6 url(shadow.gif) center top repeat-y;
  text-align: center;
  }
	
#container {
  background: #FFFFFF; position: relative;
  margin: 0 auto; height: 90%; padding: 0; width: 744px;
  text-align: left;
  }

html>body #container { 	height: auto;	min-height: 90%; }


/* Misc classes */

.cheat { padding-top: 2px; }
.flush { margin-top: 0; padding-top: 0; }
.clear { clear: both; padding-top: 20px; }
.floatright { float: right; padding: 0 0 6px 2px; }
.moretop { margin-top: 20px; }



/* Page body */

#main { position: relative; margin-top: 20px; width: 744px; }
#left { width: 390px; }
#right { position: absolute; top: 0; left: 446px; width: 316px; }

#sub { width: 246px; margin-bottom: 30px; float: right; padding-right: 2px; }
#content { width: 463px;  padding-right: 30px; float: left; padding-bottom: 30px; }



/* ---- Bar, header, menu etc ------------- */

#bar { background: url(barbg.jpg) 0 0 no-repeat; margin: 0 auto; height: 27px; padding: 0; width: 814px; text-align: left; }
#bar ul { margin: 0 0 0 170px; width: 600px; padding: 0; list-style-type: none; }
#bar ul li { margin: 0; padding: 0; height: 27px; float: left; }
#bar ul li a { display: block; height: 100%; width: 100%; text-indent: -9999px; text-decoration: none; }
#bar01 { width: 65px; background: url(bar.jpg) 0 0 no-repeat; }
#bar02 { width: 134px; background: url(bar.jpg) -65px 0 no-repeat; }
#bar03 { width: 172px; background: url(bar.jpg) -199px 0 no-repeat; }
#bar04 { width: 72px; background: url(bar.jpg) -371px 0 no-repeat; }
#bar05 { width: 144px; background: url(bar.jpg) -443px 0 no-repeat; }
#bar01 a:hover, #bar01 a.selected { background: url(bar.jpg) 0 -27px no-repeat; }
#bar02 a:hover, #bar02 a.selected { background: url(bar.jpg) -65px -27px no-repeat; }
#bar03 a:hover, #bar03 a.selected { background: url(bar.jpg) -199px -27px no-repeat; }
#bar04 a:hover, #bar04 a.selected { background: url(bar.jpg) -371px -27px no-repeat; }
#bar05 a:hover, #bar05 a.selected { background: url(bar.jpg) -443px -27px no-repeat; }


#header { position: relative; width: 746px; padding-top: 14px; }
#header img { padding-left: 20px; }

#top { position: absolute; top: 36px; right: 4px; }
#top a:link, #top a:visited, #top label { text-decoration: none; color: #666666; font-weight: bold; }
#top a:hover, #top a:active { text-decoration: none; color: #222222; font-weight: bold; }
#top span { display: block;	float: left; padding: 2px 0 2px 40px; }
#top-home { background: url(top.gif) 18px 0 no-repeat; font-size: 13px; }
#top-contact { background: url(top.gif) 21px -27px no-repeat;}


/* Menu */

#menu { height: 30px; margin-top: 16px;}

#menu ul {
	height: 30px;
	width: 746px;
	background-image: url(menu.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu ul li {
	float: left;
	display: block;
	height: 30px;
	width: 146px;
	margin: 0 3px 0 0;
	padding: 0;
}
	
#menu ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
  text-decoration: none;    	
}

#menu01 a:hover, #menu01 a:active, #menu ul.menu01 #menu01 a { background: url(menu.gif) -000px -30px no-repeat; }
#menu02 a:hover, #menu02 a:active, #menu ul.menu02 #menu02 a  { background: url(menu.gif) -149px -30px no-repeat; }
#menu03 a:hover, #menu03 a:active, #menu ul.menu03 #menu03 a  { background: url(menu.gif) -298px -30px no-repeat; }
#menu04 a:hover, #menu04 a:active, #menu ul.menu04 #menu04 a  { background: url(menu.gif) -447px -30px no-repeat; }
#menu05 a:hover, #menu05 a:active, #menu ul.menu05 #menu05 a  { background: url(menu.gif) -596px -30px no-repeat; }


/* Sub menu */

#sub ul {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
}

#sub ul li {
	display: block;
	height: 20px;
	margin: 0 0 4px 0;
	padding: 5px 20px 0 10px;
	background: #ECECDD url(subnorm.gif) repeat-y;
}
#sub ul li.selected { background-image: url(subhigh.gif); }
	
#sub ul li a {
	display: block;
	width: 100%;
	height: 100%;	
	text-decoration: none;
	font-weight: bold;
}

#sub ul li a:link, #sub ul li a:visited { color: #444444; text-decoration: none; }
#sub ul li a:hover, #sub ul li a:active { color: #CC0000; text-decoration: underline; }
#sub ul li.selected a:link, #sub ul li.selected a:visited { color: #000000;}


/* ---- Footer ----------------------- */

#clear { height: 50px; clear: both;	}	
#footer { position: absolute;	height: 25px; bottom: 0; border-top: 3px solid #005E95; width: 742px; }

#footer a { color: #888888; }


/* ---- sIFR --------------- */

.sIFR-flash {	visibility: visible !important;	margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h1 {	visibility: hidden; font-size: 18px; letter-spacing: -1px; }