* { padding: 0; margin: 0;  }
html, body {
height: 100%;
}
body {
background-color: #c8c9cb;
font-family: Helvetica, sans-serif;
font-size: 62.5%;
}
#headercontainer{
position: relative;
background-color: gray;
width: 100%;
height: 127px;
margin: 0px;
}
#header {
position: relative;
background: url(img/headbg.png) repeat-x;
width: 100%;
height: 72px;
margin: 0px;
border-bottom: 2px solid #3f3f40;
}
#logocontainer{
margin: 0 auto;
position: relative;
width: 700px;
}
#logo{
background: url(img/logo.png) no-repeat;
position: relative;
margin-left: 0px;
width: 209px;
height: 65px;
border: none;
}
#logo li { margin: 0; padding: 0; height: 65px; list-style: none; display: inline;}

#logo a { float: left; padding: 65px 0 0 0;	overflow: hidden; width: 209px;	background: url(img/ashtonlogo.gif) top left no-repeat;	
height: 0px !important; 
height /**/:65px; /* for IE5/Win only */
}

#content {
position: relative;
background: url(img/bg.png) repeat-x;
min-height: 100%;
}
* html #content {
height: 100%;
}
#top{
position: relative;
background: url(img/top.png) no-repeat;
margin: 0 auto;
margin-top: 28px;
width: 730px;
height: 20px;
}
#middle{
position: relative;
background: url(img/middle.png) repeat-y;
margin: 0 auto;
width: 730px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
clear: both;
padding-bottom: 2em;
margin-bottom: -30px; 
}

* html #top {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/top.png', sizingMethod='scale');
}
* html #middle {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/middle.png', sizingMethod='scale');
}
* html #logo {
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png', sizingMethod='scale');
}

#leftcolumn { 
position: relative;
 margin-left: 10px;
 padding: 0 0 0 20px;
 display: inline;
  float: left;
 width: 380px;
 overflow: visible;
}
#rightcolumn { 
position: relative;
display: inline;
margin-right: 10px;
color: #e7e7e8;
width: 256px;
float: right;
overflow: visible;
}
#singlecolumn { 
position: relative;
padding: 0 40px 9em 40px;
display: inline;
float: left;
width: 640px;
min-height: 500px;
}
* html #singlecolumn {
height: 100%;
}
#footercontainer { 
position: relative;
padding: 0;
background: url(img/footer.png) top left repeat-x;
border-top: 2px solid #3f3f40;
height: 30px;
margin: -30px auto 0 auto;
width: 100%;
}
#footer { 
position: relative;
margin: 0 auto;
width: 700px;
padding: 10px 10px 10px 0px;
font: .9em Helvetica, sans-serif;
color: #3f3f40;
}
#clearfooter { height: 30px; }
.clear { clear: both; background: none; }


/*navigation */
#headerNavcont{
margin: 0 auto;
width: 700px;
text-align: left;
}

ul#headerNav {
height:24px;
width: 700px;
margin:0px 1px;
text-align: center;
}

ul#headerNav li {
display:block;
float:left;
background:url(img/bttn_up.png) top left repeat-x;
}

ul#headerNav li a {
background:url(img/bttn_brdr.png) top left no-repeat;
display:block;
float:left;
font: 1em Helvetica, sans-serif;
letter-spacing: .05em;
text-align:center;
text-decoration: none;
padding:7px 12px 5px 12px;
color: #eee;
}
ul#headerNav li#line {
background:url(img/bttn_brdr.png) top left no-repeat;
float: left;
width: 1px;
}
ul#headerNav li a:hover, ul#headerNav #currentpage a {
background:url(img/bttn_over.png) 0px 0px repeat-x;
color:#3e424a;
text-decoration:none;
}

ul#headerNav li a.first{
background:url(img/bttn_up_left.png) top left no-repeat;
}
ul#headerNav li a.first:hover, ul#headerNav li a.on{
background:url(img/bttn_over_left.png) top left no-repeat;
}
ul#headerNav li a.last{
background:url(img/bttn_up_right.png) top right no-repeat;
}
ul#headerNav li a.last:hover{
background:url(img/bttn_over_right.png) top right no-repeat;
}
ul#headerNav #currentpgfirst a{
background:url(img/bttn_over_left.png) top left no-repeat;
}
ul#headerNav #currentpglast a{
background:url(img/bttn_over_right.png) top right no-repeat;
}
ul#headerNav li a.support{
font-weight: bold;
letter-spacing: .1em;
color: #85bce0;
}

/*END navigation */

h1 {
	font: 2em/1.2em Helvetica, sans-serif;
	letter-spacing: .12em;
	font-weight: bold;
	color: #0ba1cf;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 2px dotted #0ba1cf;
	}
h2 {
	font: 1.8em/1.8em Helvetica, sans-serif;
	letter-spacing: .08em;
	font-weight: normal;
	color: #0ba1cf;
	text-transform: uppercase;
	}

h3{
font: 1.3em/1.8em Helvetica, sans-serif;
font-weight: bold;
color: #0ba1cf;
}
h4 {
	font: 2.4em/1.2em Helvetica, sans-serif;
	letter-spacing: .05em;
	font-weight: bold;
	color: #0ba1cf;
	text-transform: uppercase;
	}
p{
font: 1.2em/1.3em Helvetica, sans-serif;
color: #3f3f40;
margin-bottom: 1.3em;
}
hr{
color: #3f3f40;
margin: 10px 0;
}
ul#promo{
font: 1.2em/1.3em Helvetica, sans-serif;
color: #e7e7e8;
list-style: none;
margin-left: 0;
padding-left: 1em;
text-indent: -1em;
	}
.bullet{
	font: 1.5em/1.3em Helvetica, sans-serif;
	letter-spacing: .1em;
	font-weight: normal;
	color: #ffdc23;
}
ul.paragraph{
font: 1.3em/1.3em Helvetica, sans-serif;
color: #3f3f40;
list-style: square;
margin-left: 1em;
margin-bottom: 1em;
padding-left: 1em;
}
p a{
font: 1em/1.3em Helvetica, sans-serif;
color: #3f3f40;
}
p img{
padding: 3px;
border: 1px dotted #0ba1cf;
display: inline;
float: right;
margin: 5px;
clear: both;
}

label{
font: 1.4em/1.4em Helvetica, sans-serif;
color: #3f3f40;
}
.comment{
font: 1.4em/1.4em Helvetica, sans-serif;
color: #3f3f40;
}
input{
font: 1.4em/1.4em Helvetica, sans-serif;
color: #3f3f40;
margin-bottom: .7em;
}
.button{
width: 89px;
height: 27px;
padding:0;
margin:0;
border:none;
background: url(img/submit.png);
cursor:pointer;
color: #eee;
}
td{
width: 300px;
}