* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
	text-align:center;
	min-height:545px;/* for good browsers*/
	min-width:795px;/* for good browsers*/
	background-color: #7B69A4;
	background-image: url(images/bg2.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
}	
#xinner {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
/* not required for demo */
p,h1{margin-bottom:1em}
#header{margin-right:0}
.maintxt{
	text-align:left;
	padding: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 11px;
	line-height: 4mm;
	color: #666666;
	vertical-align: top;
}
.maintxt a{
	color: #666666;
	text-decoration: underline;
}
.maintxt a:hover{
	color: #333333;
	text-decoration: none;
}
/* - */
.main_nav {
font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 9px;
	text-transform: uppercase;
	color: #999999;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(images/navbarf1.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 90px;
	width: 90px;
	text-align: center;
	vertical-align: middle;
	margin-right: 15px;
	margin-left: 15px;
}
.main_nav:link {
	color: #999999;
	text-decoration: none;
}
.main_nav:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/navbarf2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.main_nav:visited {
	color: #999999;
	text-decoration: none;
}
.main_navtext {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 9px;
	text-transform: uppercase;
	color: #999999;
	text-decoration: none;
}
.main_navtext:link {
	color: #999999;
	text-decoration: none;
}
.main_navtext:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.main_navtext:visited {
	color: #999999;
	text-decoration: none;
}
.nav_table {
	vertical-align: middle;
	text-align: center;
}
.nav_image {
	padding-right: 15px;
	padding-left: 15px;
}
.main {
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	height: 100%;
	width: 100%;
	background-position: center top;
}
.headerbar {
	background-color: #FFFFFF;
	background-position: top;
	height: 90px;
	width: 850px;
	text-align: center;
	vertical-align: top;
}

#footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 9px;
	color: #C3B4E6;
	text-decoration: none;
	vertical-align: bottom;
	height: 90px;
	background-image: url(images/bg3.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
}
#footertext a {
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 9px;
	color: #C3B4E6;
	text-decoration: none;
}
#footertext a:hover{
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
}
#bg_blank {
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	width: 100%;
	background-position: center bottom;
	overflow: hidden;
	height: 10%;
}
#bar {
	background-color: #98bf73;
	height: 48px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	background-position: center center;
	width: 850px;
}