@charset "UTF-8";
/* CSS Document */

body {
	font: 80% Arial, Helvetica, sans-serif;
	background: #ededed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
}
#container {
	width: 937px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ededed url(images/background.png) repeat-y top left;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}

.clear {
clear:both;
}

a {
color:#666;
}

.home #header {
	background: url(images/home_header.jpg) no-repeat 6px; 
	padding:0 5px; 
	height:458px; 
}

#header {
	background: url(images/header.jpg) no-repeat 6px top; 
	padding:0 5px; 
	height:235px; 
}

#header h1
{
margin: 0;
}

.home #header h1 a {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	height:450px;
	width:926px;
	display:block;
	text-indent:-9999px;
}


#header h1 a {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	height:235px;
	width:926px;
	display:block;
	text-indent:-9999px;
}

#mainContent {
	padding: 50px 55px 0 55px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	
}

.three_col {
width:225px;
float:left;
margin:0 75px 0 0;
}

.three_col_last
{
margin:0;
}

h2 {
color:#0593dc;
text-transform:uppercase;
font-size:1.3em;

}

.home h2 {
width:225px;
font-size:1.1em;
padding:0 0 7px 0;
margin:0 0 20px 0;
border-bottom:1px solid #ccc;

}

.home p {
font-size:1em;
}

p {
font-size:1.1em;
}

.blog p {
line-height:1.5em;
}

.orange {
color:#c78500;
font-weight:bold;
}

.button {
background:url(images/button.png) no-repeat top left;
padding:10px;
color:#fff;
display:block;
margin:0 0 10px 0;
text-decoration:none;
font-weight:bold;
}

.button2lines {
background:url(images/button-2lines.png) no-repeat top left;
padding:10px;
color:#fff;
display:block;
margin:0 0 10px 0;
text-decoration:none;
font-weight:bold;
height:29px;
}

.big_button {
background:url(images/big_button.png) no-repeat top left;
font-weight:normal;
height:133px;
}

.big_button p {
font-size:12px;
}


/***** Form *******/

form {
padding:0;
}

.tfa_EmailAddress
{
width:225px;
}




#footer {
	padding: 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #ededed url(images/footer.png) no-repeat top left;
	text-align:center;
	margin-top:50px;

}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 20px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:.9em;
}