/* CSS Document */
body {
	background-color:#C7E8F8;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	text-align:left;
}
h1 {
	font-size:18px;
	color:#B62213;
}
h2 {
	font-size:15px;
	color:#B62213;
}
h3 {
	font-size:13px;
	color:#1F5489;
}
h1, h2 {
	font-weight:normal;
	margin:0;
	padding:0;
}
p, ul, ol, li{
	margin:0;
	padding:0;
}
#frame {
	width:780px;
	margin:25px auto 0 auto;
	border:3px solid #A3D9F3;
}
hr {
	border:0;
	color:#fff;
	background-color:#fff;
	height:2px;
}
a { color:#1F5489;}
a:hover { color:#B62213;}
/* ------------- phone box -------------- */
#phone {
	background:url("images/blue_cornerL.gif") no-repeat left bottom #EAF7FD;
	float:right;
	width:225px;
	padding:10px 0;
}
#phone p{
	font-size:12px;
	padding:3px 0 5px 15px;
}
#phone strong{
	color:#B62213;
}
/* ------------- tab menu -------------- */
	 #tabs {
      float:left;
      width:100%;
      font-size:12px;
      line-height:normal;
	  border-bottom:1px solid #A3D9F3;
      }
    #tabs ul {
	  margin:0;
	  padding:0;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("images/tab_left.gif") no-repeat left top #FCD94E;
      margin:0;
      padding:0;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("images/tab_right.gif") no-repeat right top;
      padding:5px 10px 4px 11px;
      color:#143A60;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      float:left;
      background:url("images/tab_left_roll.gif") no-repeat left top #B62213;
      margin:0;
      padding:0;
      text-decoration:none;
      }
    #tabs a:hover span {
     background:url("images/tab_right_roll.gif") no-repeat right top;
     padding:5px 10px 4px 11px;
      }
/* ------------- sec nav -------------- */
.secnav {
	background:url("images/grad_green.jpg") repeat-y left top #A2CE46;
}
.secnav h1 {
	color:white;
	font-size:18px;
	padding:30px 0 3px 20px;
}
/* ------------- blue box -------------- */
.blue {
	background:url("images/grad_blue.jpg") repeat-y left top #1F5489;
}
.blue h1 {
	color:#fff;
	padding:5px 3px;
	font-size:15px;
}
.blue p {
	color:#fff;
	padding:5px 0 3px 100px;
	font-size:11px;
}
.blue a {
	background:url("images/yellow_button.gif") no-repeat right;
	padding:8px 25px 10px 5px;
	color:#fff;
}
.blue a:hover {
	background:url("images/blue_button.gif") no-repeat right #B62213;
	padding:8px 30px 10px 5px;
	color:#fff;
}

/* ------------- content -------------- */
.content {
	padding:10px 25px 10px 40px;
}
.content h1 {
	padding:8px 0 8px 0;
}
.content h2 {
	padding:5px 0 0 0;
}
.content p {
	line-height:15px;
	font-size:11px;
	padding:5px 0 3px 0;
}
.content ol, ul {
list-style-position:inside;
	line-height:15px;
	font-size:11px;
	padding:5px 0 3px 0;
}
.floatleft {
	float:left;
	width:50%;
}
.floatright { float:right; width:50%;}
.logos {
	float:left;
	width:30%;
	padding:5px;
	margin-right:10px;
}
/* ------------- content home-------------- */
.homecontent {
	padding-bottom:10px;
}
.homecontent h1 {
	padding:10px 3px 3px 10px;
}
.homecontent p {
	line-height:18px;
	font-size:11px;
	padding:3px 3px 3px 10px;
}
/* ------------- quote -------------- */
.quotebox {
	background:url("images/jack.gif") no-repeat right bottom #EAF7FD;
}
.quotebox p {
	font-size:9px;
	padding:3px 5px 3px 15px;
}
.quotebox p a {
	text-decoration:none;
	font-weight:bold;
	color:#B62213;
	padding:1px;
}
.quotebox p a:hover {
	background-color:#1F5489;
	color:white;
}
#quote {
	background:url("images/quote_bottom.gif") no-repeat right bottom;
	margin-bottom:15px;
}
#quote h2{
	color:#1F5489;
	padding:15px 0 5px 12px;
	background:url("images/quote_top.gif") no-repeat left top;
}
#quote p {
	line-height:18px;
	font-size:11px;
	padding:3px 5px 3px 15px;
}
#quote p strong, em {
	padding:12px 5px 10px 0;
	color:#1F5489;
}
#quote em a {
	color:#1F5489;
	font-weight:normal;
	text-decoration:underline;
}
#quote em a:hover {
	color:white;
	text-decoration:none;
}
/* ------------- yelow box -------------- */
.yellow {
	background-color:#FEFAC0;
}
.yellow h2 {
	padding:15px 0 3px 10px;
}
.yellow ul {
	font-size:11px;
	padding:5px 5px 3px 30px;
	line-height:13px;
}	
.yellow ul li{
	font-weight:bold;
	color:#1F5489;
	list-style-position: outside;
	list-style-image: url(images/phonebull.gif);
}
.yellow ul li li{
	font-size:11px;
	font-weight:normal;
	list-style-position: outside;
	list-style-image: url(images/circle.gif);
}
/* ------------- foot -------------- */
#foot {
	color:#1F5489;
	text-align:center;
	padding-top:10px;
}
#foot p {
	font-size:10px;
	line-height:15px;
}
#foot a {
	color:#1F5489;
	padding:3px;
}
#foot a:hover {
	color:#fff;
	background-color:#1F5489;
	text-decoration:none;
}

/* --------- contact form ----------- */

select, input {
	font-size:11px;
}
.button {
	font-size: 11px;
	margin:3px;
	background-color:#B62213;
	color:#fff;
}
form {
 	padding:2px 0 2px 0;
 }
fieldset {
	display: block;
	float:left;
	margin: 8px 1em 1em 0;
	padding: 0 20px 0.4em 20px;
	font-weight:bold;
	font-size: 12px;
	color: #1F5489;
}

input {
	display: block;
	width: 15em;
}
textarea {
	display: block;
	width: 30em;
}

label {
	color: #000;
	display: block;
	margin-bottom: 0.25em;
	font-weight: bold;
	font-size:11px;
}
label.first {
	padding-top: 1em;
}
.vcard {
	height: auto;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding-left: 5px;
}
.vcard a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}
.vcard a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
	text-decoration: underline;
}
.adr {
	width: 153px;
	color: #06F;
	font-size: 11px;
}
.type{
	width: 153px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}
.street-address{ width: auto;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;}
.region{ width: auto;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;}
.postal-code{ width: auto;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;}
.tel{ width: auto;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;}
.email{
	width: auto;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.sm {
	font-size: 10px;
}