/* INIT
---------------------------------------------- */
body {margin: 0; text-align: center; background: #fff url("images/layout/body-bg.gif") top left repeat-x; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 16px; color: #000;}

#surround{
  background: url("images/background.jpg"); 
}


a:visited,
a:link, a:visited {color: #2f2fa4; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}

img {border: 0;}



h1, h2, h3 {margin: 0; padding: 0; font-weight: normal;}
h1 {font-size: 20px; padding: 40px 0 20px 0; color: #2f2fa4; font-weight: bold; text-transform: uppercase;}
	h1:first-child {padding-top: 10px;}
h2 {font-size: 22px; padding-top: 20px; clear: both;}

ul {list-style: square; margin-left: 16px;}
p {padding: 0 0 15px 0;}

.center {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}

.hr {border-top: 1px solid #ccc; height: 1px; margin: 40px 0 20px 0;}
.topbutton {border-bottom: 1px dotted #3c6dc9; text-transform: uppercase; font-size: 12px; text-align: right; padding-top: 10px;;}

.image-right {float: right; margin: 0px 0 10px 30px;}
.image-left {float: left; margin: 10px 20px 10px 0;}
.border {1px solid #c0c0c0; padding: 1px;}

a.download-pdf {background: url("images/layout/download-pdf-right.gif") top right no-repeat; display: inline-block; float: left !important; color: #797979; margin: 15px 0 0 0; text-decoration: none;}
a.download-pdf span {background: url("images/layout/download-pdf-left.gif") top left no-repeat; display: block; height: 31px; padding: 3px 10px 0 45px; float: left;}

a.download-pdf:hover {background-position: bottom right; color: #fff;}
a.download-pdf:hover span {background-position: bottom left;}

/* LAYOUT
---------------------------------------------- */
#container {margin: 0px auto; width: 960px; text-align: left;}
	#header {height: 152px; background: url("images/layout/header.gif") top no-repeat;}
	#nav a:visited,
	#nav a:link {display: block; float: left; line-height: 45px; border-right: 1px solid #fff; padding: 0 20px; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none;}
	#nav a:first-child {border-left: 1px solid #fff;}
	
	#nav a:hover {background: url("images/layout/nav-hover.gif") top left repeat-x;}
	
	#nav a#active-link span {background: url("images/layout/active-link.gif") bottom no-repeat; display: block;}
	
	#content { clear: both; padding: 0; color: #636363; letter-spacing: 0.03em; word-spacing: 0.03em; line-height: 1.5em;}
	#footer {text-align: center; font-size: 12px; color: #818181; clear: both; padding: 10px;}
		#footer a:visited,
		#footer a:link {color: #818181; text-decoration: underline;}
		#footer a:hover {color: #818181; text-decoration: none;}
	
	
/* PAGE SPEC
---------------------------------------------- */
form label {float: left; display: block; width: 60px; line-height: 22px;}
form .input {border: 1px solid #000; padding: 3px; margin-bottom: 3px; width: 250px;}
form textarea {margin-left: 60px; font: inherit; height: 100px;}
form .button {margin-left: 60px; border: 1px solid #000; width: 258px}

.phone {padding-left: 20px; background: url("images/icons/phone.gif") top left no-repeat;}
.email {padding-left: 20px; background: url("images/icons/email.gif") top left no-repeat;}
.map {padding-left: 20px; background: url("images/icons/map.gif") top left no-repeat;}

.contact-map {float: right;}

.buttonlist .download-pdf {clear: both;}

.section {border-top: 1px solid #b2b2b2; clear: both;}
	.section:first-child {border-top: none;}
	.section-left {width: 300px; float: left; padding: 20px 0; }
		.section-left .download-pdf {margin: 20px 0 0 0px; clear: both;}
	.section-right {width: 600px; float: right; padding: 20px;}
	
.threecol {width: 33%; float: left;}

.mceContentBody { background-image: none; background-color: White; color: Black; } /*SnippetMaster editor bg color*/