body {
	height: 100%; /* for... IE of course! -- can now use height percentages */
	background-color: #fff;
	color: #000;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family:  'trebuchet ms', verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center; /* centers Frame */
}

a img {border: none; }


#Header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 20px;
	color: #fff;
	background-color: #aaa;
	border-bottom: 2px solid #333;
	z-index: 4;
}

#Top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 13%;
	z-index: 3;
	background-image: url(../images/bg/white.gif);
}

#Content {
	position: absolute;
	left: 0;
	width: 100%;
	top: 13%;
	height: 70%;
	text-align: center;
	z-index: 2;
	color: #000;
}

#Footer {
	position: absolute;
	left: 0;
	width: 100%;
	top: 83%;
	height: 100%;
	background-color: #1d346f; /* dk blue */
	border-top: 2px solid #000;
	background-image: url(../images/bg/blue.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#Band {
	height: 15%;
	background-color: #000;
	width: 100%;
	background-image: url(../images/bg/black.gif);
	background-position: bottom;
	border-top: 1px solid #000;
}

#tabContent{
	position: relative;
	height: 85%;
	width: 100%;
	text-align: left;
	overflow: auto;
	background-color: #fff;
	background-image: url(../images/bg/light.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#Footer div#LeftBar {
	float: left;
	background-color: red;
}

#Footer div#RightBar {
	float: right; 
	width: 325px; 
	margin-right: 5px; 
	margin-top: 7px;
	text-align: left;
}

#Footer div#RightBar .logo {
	margin-bottom: 27px;
}

#FooterMenu div.item {
	text-align: right;
	width: 310px;
}

#FooterMenu div.item hr {
	float: right; 
	width: 288px;
	color: #fff;
	background-color: #fff;
	margin-top: 7px;
	height: 3px;
}

#FooterMenu  div.itemContent {
	clear: both;
}

#FooterMenu .arrow {
	float: left;
}


/* used by index.php */
#welcome      
	{
	margin-top: -25px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 49px;
	}
	
#logo {
	position: absolute;
	margin-top: -64px;
	top: 100%;
	left: 0;
	height: 64px;
	width: 324px;
}

#banner {
	width: 100%;
	height: 20px;
	color: #fff;
	background-color: #aaa;
	border-bottom: 2px solid #333;
}

/* used for bonjour animation */
#bonjour {
	background-color: #000;
	position: relative;
	width: 100%;
	height: 100%;
}

#bonjour .let {
	position: relative;
	height: 66px;
	top: 37%;
	left: 37%;
	border: 0;
}

#bonjour .animate {
	position: absolute;
}

#flash {
	position: absolute;
	display: none;
	color: #a2a2a2;
	width: 100%;
	bottom: 0;
	text-align: center;
}

#flash a, #flash a:visited {
	color: #6f8dd9;
}

#flash a:hover {
	color: #fff;
}