* {
	margin:0;
	padding:0;
}

body {
	font-family: "Garmond", "Lucida Grande", "Tahoma";
	font-size: 1em;
	color: #333333;
	background-color: #eeeeff;
}
h1 {
	font-size: 1.5em;
	padding-bottom: 5px;
}
h2,h3,h4 {
	font-size: 1em;
	padding-bottom: 5px;
}
h3 {
	font-size: .9em;
	padding-bottom: 5px;
}
h4 {
	font-size: .8em;
	padding-bottom: 5px;
}

p {
	font-size: .75em;
	padding-bottom: 5px;
}
.header {
	background-image: url(/img/banner.jpg);
	width: 1024px;
	height: 76px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	color: white;
}
/*
.header .subtitle {
	font-size: .75em;
	padding-left: 15px;
	color: white;
	line-height: 110px;
	vertical-align: text-bottom;
}
*/
#headtop{
	font-size: 2em;
	vertical-align: text-bottom;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
}
#headmiddle{
	font-size: .75em;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 2px;
}
#headmiddle a {
	text-decoration: none;
	color: white;
}

#headbottom{
	font-size: .75em;
	padding-left: 5px;
}

#headbottom a {
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: white;
	
}
#headbottom a: hover {
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

.content {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: white;
}
img {
	border: 0;
}

.element {
	padding-left: 10px;
	padding-right: 10px;
}
.footer {
	width: 1024px;
	text-align: center;
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	font-size: .6em;
	color: white;
	background-color: black;
}

.xyz, h1.dial, h2.dial, p.dial {
	test-align: center;
}
.center {
	float: right;
	text-align: center;
	width: 100%;
}
.center img {
	float: left;
	margin-left: 200px;
	margin-top: 10px;
}
.big {
	margin-left: -300px;
	margin-top: 10px;
	font-family:	"Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
	font-size:	3em;

}

/* Spacer styles */
.spacer {
        clear:both;
        float:left;
        width:100%;
        height: 1px;
        background: white;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;		/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;		/* width of page */
	position:relative;
}

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

/* 3 Column settings */
.threecol {
	background:#eee;	/* right column background colour */
}
.threecol .colmid {
	right:33%;		/* width of the right column */
	background:#eee;	/* center column background colour */
}
.threecol .colleft {
	right:34%;		/* width of the middle column */
	background:#eee;	/* left column background colour */
}
.threecol .col1 {
	width:29%;		/* width of center column content (column width minus padding on either side) */
	left:102%;		/* 100% plus left padding of center column */
	text-align: center;
	padding-top: 5px;
}
.threecol .col2 {
	width:29%;		/* Width of left column content (column width minus padding on either side) */
	left:39%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	text-align: center;
	padding-top: 5px;
}

.threecol .col3 {
	width:30%;		/* Width of right column content (column width minus padding on either side) */
	left:77%;		/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	text-align: center;
	padding-top: 5px;
}

	

    /* Container Style */
#formcontainer {
	margin:10px;
	width:	980px;
	border:	solid 1px #ccc;
	padding:	0px;
	text-align:	left;
	font-family:	"Trebuchet MS", Arial, "Lucida Sans Unicode", Tahoma, sans-serif;
	font-size:	1em;
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	overflow:hidden;	/* This chops off any overhanging divs */
}

.threecol img	{
	width: 280px;
}

.instruct { text-align: left; }