* {margin:0;padding:0}
ul{list-style:none}
h1,h2,h3,ul{margin:0 0 1em 0}
h2{text-align:center;}
p,li{padding:5px;}
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	background:#CAAAD1;
	text-align:center;
	font-size:80%
}
#outer{
	width:713px;
	margin:auto;
	position:relative;
	text-align:left;
	background:#fff url(images/3col-roundbg.gif) repeat-y left top;
}
#header, #footer{
	width:713px;
	clear:both;
	background:#fff url(images/3col-roundt.gif) no-repeat left top;
	padding-top:10px;
	border-top:10px solid #CAAAD1;
	border-bottom:10px solid #CAAAD1;
	text-align:center;
}
#content{
	width:713px;
	background: url(images/3col-roundtop.gif) no-repeat left top;
	padding-top:10px;
}
.inner{
	width:713px;
	background:url(images/3col-roundbase.gif) no-repeat left bottom;
	padding-bottom:10px;
}
#header .inner, 
#footer .inner {background:url(images/3col-roundb.gif) no-repeat left bottom;}
#left{
	float:left;
	width:160px;
	margin-right:10px;
}
#middle{
	float:left;
	width:375px;
}
#right{
	float:right;
	width:160px;
	display:inline;	
}
#left h3,#right h3{text-align:center;}
#right img{border:1px solid #000;}
#right p a{text-decoration:none;}
#right p{text-align:center;}
/* clear without structural mark-up */
.clearfix:after {
	content:"."; 
	display:block; 
 height:0; 
 clear:both; 
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */

/* fade styles below */
html#fade-on,
#fade-on body{
	height:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}
#fade-off body{
	overflow:auto;/* don't add this to the html element or IE crashes when javascript executes*/
	margin:0;
	padding:0;
}
#fade-on .fade{
	height:100%;
	width:100%;
  background:#000;
  overflow:auto;
	filter: alpha(opacity=20);
	-ms-filter: "Alpha(Opacity=20)";
	-moz-opacity:0.2;
	opacity :0.2;
	position:relative;
	z-index:999;
}
#fade-on body{background-color:#61011A!important}
/*.fade-on body{background-color:#000!important} use for a dark fade*/
#fade-off .fade{
	height:auto;/* use 100% if layout is a 100% high version*/
	background:transparent;
	width:auto;
  overflow:visible;
}
#fade-on #popup {	
	display:block;
	position:absolute;
	top:0;
	right:20px;/* stop firefox hiding scrollbar*/
	height:100%;
	left:0;
  z-index:999;
	overflow:hidden;
}
#fade-off #popup{display:none;}

/* centering routine for message */
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	text-align: center;
	position:relative;
	vertical-align:middle;
	display:table-cell;
	width: 100%;
}	
#xinner {
	width: 552px;
	background:#fff;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border:5px solid #000;
}
#xouter p1{margin-bottom:1em}
#header{margin-right:0}
.maintxt{text-align:left;margin:1em;}
#xheader{
	background:#fff url(images/top-fade.jpg) repeat-x 0 0;
	position:relative;
	margin:0 0 1em 0;
	height:108px;
	overflow:hidden;
}
#xheader h2,#xheader h3{
	font-weight:bold;
	font-size:140%;
	background:#fff;
	color:#000;
}
#xheader p{margin:0;font-size:180%;}
#xheader p#logo a{
	margin:0;
	padding:37px 0 0 240px;
	background: url(images/logo-new.jpg) no-repeat -4px 0;
 	display:block;
	color:#4c7300;
	text-decoration:none;
	height:71px;
	font-weight:bold;
	position:relative;
	top:-5px;
}
* html #xheader p#logo a{height:108px;he\ight:71px}
#message6 p  img{border:2px solid #000;}
#message1,
#message2,
#message3,
#message4,
#message5,
#message6 {display:none;}