﻿/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
	padding:0;
	margin:0;
	background:#ffffff url(../img/background_fade.jpg) repeat-x left top;
	color: #292929;
	text-align:center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#outer{
    margin: -31px auto 0; /* pull up the outer to make room for footer*/
    min-height:100%;
    width:700px;
    background:#ffffff;
    color: #000000;
    text-align:left;
}

#outer p, h1, h2 {padding:0 12px 0 12px;}

* html #outer{height:100%} 

#outer a:link, #outer a:visited{ 
	color: #0000ff; 
	text-decoration:none;	
} 
 
#outer a:hover, #outer a:active{
	color: #ff0000;
	text-decoration:none;
}

#header {
    border-top: 31px solid; /* push down the header to its right place */
    background:#1247b4 url(../img/header_background.jpg) repeat left top;
    height:119px;
    text-align:center;
}

#footer {
    margin: 0 auto;  /* footer is outside outer and now need centre margins */
    background:#1247b5 url(../img/footer_background.jpg) repeat left top;
    color:#ffffff;
    height:31px;
    line-height:30px;
    width:700px;
    font-size:.75em;
	margin-top:-31px;
}

#footer a:link, #footer a:visited{ 
	color: #fff000; 
	text-decoration:none;	
} 
 
#footer a:hover, #footer a:active{
	color: #f0b303;
	text-decoration:none;
}

#footer p {
	margin:0;
	padding:0 10px 0 10px;
	display:inline;
	color:#ffffff;
	text-align:left;
	float:left;
}

#siteby {
	float:right !important;
}

#clearfooter{
clear:both;
height:30px;
}/*needed to make room for footer*/

strong, em, h1, h2, h3, h4, h5, h6 {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


h1 {
	font-size:1.05em;
	color:#848383;
}

h2 {
	font-size:.95em;
	color:#848383;
}

p {
	font-size:.9em;
	color:#000000;
}
#nav {margin:0 auto;}

/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
#nav {
	float:left;
	width:100%;
	font-size:.75em;
	position:relative;
	top:6px;
	white-space:nowrap;
	}

#nav ul {
	margin:0 auto;
	padding:10px 10px 0 0;
	list-style:none;
	display:table;
	}
	
#nav ul li{
	display:table-cell;
}	

#nav li {
	float:left;
	display:inline;
	background:url(../img/right_both.gif) no-repeat right top;
	margin:0 0 0 12px;
	padding:0;
	}

#nav a {
	float:left;
	display:block;
	position:relative;
	left:-9px;
	margin-right:-9px;
	width:.1em;
	background:url(../img/left_both.gif) no-repeat left top;
	color:#ffffff !important;
	padding:5px 10px;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	}

#nav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */



#nav a:link, #nav a:visited, {
	color:#ffffff;
}

#nav a:active, #nav a:hover{
	color:yellow;
}

  #home #nav-home
, #apply #nav-apply
, #convert #nav-convert
, #contact #nav-contact {
	background-position:100% -70px;
	}

  #home #nav-home a
, #apply #nav-apply a
, #convert #nav-convert a
, #contact #nav-contact a {
	background-position:0 -70px;
	padding-bottom:6px;
	color:#ffffff;
	}

/* not for IE5.x or IE6 */
#nav li:hover, 
#nav li:hover a {
	background-position:100% -70px;
	color:#ffffff;
	}

#nav li:hover a {
	background-position:0 -70px;
	}
	
.float_right {
float:right;
}	
	
#image_link	img {
	border:0;
}


/**************************************/
form {
font-size:.8em;
width:434px;
margin-left:auto;
margin-right:auto;
}

legend{
font-weight:bold;
padding:.3em 1em .3em 1em;
color:#292929;
}

label {
float:left;
line-height:1.1em;
margin-bottom:.3em;
clear:both;
height:1.6em !important;
width:190px;
background:#fbfaf7;
padding:.1em 0 .1em .3em;
}

input, select, textarea {
font.size:.9em;
float:right;
margin-bottom:.3em;
line-height:1.1em;
width:190px;
}

select {
width:195px;
}

textarea {
height:80px;
}

fieldset{
width:400px;
margin-bottom:1em;
border:2px gray solid;
padding:1em;
}

.mandatory{
color:red;
font-weight:bold;
}

.button_box {
width:400px;
margin:1em 0;
border:2px gray solid;
padding:1em;
}

.button{
width:auto;
}

.noborder{
border:0;
}

#error_innerhtml {
	margin-top:0 !important;
	margin-bottom:0 !important;	
	padding:0 !important;
	margin-left:auto;
	margin-right:auto;
	width:428px;
}

.form_errors {
	margin:1em 0;
	width: 409px; 
	background:#fff5f7;
	border:2px solid red;
	color:#a70000;
	padding:0.5em;
	font-size:.9em;
}

.form_errors ul {
	margin:0 1em 0 1em;
	list-style:inside;
	padding:0;
}

.form_errors p{
	font-weight:bold;
}

.form_errors h2{
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#a70000 !important;
}

.smaller_text{font-size:90%;}

em {color:#005d8f;}
.note{color:#005d8f;}
.small_note{
	margin:0 auto;
	color:#005d8f;
	font-size:.76em;
	text-align:center;
	width:400px;
}

.thanks {
	width:409px;
	margin-left:auto;
	margin-right:auto;
	margin-top:.75em;
	border:2px solid gray;
	text-align:center;
}

.centered_list {
	margin-left:15em;
	font-size:.9em;
}


#form_content {
	margin:0 auto;
}

#form_content h1{
	margin:1em 0 0 0;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;	
	color:#848383;
}

#form_content h2, #form_content h3 {
	margin:.5em 0 .5em 0;
	font-size:1em;
	font-weight:bold;
	text-align:center;	
	color:#f3b309;
}

#form_content h3 {
	color:#000000;
}

#form_content p {
	margin:0 auto;
	width:400px;	
}


.centered {
text-align:center;
}