@charset "UTF-8";
body {
	margin: 0px;
	background: #FAF9FA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
img {border: none;}
/* ---------- GENERAL LAYOUT ---------- */
#wrapper-masthead, #wrapper-photobar-home, #wrapper-photobar, #wrapper-footer, #wrapper-copyright {
	margin: 0px auto;
	width: 932px;
}
#wrapper-content {
	margin: 0px auto;
	width: 912px;
	padding: 0px 11px 0px 33px;
	background: url(../images/bg-content-top.jpg) no-repeat center top;
}
#wrapper-content-in {
	margin: 0px auto;
	width: 912px;
	padding: 0px 11px 0px 33px;
	background: url(../images/bg-content-top-in.jpg) no-repeat center top;
}
/* ---------- MASTHEAD ---------- */
#bg-masthead {background: #333 url(../images/bg-masthead.gif) repeat-x;}
#wrapper-masthead {height: 95px; padding: 0px;}
#logo {
	width: 194px;
	height: 80px;
	margin: 11px 0px 0px 11px;
	float: left;
}
#utils {float: right; padding-top: 9px; font-size: 11px; line-height: 13px;}
#utils a {color: #FFF; text-decoration: none; margin-left: 20px;}
#utils a:hover {color: #ED7A00;}

/* ---------- SEARCH BOX ---------- */
#searchbox {float: right; clear: right; padding-top: 14px; height: 20px; overflow: hidden;}
#searchbox label {float: left; color: #EC7900; font-size: 15px; font-weight: bold; margin-right: 6px;}
#searchbox input {float: left; background-color: #5C5C5C; border: none; padding: 3px; margin: 0px; color: #FFF;}
#searchbox button {float: left; background-color: #4A4A4A; border: none; color: #FFF; padding: 2px 0px; margin: 0px; cursor: pointer;}
#searchbox button:hover {background-color: #ED7A00;}

/* ---------- PHOTOBAR ---------- */
#bg-photobar-home {background: url(../images/water-tile.jpg) repeat-x center top;}
#bg-photobar {background: url(../images/water-tile-in.jpg) repeat-x center top;}
#wrapper-photobar-home {height: 272px; padding-bottom: 5px;}
#wrapper-photobar {height: 152px; padding-bottom: 5px;}

/* ---------- CONTENT ---------- */
#bg-content-tile-x {background: url(../images/bg-content-tile-x.jpg) repeat-x center top;}
#bg-content-tile-y {
	background: url(../images/bg-content-tile-y.jpg) repeat-y center top;
	margin: 0px auto;
	width: 956px;
}
#bg-content-tile-y-in {
	background: url(../images/bg-content-tile-y-in.jpg) repeat-y center top;
	margin: 0px auto;
	width: 956px;
}
#bg-content {background: #E7E7E7 url(../images/bg-content.jpg) no-repeat center top;}

#home-content {
	width: 466px;
	float: left;
	padding-top: 24px;
}
#content {
	width: 681px;
	float: left;
	padding-top: 24px;
	padding-bottom:30px;
}
/* ---------- CALLOUTS (IE. RIGHT COLUMN BOXES) ---------- */
#home-callouts {
	width: 427px;
	float: right;
}
#inside-callouts {
	width: 212px;
	float: right;
}
#callout-column1 {
	float: left;
	width: 212px;
}
#callout-column2 {
	float: right;
	width: 212px;
}
#home-callouts h1, #inside-callouts h1 {
	background: url(../images/callout-h1.jpg) no-repeat;
	height: 15px;
	width: 186px;
	margin: 0px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	padding: 8px 13px;
	font-weight: normal;
	color: #FFF;
}
#home-callouts h1 em, #inside-callouts h1 em {color: #EB7900; font-weight: bold; font-style: normal;}
.callout-box {
	background: url(../images/callout-box-bg.gif) repeat-y;
	width: 200px;
	margin: 5px 6px;
}
.callout-box-top {
	background: url(../images/callout-box-top.gif) no-repeat center top;
	height: 6px;
}
.callout-content {
	background: url(../images/callout-box-bottom.jpg) no-repeat center bottom;
	padding: 4px 6px 0px;
	height:1%;
}

.callout-content a {
	color: #004B46;
	text-decoration: none;
}

.callout-content a:hover {
	color: #ED7A00;
	text-decoration: none;
}
.callout-button {
	float: right;
	background: url(../images/button-bg.jpg) no-repeat right bottom;
	height: 27px;
	padding-right: 15px;
	width: 80px;
	margin: 0px;
}
.callout-button a {
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	line-height: 11px;
	height: 11px;
	padding: 9px 0px 7px 15px;
	font-weight: bold;
	background: url(../images/button-bg-left.jpg) no-repeat left top;
	display: block;
}
.callout-nobutton, .callout-nobutton a {
	background: none;
}
.callout-button a:hover {color: #191919;}

#callout-navigation ul li{
	list-style-type: none;
	margin:0;
	padding: 0 0 7px;
}

#home-callouts .callout-box h1, #inside-callouts .callout-box h1 {
	background: none;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	padding: 0px;
	color: #000;
	height: auto;
}
#home-callouts .callout-box h2, #inside-callouts .callout-box h2 {
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
#home-callouts .callout-box p, #inside-callouts .callout-box p {margin: 0px 0px 5px;}
#home-callouts .callout-box ul, #inside-callouts .callout-box ul {margin-left: 5px; padding-left: 5px;}
#home-callouts .callout-box li, #inside-callouts .callout-box li {margin-left: 5px; padding-left: 5px;}

/* ---------- FOOTER ---------- */
#bg-footer {
	background-color: #2E2E2E;
	color: #FFF;
	border-top: 1px solid #ED7A00;
}
#wrapper-footer {padding: 18px 0px;}

	/* ---------- FOOTER-SITEMAP ---------- */
	#sitemap, #sitemap ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	#sitemap a {text-decoration: none;}
	
	/* --- SITEMAP TOP LEVEL NAV --- */
	#sitemap li {font-size: 12px; float: left;}
	#sitemap li a {color: #FFF; padding: 0px 20px 5px 0px; margin-bottom: 5px; border-bottom: 1px solid #474747; display: block;}
	#sitemap li a:hover {color: #ED7A00;}
	/* --- SITEMAP SECOND LEVEL NAV --- */
	#sitemap li li {font-size: 11px; float: none;}
	#sitemap li li a {color: #707071; padding: 0px 20px 0px 0px; margin-bottom: 0px; border-bottom: none;}
	#sitemap li li a:hover {color: #ED7A00;}
	
/* ---------- MAILING LIST BOX ---------- */
#maillist-box {
	background-color: #434343;
	width: 179px;
	float: right;
	background-image: url(../images/maillist-icon.gif);
	background-repeat: no-repeat;
	background-position: 8px 11px;
	padding: 4px 4px 4px 49px;
	float: right; 
	clear: right;
}
#maillist-box label {color: #EC7900; font-size: 12px; font-weight: bold; margin-right: 6px; display: block; text-transform: uppercase;}
#maillist-box input {float: left; background-color: #363636; border: none; padding: 3px; margin: 0px; color: #FFF;}
#maillist-box button {float: left; background-color: #2B2B2B; border: none; color: #FFF; padding: 2px 0px; margin: 0px; cursor: pointer;}
#maillist-box button:hover {background-color: #ED7A00;}

#maillist-box {
	display:none;
}

/* ---------- COPYRIGHT ---------- */
#bg-copyright {
	background-color: #191919;
	color: #CCC;
	padding: 7px 0px;
}
#copy-logos {float: left;}
#copy-txt {float: right; margin: 12px 0px 11px;}

/* ---------- KEEP AT END OF CSS ---------- */
.clear {clear: both;}
div.clear {clear: both; height: 0px; margin: 0px; padding: 0px; line-height: 0px; overflow: hidden;}
