* {margin:0;padding:0;}

body {
	background-color:#FFFFFF; 
      font-size: 62.5%;
	  font-family: Verdana, Helvetica, Arial, sans-serif;
	  color: #000000;
}
input, select, th, td {
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	vertical-align:top;
}

p {
	font-size: .8em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-top: 20px;
	margin-bottom:15px;
	margin-left:50px;
	margin-right:30px;
	font-weight: normal;
	}
	
H1 {
	font-size: 1.5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom:15px;
	margin-left:50px;
	margin-right:30px;
	font-weight:lighter;
	color: #000;
}
H2 { font-size:.8em;
     font-family: Verdana, Helvetica, Arial, sans-serif;
	 text-transform:uppercase;
	 color: #993300;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:50px;
	margin-right:30px;
		font-weight:normal;

}
H3 { font-size:1em;
     font-family: Verdana, Helvetica, Arial, sans-serif;
	 color: #ffffff;
	margin-top: 20px;
	margin-bottom:15px;
	margin-left:50px;
	margin-right:30px;
		font-weight:normal;

}

H4 { font-size:.9em;
     font-family: Verdana, Helvetica, Arial, sans-serif;
	 color: #000033;
	margin-top: 50px;
	margin-bottom:0px;
	margin-left:50px;
	margin-right:30px;
		font-weight:normal;

}

h2 + P {margin-top:4px;}

h2 + li {margin-top:4px;}

	
li {
	font-size: .8em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-top: 20px;
	margin-bottom:15px;
	margin-left:55px;
	margin-right:30px;
	font-weight: normal;
}
ul {
    list-style-type: disc ;
    list-style-position: inside;}
	
li + ul  {
	font-size: .8em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-top: 20px;
	margin-bottom:15px;
	margin-left:55px;
	margin-right:30px;
	font-weight: normal;
}

a:link {
	color: #3266cc;
	text-decoration: none;
	font-weight: normal;

	}

a:visited {
	color: #3266cc;
	text-decoration: none;
	font-weight: normal;
	}

a:hover {
	color: #993300;
	text-decoration: underline;
    font-weight:normal;
	}

a:active {
	color: #3266cc;
 text-decoration:none;
	font-weight:normal;

	}
.bottom a:link {
	color: #333333;
	text-decoration: underline;
	font-weight: normal;

	}

.bottom a:visited {
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
	}

.bottom a:hover {
	color: #0066cc;
	text-decoration: underline;
	font-weight: normal;
	}

.bottom a:active {
	color: #333333;
	text-decoration: underline;
	font-weight: normal;

	}
.top a:link {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.1em;
	}

.top a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
    font-size: 1.1em;

	}

.top a:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	font-size:1.1em;
	}

.top a:active {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.1em;
	}


#outer {
	width:1000px;
	height:100%;
	margin:auto;
	position:relative;
	text-align:left;
}
#header, #footer{
	width:1000px;
	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:1000px;
	height:100%;
	clear:both;
	text-align:center;
	}
.inner{
	width:1000px;
	padding-bottom:0px;
}
#header .inner, 

/* 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);
	-moz-opacity:0.2;
	opacity :0.2;
	position:relative;
}
#fade-on body{background-color:#000000!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:99;
	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: 1000px;
	background:#fff;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	border:5px solid #000;
}

#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 p{margin-top: 5; margin-bottom:5; margin-right:5;
font-size: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#663333; 
	line-height : 140%;}
#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;height:71px}
#message6 p  img{border:2px solid #000;}
#message1,
#message2,
#message3,
#message4,
#message5,
#message6 {display:none;}

[if IE ]>
#fade-on #popup{left:0;width:100%;right:auto}
#xcontainer{top:50%}
#xinner{top:-50%;position:relative;}
<![endif]