/***  ©2009 graphite studio. All rights reserved.  ***/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	font-weight: normal;
	margin: 0;
	padding: 0;
	background: #7e7c72 url(../images/bg-grad.png) repeat-x top left;
	}

/*** HEADING & TAG STYLES ***/

form {
	margin: 0;
	padding: 0;
	}
input, textarea {
	}
h1,h2,h3,h4,h5, .subhead {
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
h1 {
	font-size: 120%;
	font-weight: normal;
	margin-bottom: 5px;
	}
h2 {
	font-size: 100%;
	}
h3, .subhead {
	font-size: 90%;
	margin: 5px 0;
	}
h4 {
	font-size: 80%;
	margin: 0 0 4px 0;
	}	
h5 {
	font-size: 70%;
	font-weight: normal;
	color: #777;
	}
ul, ol {
	margin: 0 0 10px 0;
	padding-left: 1.25em;
	}
th, td {
	font-size: 100%;
	margin: 0;
	padding: 0;
	}
li, p {
	font-size: 75%;
	margin: 0;
	}
p {
	padding: 0 0 10px 0;
	}
li {
	padding-bottom: 2px;
	}
span.subhead {
	display: block;
}
	
/*** LINK STYLES ***/

a:link, a:active {
	color: #1151b0;
	text-decoration: underline;
	outline: none;
	}

a:visited {
	color: #3b0d7f;
	text-decoration: underline;
	}
	
a:hover, a:active, a:focus {
	color: #0d7f56;
	text-decoration: underline;
	-moz-outline-style: none;
	}

#alert a:link, #alert a:visited {
	color: #e7ddb6;
	text-decoration: underline;
	}
	
#alert a:hover, #alert a:active {
	color: #fff;
	text-decoration: underline;
	}

a img {
	border: none;
	}

/*** SPRITE BUTTON ***/

div.outer {
	width: 120px;
	height: 22px;
	margin: 0 0 5px 0;
	font-size: 75%;
	background: url( '../images/button-blank.png' ) top left no-repeat;
	}
div.outer a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: #000;
	text-decoration: none;
	background: url( '../images/button-blank.png' ) top left no-repeat;
	}
div.outer span {
	display: block;
	margin: 0;
	padding: 2px 10px;
	}
div.outer a:hover {
	background: url( '../images/button-blank.png' ) 0 -22px no-repeat;
	color: #000;
	}
div.outer a:active {
	background: url( '../images/button-blank.png' ) 0 -44px no-repeat;
	color: #fff;
	}
	
/*** GENERAL LAYOUT ***/

#container {
    width: 960px;
    margin: 20px auto 0 auto;
    padding: 0;
    text-align: left;
    background-color: #152f4c;
	}
#leftpanel {
	float: left;
	background: #152f4c url(../images/bg-leftpanel.png) no-repeat top left;
	width: 220px;
	min-height: 600px;
	}
#logo h1 {
	display: none;
	}
#contact {
	margin: 15px 5px 0 40px;
	}
#leftpanel #contact p {
	font-size: 70%;
	color: #f8f8f8;
	}
#leftpanel #contact a:link, #leftpanel #contact a:visited {
	color: #9fd8ff;
	text-decoration: underline;
	}	
#leftpanel #contact a:hover, a:active {
	color: #cef1fe;
	text-decoration: underline;
	}
#rightpanel {
	float: left;
	width: 740px;
	min-height: 600px;
	background-color: #fff;
	}
#banner {
	position: relative;
	width: 740px;
	height: 170px;
	margin: 0;
	padding: 0;
	background: #333 url(../images/banner-bridge.jpg) no-repeat top left;
	}
#column1 {
	float: left;
	padding: 0;
	}
#home #column1 {
	width: 320px;
	margin: 20px 10px 10px 20px;
	}
#landing #column1 {
	width: 500px;
	margin: 20px;
	}
#detail #column1 {
	width: 700px;
	margin: 20px;
	}
#column1 .highlighted {
	margin: 15px 40px 15px 0;
	padding: 10px 15px;
	background-color: #e8f5e3;
	border: 1px solid #b5d5a5;
	}
#column1 img.wh-thumb {
	margin-right: 10px;
	}
#column2 {
	float: left;
	width: 180px;
	margin: 20px 10px 10px 0;
	}
#promotion {
	background: transparent url(../images/panel-green.jpg) no-repeat top left;
	margin-bottom: 10px;
	padding: 5px 10px;
	}
#information {
	background: transparent url(../images/panel-blue.jpg) no-repeat top left;
	margin-bottom: 10px;
	padding: 5px 10px;
	}
#column3 {
	float: left;
	width: 180px;
	margin: 20px 0 10px 0;
	padding: 0;
	}
#text {
	margin-bottom: 10px;
	padding: 5px 10px;
	}
#home #text {
	font-size: 100%;
	}
#detail #text {
	font-size: 100%;
	background: #fff;
	margin-bottom: 0;
	padding: 0;
	}
#landing #text {
	clear: both;
	font-size: 90%;
	margin-top: 10px;
	background: #fff url(../images/panel-grey.jpg) no-repeat top left;
	}
#footer {
	clear: both;
    width: 920px;
    margin: 0 auto 20px auto;
    padding: 0 20px;
    text-align: left;
	background-color: #d6d2ca;
	}
#footer p {
	font-size: 70%;
	color: #444444;
    padding: 8px 0;
	}

/*** NAVIGATION BUTTONS ***/

#topnav {
	clear: both;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0;
	background-color: transparent;
	text-align: left;
	color: #333;
	}
#topnav {
	}
#topnav ul {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	border: none;
	}
#topnav li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	}
#topnav li a {
	cursor: pointer;
	display: block;
	height: 24px;
	padding: 5px 12px 0 12px;
	background: #f3f3f3 url(../images/tab-norm.png) repeat-x top left;
	text-decoration: none;
	color: #333;
	width: 100%;
	}
html>body #topnav li a {
	width: auto;
	}
#topnav li a:hover {
	background: #f3f3f3 url(../images/tab-roll.png);
	}
#topnav li a.selected, #topnav li a.selected:hover {
	background-color: #fff;
	}

/*** CUSTOM FORMATTING ***/

a.file-pdf {
	display: inline;
	padding: 2px 0 0 20px;
	background: transparent url(../images/file-pdf.png) bottom left no-repeat;
	}
h3.search {
	display: block;
	vertical-align: top;
	background-repeat: no-repeat;
	padding: 5px 0 5px 30px;
	background-image: url(../images/icon-search.png);
	}
h3.hours {
	display: block;
	vertical-align: top;
	background-repeat: no-repeat;
	padding: 5px 0 5px 30px;
	background-image: url(../images/icon-hours.png);
	}
.form-row {
	clear: both;
	padding: 4px 0;
	}
.form-row .left {
	float: left;
	padding: 0 15px 0 0;
	}
ul.nobullet {
	list-style: none;
	}
.required {
	margin: 0;
	padding: 0;
	font-size: 130%;
	color: #c5292c;
}
img.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}
img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
img.full {
	width: 680px;
	margin-bottom: 10px;
	}
#detail img.right, #detail img.left, #detail img.full {
	padding: 9px;
	border: 1px solid #d6d2ca;
	}
.disclaimer {
	font-size: 70%;
	}
br.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}
hr {
	height: 2px;
	margin: 2px 0;
	padding: 0;
	color: #a4cef1;
	background-color: #a4cef1;
	border: 0px solid #a4cef1;
	}
	
	
/* ALERT STYLES */
#alert-container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}
#alert {
	position: absolute;
	top: 0;
	left: 50%;
	width: 320px;
	margin-left: 100px;
	padding: 30px 20px 10px 20px;
	background: #9d3300 url(../images/bg-alert.png) top left no-repeat;
	color: #f8f8f8;
	}

/* REPORT STYLES */

table.report {
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d6d2ca;
	}
table.report tr {
	font-size: 75%;
	}
table.report th {
	padding: 3px;
	text-align: left;
	border-top: 2px solid #555;
	background-color: #f4f4f4;
	}
table.report td {
	font-family: "Courier New",Courier, Arial,Sans-serif;
	padding: 3px;
	border-top: 1px solid #d6d2ca;
	}

/* DIV BOXES TO DIVIDE THE PAGE IN 2 COLUMNS */

div .boxleft {
	width: 330px;
	float: left;
	margin-right: 18px;
	margin-bottom: 10px;
	padding-right: 5px;
	border-right: 1px solid #d6d2ca;
	}
div .boxleftlast {
	width: 335px;
	float: left;
	margin-bottom: 10px;
	}

/* STORY FORMATTING FOR WHAT'S HAPPENING */

div.story {
	clear: both;
	margin: 10px 0;
	padding: 5px 0;
	border-top: 3px solid #9fd8ff;
	}