/* CSS Document */

/*V-Align*/
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%; margin:0px;}
/* end hide */
body { 
margin:0px;
	text-align:center;
	min-height:580px;/* for good browsers*/
	min-width:680px;/* for good browsers*/
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 600px;
}	
#xinner {
	width:680px;
	background:#fff;
	height: 570px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000;
}
/* not required for demo */
p,h1{margin-bottom:1em}
#header{margin-right:0}
.maintxt{text-align:left;margin:1em;}
/* - */


/*design*/
body{
	margin:0px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Verdana;
}

#site{
	background-color:#000000;
	width:680px;
	height:100%;
	/*background-image:url(../images/background_yrepeat.jpg);*/
	background-position: center;
	background-repeat: repeat-y;
	margin-top: 0px;
}

#header{
	/*background-image:url(../images/header_plain.gif);*/
	background-color:#000000;
	width:680px;
	height:88px;
	
}

#menu{
	padding-left:7px;
	height: 20px;
}

#content{
	width:640px;
	padding:10px;
	background-color:#FFFFFF;
}

#iframe_content{
width:640px;
background-color:#FFFFFF;
}

#footer{
	height:30px;
	width:660px;
	padding-top:0px;
}

/*Intro*/
#button_box{
margin-top:10px;
width:660px;
height:20px;
}

#button_item{
width:124px;
height:10px;
background-color:#FF0000;
float:left;
}

/*menu*/
.menutab ul{
	margin: 4px;
	/*padding: 3px;*/
	margin-right: 0;
	font: bold 12px Verdana;
	color:#FFFFFF;
	list-style-type: none;
	text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.menutab li{
display: inline;
margin: 0;
}
/*active background*/
.menutab li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-left: 3px;
	color:#000000;
	background-color:#999999;
	padding-right:10px;
}

.menutab li a:visited{
color: #000000;
}

.menutab li a:hover, .menutab li a.current{
background-color:#CCCCCC;
background:#CCCCCC;
color:black;
}

.menutab li a:active{
color:#000000;
}

#menu a:link#current, #menu a:visited#current
{
background-color:#FFFFFF;
background:#FFFFFF;
}
/*SubMenu*/
#submenutab{
	background-color:#000000;
	height:20px;
	padding-left:0px;
}
/*submenu*/
.submenutab ul{
margin: 4px;
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
color:#FFFFFF;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.submenutab li{
display: inline;
margin: 0;
}

.submenutab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
background-color:#1E1E1E;
color:#FFFFFF;
padding-right:10px;
}

.submenutab li a:visited{
color: #FFFFFF;
}

.submenutab li a:hover, .submenutab li a.current{
	background-color:#3E3E3E;
	background:#2E2E2E;
}

.submenutab li a:active{
color:#FFFFFF;
}

#submenu a:link#current, #submenu a:visited#current
{
background-color:#1E1E1E;
background:#1E1E1E;
color:#FFFFFF;
}

/*text classes*/
.footer{
font-family:Verdana;
font-size:10px;
color:#000000;
}

/*Vertical Centre*/