/********************************
ESSENTIALS
********************************/
/* generic reset */
* {margin: 0; padding: 0;}

html {
	background: #333 URL(/images/horizStrip.gif) top left repeat-y; /* inserts vertically-tiling background */
	min-height: 100%; /* ensures inclusion of vertical scroll bar */
	margin-bottom: 1px; /* ensures inclusion of vertical scroll bar */
	text-align: center; /* IE IS DUMB; centers content in IE */ 
	}

body {
	background-color: transparent;
	font-family: arial, sans-serif;
	line-height: 1.4em;
	font-size: small;
	color: #575E13;
	text-align: left; /* IE IS DUMB; overrides text-align: center property in html */
	}

/* H color, line-height */
h1, h2, h3, h4, h5 {
	color: #000;
	line-height: 100%;
	font-family: helvetica, arial, sans-serif;
	}

/* H margins */
h1, h2 {margin: 0 0 .3em 0;}
h3, h4, h5 {margin: 0 0 .2em 0; }

/* H sizes */
h1 {font-size: 155%;}
h2 {font-size: 140%;}
h3 {font-size: 130%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}

/* links */
a, a:link, a:visited, a:active, a:hover {
	text-decoration: none;
	}

a,
a:link,
a:visited {
	color: #FFF;
	}

a:active,
a:hover {
	color: #FFF;
	text-decoration:underline;
	}

/* paragraphs */
p {margin: 0 0 1em 0; /*  applies paragraph margin at bottom */ }

/* images */
img {border: none; /* removes border on all images */ }

/* lists */

.c1 li {
	margin: 0 0 0 15px;
	padding: 0;
	}

.c2 ul,
#subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	}

.c2 li,
#subnav li {
	display: block;
	margin: 0;
	padding: 0;
	}
	


ol li {margin: 0 0 0 15px; display: list-item;}

/* code */

code {font: 1.1em 'Courier New', Courier, Fixed;}

/* horizontal rules */
hr {margin: 6px 0;}

/* kill */
/* insertion of the kill class allows one to close out tables,
floated elements, etc., so that they will display properly
within the confines of the divs in which they are nested.*/
.kill {clear: both; background-color: transparent;}



/********************************
CONTAINER
********************************/
.container {}

.logo {
	position: absolute;
	top: 7px;
	right: 30px;
	}

.login {
	display: block;
	width: auto;
	text-align: right;
	padding: 6px 30px 0 0;
	font-size: 10px;
	}

.login a {
	background: transparent URL(/images/login_arrow.gif) left 50% no-repeat;
	padding: 0 0 0 12px;
	}

.login a,
.login a:link,
.login a:visited {
	color: #666;
	}

.login a:active,
.login a:hover {
	color: #FFF;
	text-decoration:none;
	}

/* this div separates the padding from the width declaration of its parent, #container*/
.container .container-pad {
    margin: 65px 30px 12px 30px; 
    background-color: transparent;
	}

.container,
.outerWrap,
.innerWrap {
	position: relative;
	top: 0;
	left: 0;
	width: 910px; /* determines overall body width */
	margin: 0; /* determines overall top and bottom margins, centers body */
	}

.outerWrap {
	/*background: #FFF  URL(/images/background.jpg) top left repeat-y;*/
	}

/********************************
HEADER
********************************/
.header {
	/*background: transparent URL(/images/header.jpg) top left no-repeat;*/
	}

.header,
.header img {
	width: 100%;
	height: 103px;
	}

/********************************
CONTENT

All styles related to the internal content
go within this section. 
********************************/
#content {
	width: auto;
	padding:  0;
	position: relative;
	}

#imageFadeContainer {
	position: relative;
	top: 0;
	left: 0;
	height: 205px;
	overflow: visible;
}

#imageFadeContainer img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.heroShot {padding: 0 0 18px 0;}

/* SIDEBAR */
.sidebar {line-height: 1.3em;}


.sidebar .sidebar-block { 
	list-style-type: none;
	display: block;
	}

.sidebar .sidebar-block ul li {
	margin: 0 0 1em 0;
	}

.sidebar a,
.sidebar a:link,
.sidebar a:visited {
	color: #008CB2;
	}

.sidebar a:active,
.sidebar a:hover {
	color: #008CB2;
	text-decoration:underline;
	}

/* sidebar H color */
.sidebar h1, 
.sidebar h2, 
.sidebar h3, 
.sidebar h4, 
.sidebar h5 {
	color: #BCCC27;
	}

.sidebar h2 {
	font-weight: normal;
	font-size: 110%;
	margin:0;
	padding:0;
	}

/********************************
FOOTER

Styles specific to the footer go here.
********************************/
#footer {

	width: 260px;
	text-align: right;
	margin: 9px 40px 10px 620px;
	padding-top:170px;
	background: transparent URL(/images/logos.jpg) 0 top no-repeat;
	font-size: 90%;
	line-height: 110%;
	}


#footer,
#footer a {color: #666;}


/********************************
WEBTOOLS

For classes used by CX webtools
********************************/

.staffFullBios_staffPhoto {margin: 0 10px 0 0;}

.page-content {margin-bottom: 12px;}

.image-gallery { margin-top: 20px;}

.image-gallery .thumb-list .thumbnail { 
	float: left;
	width: 150px !important;
	text-align: center;
	height: 100px;
	padding: 0 !important;
	margin-bottom: 10px;
	}

.image-gallery .thumb-list .thumbnail img { 
		height: 80px !important;
		width: auto !important;
		line-height: 1em !important;
		border: 3px solid #889226;
		padding: 1px;
	}

.image-gallery li { margin-left: 10px;}

.image-gallery .normal-list {float: left;}

.image-gallery .thumb-list a { 
	background-color: transparent;
	text-align: center;
	}

.image-gallery .thumb-list a.selected,
.image-gallery .thumb-list a:hover { 
	background-color:#BAD667;
	}

/********************************
CONTACT FORM
********************************/
#contact textarea {
	height: 100px;
	width: 213px;
	padding: 1px 4px;
	text-align: left;
	}
	
#questionnaire textarea {
	height:100px;
	}

#contact {
	overflow: hidden;
	text-align: left;
	}

#contact ul {
	width: 100%;
	float: left;
	}

#contact ul li ul  {float: left;}

#contact ul li ul li {
	margin: 0 0 0 6px;
	float: left;
    overflow: hidden;
	}

#contact ul li ul li.descrip {width: 180px;}

#contact li.area {
	width: 220px; 
	overflow: hidden;
	}

#contact li.area_city {
	width: 220px;
	overflow: hidden;
	}

#contact li.click {
	width: 412px;
	text-align: right;
	}

#contact li {
	width: 100%;
	float: left;
    line-height: 100%;
    margin: 0 0 3px 12px;
	}

.debug {
	border: 1px solid red;
	}

#contact li.area,
#contact li.area_city {
	text-align: left;
	}


/****************************
   QUESTIONNAIRE
***************************/

#questionnaire select {
	width: 12em;
	}

#questionnaire text {
	width: 10em;
	}

#questionnaire .radio {
	margin-left: 7px;
	}

/*****************************
    HEADERS
*****************************/
.c1 .pad h1 b em a {display: inline;}

/* IE 7 column patch */
html
body
div.home
div.outerWrap
div.innerWrap
div.container
div.container-pad
div#content
div.col2 .c2 {overflow: hidden; width: 280px;} /* fixes IE7 quirk */

div.newsletter div.article img {
	max-width: 200px;
	_width: 200px;
	height: auto;
}

#content h3 a.pdf, #content h3 a.read-more {
	color: #fff;
	margin-left: 1em;
	font-size: 70%;
}