﻿@charset "UTF-8";
/* CSS Document */

body {
	color: black;	
	font-family:Verdana, Arial, "Helvetica", sans-serif;
	background-color:#E8E8E8;
	font-size: 9pt;
	font-stretch:semi-expanded;
	background-color:#004FAE;
	
}

* {
	margin: 0;
	padding: 0;
}

#page {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	
}

#pagein {
	width:900px;
	background-color:#e8e8e8;
	margin-left:auto;
	margin-right:auto;
	border-top: 3px solid #ab5302;
}

#epagein {
	width:900px;
	background-color:#e8e8e8;
	margin-left:auto;
	margin-right:auto;
}

option{
	padding-right: .5em; /* for FF, which doesn't like the padding of 0 for all elements wtr to options. it clips the longest option */
}

table {
	border-collapse: collapse;
}
form{
	display: inline; /* forms are logical and do not effect display */
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

.padding {
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}


img {
	vertical-align: middle;
}

h1{
	font-size: 1.9em;
	color:#001e59;
}

h2{
	font-size: 1.2em;
	margin: .75em 0;
	
}

h3{
	font-size: 1.17em;
	font-style:italic;
	margin: .83em 0;
	color: #6b0042;
}

h4{
	font-size: 1.0em;
	margin: 1.12em 0;
	text-align:center;
}

h5	{
	font-size: 1.7em;
	margin-left: 200px;
	padding-top: 1em;
}

h6{
	font-size: 1em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#236B70;
}

/*
h1, h2, h3, h4, h5, h6, b, strong{
	font-weight: bold;
}
*/

.titlebanner, button	{
	background-position: left top;
	background: #f28f01 url(images/titlegrade_orange.jpg) repeat-x left top;
	height: 30px;
	-moz-border-radius-topleft: 7px; /* Firefox */;
	-webkit-border-top-left-radius: 7px; /* Safari/WebKit */;
	border-top-left-radius: 7px; /* future browsers with CSS3 support */;
	-moz-border-radius-topright: 7px; /* Firefox */;
	-webkit-border-top-right-radius: 7px; /* Safari/WebKit */;
	border-top-right-radius: 7px; /* future browsers with CSS3 support */;
	text-align: center;
	padding-top: 1em;
}

.titlebanner h2 {
	font-size:1.2em;
	margin: 0px;
	font-weight:normal;
	color:#001E59;
	
}

a {
	color:#001E59;
}

a:hover {
	color:#A84100;
}

p + p{ /* adjacent paragraphs */
	margin-top: 1em;
}

a img,:link img,:visited img, img {
	border:none !important; 
}

ol, ul {
	line-height: 1.5em;
	margin-bottom: .5em;
	margin-top:.5em;
	margin-left: 2em;
	font-size:1em;
}

* html div{
 height: 1px;
}

/* Ben's new styles */

#singlecolumn {
	padding: 20px;
	font-size: 110%;
}
.calloutleft {
	float: left;
	background-color: #FFFFFF;
	color: #000000;
	width: 300px;
	position: relative;
}

.callout	{
	background-color:white;
	order:1px solid #8B4913;
	margin-top:20px;
	color:black;	
	padding-bottom:20px;
}

.callout h1	{
	text-align:center;
	width:100%; 
	background-image:url('images/titlegrade.jpg');
	background-repeat:repeat-x;
	background-color:#54003C;
	padding-bottom: 10px;
	
}

.callout h4	{
	text-align:left;
}

.callout p,h4	{
	margin-left:20px;
}

.callout ul	{
	list-style:none;
	line-height:2em;
}

.callout a:hover	{
	font-weight:bold;
}

.buttonContainer	{ 
	width:100%;
	margin-top:20px;	
}

#freeConsultation	{
	background: #8B4913 url(images/titlegrade_bronze.jpg) repeat-x;
	-moz-border-radius-topleft: 7px; /* Firefox */;
	-webkit-border-top-left-radius: 7px; /* Safari/WebKit */;
	border-top-left-radius: 7px; /* future browsers with CSS3 support */;
	-moz-border-radius-topright: 7px; /* Firefox */;
	-webkit-border-top-right-radius: 7px; /* Safari/WebKit */;
	border-top-right-radius: 7px; /* future browsers with CSS3 support */;
	text-align: center;
	-moz-border-radius-bottomleft: 7px; /* Firefox */;
	-webkit-border-bottom-left-radius: 7px; /* Safari/WebKit */;
	border-bottom-left-radius: 7px; /* future browsers with CSS3 support */;
	-moz-border-radius-bottomright: 7px; /* Firefox */;
	-webkit-border-bottom-right-radius: 7px; /* Safari/WebKit */;
	border-bottom-right-radius: 7px; /* future browsers with CSS3 support */;
	padding-left:5px;
	padding-right:5px;
	white-space:nowrap; 
	width:260px;
	line-height:1.5em;
	margin: auto;
}

#freeConsultation a	{
	color:white;
	font-weight:bold;
	text-decoration:none;
}

#freeConsultation a:hover	{
	color:#001E59;
}

#listContainer	{
	position:relative; 
	left:25px;
}
