# /* ====================================================================
# box layout
# -------------------------------------------------------------------- */
.columns-float
     {
     float : left;
  width : 66%;
     }
/*the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
 .column-one
     {
     width : 49%;
     float : left;
     }
.column-two
    {
     width : 50%;
     float : right;
     }
.column-three
    {
     width : 33%;
     float : right;
     }
.box-footer
    {
     clear : both;
     }
 /* ====================================================================
# box-clear requires all sorts of hackery because of the way the
# different browsers cope with clearing floats
# see [# #]
# -------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
# turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
# see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
 /*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
 /* Turn off for Opera 6 and below */
 html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
 see [http://www.albin.net/CSS/OwenHack.html] */
 head:first-child+body div.box-clear { display: block; }
/* ====================================================================
 nn4clear is as its name suggests, only required for NN4 compatibility
 If you don't need that you can remove both this rule and the
 relevant div from the html
# -------------------------------------------------------------------- */
 .nn4clear { clear: both; line-height: 0px; font-size: 1px; }
/*/*/ .nn4clear { display: none; } /* */
/* ====================================================================
# box styling
# -------------------------------------------------------------------- */
 .box-wrap
     {
     padding : 0px;
     color : #000000;
     background-color : #cccccc;
     }
.box-header
     {
     margin : 0px;
     padding : 12px;
     color : #000000;
     background-color : #996699;
     border : none;
     }
.box-footer
     {
     margin : 0px;
     padding : 6px;
     color : #000000;
     background-color : #999966;
     border : none;
     }
.column-one-content
     {
     background : #ff6666;
     }
.column-two-content
     {
     background : #66ff66;
     }
.column-three-content
     {
     background : #6666ff;
     }
.column-one-content, .column-two-content, .column-three-content
     {
     margin : 0px;
     padding : 6px;
     border : none;
     }
 /* GUTTERS BETWEEN COLUMNS */
.column-two-content
     {
     margin-left: 12px;
     margin-right: 12px;
     }
/* VERTICAL PADDING ABOVE COLUMNS */
 .box-header
     { margin-bottom: 5px; }
.column_padding_after
     {
     height:5px;
     font-size: 1px;
     line-height: 0px;
     clear: both;
     }
/* CSS HACK: position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
# NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */
 /*/*/
 .box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
     { p\osition: relative; }
/* */
 /* ====================================================================
# other styling
# -------------------------------------------------------------------- */
 body
     {
     margin : 0;
     padding : 0px;
     font-family : helvetica,arial,sans-serif;
     font-size : 12px;
     background-color : #999999;
     color : #000000;
     }
div
     {
     margin : 0px;
     padding : 0px;
     }
h1
     {
     margin : 0px;
     padding : 0px;
     }
 h2
     {
     margin : 0px 0px 9px 0px;
     padding : 0px 3px 0px 3px;
     color : #ffffff;
     background-color : #000000;
     font-size : 1em;
     font-weight : bold;
     }
p
     {
     margin : 0px;
    }

#content P {
	margin: 5px 0 7px;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	right: 300px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

a:link {
	color: #003366;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #336699;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	}
	
a:active {
	color: #900;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	}
	
a:visited {
	color: #003366;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
}


.content {
	position: absolute;
	background-color:#ffffff;
	width:100%; 
	margin-left:auto;
	margin-right:auto; 
}


.faq{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	padding: 0 0 0px 8px;
	list-style-type: none;
	width: 350px;
}

.faq_answer{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	padding: 0 0 0px 16px;
	list-style-type: none;
	width: 350px;
	margin: 0;
}
.content_copy {
	position: absolute;
	width:600px;
	height:550px;
	margin-left:15px;
	margin-right:100px;
	margin-top:120px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	letter-spacing: .2 ems;
	text-align: left;
	padding-left: 5px;
	z-index: 4000;
	left: 10px;
	top: 50px;
	
}

.content_center_contact {
	position: relative;
	height: 750px;
	width: 760px;
	background-color:#ffffff;
	top: -14px;
	background-image: url(img/header_contact.jpg);
	background-repeat: no-repeat;
	}


.content_center_started {
	position: relative;
	height: 750px;
	width: 760px;
	background-color:#ffffff;
	top: -14px;
	background-image: url(img/header_started.jpg);
	background-repeat: no-repeat;
	}
	
.content_center_pop {
	position: relative;
	height: 450px;
	width: 535px;
	background-color:#FFFFFF;
	top: -14px;
	background-image: url(img/header_contact_pop.jpg);
	background-repeat: no-repeat;
	}

.content_center_thankyou {
	position: relative;
	height: 450px;
	width: 535px;
	background-color:#FFFFFF;
	top: -14px;
	background-image: url(img/header_contact_pop.jpg);
	background-repeat: no-repeat;
	}


	
.content_center_form {
	position: relative;
	height: 500px;
	width: 515px;
	background-color:#ffdd00;
	top: 200px;
	}
	
.content_center_thankyou {
	position: relative;
	height: 500px;
	width: 515px;
	background-color:#ffffff;
	top: 200px;
	}

.content_center_faq {
	position: relative;
	height: 800px;
	width: 760px;
	background-color:#ffffff;
	top: -14px;
	background-image: url(img/header_faq.jpg);
	background-repeat: no-repeat;
	}

.content_center_about {
	position: relative;
	height: 860px;
	width: 760px;
	background-color:#ffffff;
	top: -14px;
	background-image: url(img/header_about.jpg);
	background-repeat: no-repeat;
	}

.content_center_index {
	position: relative;
	height: 760px;
	width: 760px;
	background-color:#ffffff;
	top: -14px;
	background-image: url(img/header_index.jpg);
	background-repeat: no-repeat;
	}

.copy_left_index {
	position: absolute;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	left: -30px;
	top: 4px;
	
}

.copy_left_contact {
	position: absolute;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	left: 0px;
	top: 4px;
}

.copy_left_pop {
	position: absolute;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	left: 0px;
}

.copy_left_starter
 {
	position: absolute;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	left: 0px;
	top: 4px;
}


.contact_form {
	position: absolute;
	width:515px;
	margin-left:auto;
	margin-right:auto;
	top: 209px;
	z-index: 7000;
}

.contact_form_thankyou {
	position: absolute;
	width:270px;
	height:200;
	margin-left:auto;
	margin-right:auto;
	top: 93px;
	z-index: 7000;
	left: -200px;
}



.copy_left_index {
	position: absolute;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	left: -52px;
	top: 4px;
	z-index: 7000;
}

.copy_left_faq {
	position: absolute;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	left: -46px;
	top: 4px;
	z-index: 7000;
}

.copy_left_about {
	position: absolute;
	width:40%;
	margin-left:auto;
	margin-right:auto;
	left: -64px;
	top: 4px;
	z-index: 7000;
}

.copy_center {
	position: absolute;
	background-color:#000000;
	width:30%;
	margin-left:auto;
	margin-right:auto;
	left: 33%;
	top: 4px;
	
}

.copy_center_contact {
	position: absolute;
	width:464px;
	margin-left:auto;
	margin-right:auto;
	left: 14px;
	top: 201px;
	
}

.copy_center_index {
	position: absolute;
	width:468px;
	margin-left:auto;
	margin-right:auto;
	left: 22px;
	top: 185px;
	background-image: url(img/swirl_6.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 550px;
}

.copy_right {
	position: absolute;
	margin-left:auto;
	left: 70%;
	background-color:#E1EAF6;
	width:235px;
	top:115px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 11px;
	color: #00000;
	text-align: left;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #336699;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #000000;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

.copy_tag {
	position: absolute;
	width:400px;
	margin-top:135px;
	left: 25%;
	
}

.copy_tag_pop {
	position: absolute;
	width:400px;
	margin-top:135px;
	left: 32%;
	
}

.copy_phone_thankyou {
	position: absolute;
	width:400px;
	margin-top:350px;
	left: 32%;
}

.copy_nav_thankyou {
	position: absolute;
	width:400px;
	margin-top:400px;
	left: 13%;
}

.copy_tag_index {
	position: absolute;
	width:400px;
	margin-top:135px;
	left: 11%;
	
}

.copy_tag_faq {
	position: absolute;
	width:400px;
	margin-top:135px;
	left: 20%;	
}

.copy_tag_about {
	position: absolute;
	width:400px;
	margin-top:135px;
	left: 17%;	
}

.picture_center {
	position: relative;
	width:30%;
	top:-690px; 
	left:-65px; 	
}

.approved {
	position: relative;
	background-color:#ffffff;
	width:30%;
	top:120px;
	left:95px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	
}


.logo {
	position: relative;
	background-color:#E1EAF6;
	width:198px;
	top:18px;
	left:540px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 11px;
	color: #00000;
	text-align: left;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #336699;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #000000;
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 13px;
	font-weight: 900;
	color: #003366;
}

.subhead{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 12px;
	font-style: italic;
	color: #003366;
	font-weight: bold;
}


.subhead_reg{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
}


.copy {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}
.details {
	font-size: 9px;
	font-style: oblique;
	font-weight: normal;
	color: #003366;
	text-align: right;
	text-decoration: underline;
}

.phone {
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	text-align: left;
	text-decoration: none;
}
.text {
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: left;
	text-decoration: none;
	vertical-align: top;
}
started {
	margin-right: 10px;
	margin-left: 10px;
}