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

html {
	background-color: #FFF;
	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: #FFF;
	font-family: verdana, arial, sans-serif;
	line-height: 140%;
	font-size: x-small;
	color: #3F3F3F;
	text-align: left; /*  IE IS DUMB; overrides text-align:center property in html */
}

/* H color, line-height */
h1, h2, h3, h4, h5 {
color: #615F5F;
line-height: 100%;
}

/* 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: #D7006C;
}

a:active,
a:hover {
	color: #D7006C;
	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 */
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

li {
	display: block;
	margin: 0;
	padding: 0;
}

/* 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 {}

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

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

.outerWrap {
	background-color: #FFF;
	margin-top: 12px;
}

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

.header,
.header img {
	width: 210px;
	height: 112px;
}

/********************************
DESIGN GUIDE / CSS INDEX
********************************/
/*.DGborder * {
	border: 1px solid #FFF;
	padding: 3px;
}

.DGborder *:hover {
	border: 1px solid #CC0000;
} */


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

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

#imageContainer {
	position: relative;
	top: 0;
	left: 0;
	height: 1px;
	overflow: visible;
}

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

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

/* NEWS */
.sidebar {
	float: right;
	margin: 0 0 10px 10px;
	min-height: 110px;
	}

.colWrap .sidebar {
	width: auto;
	float: none;
	margin: 0;
	}

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

.sidebar a,
.sidebar a:link,
.sidebar a:visited {
	}

.sidebar a:active,
.sidebar a:hover {
	}

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

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

Styles specific to the footer go here.
********************************/
#footer {
	width: 100%;
	text-align: left;
	margin: 9px 0 30px 0;
	clear: both;
	background: transparent URL(/images/dots.gif) top left repeat-x;
	height: 30px;
	padding: 20px 0 0 0;
	text-transform: uppercase;
	font-size: 90%;
	}

#footer img {float: left; margin: -4px 12px 0 0;}

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

/********************************
NAV
********************************/

.navWrapper {	
	position: absolute;
	top: -29px;
	left: 0;
	background: transparent URL(/images/dots.gif) 0 22px repeat-x;
	height: 30px;
	display: block;
	width: 100%;
	overflow: visible;
	}

.nav {
	text-transform: uppercase;
	width: 532px;
	float: left;
	padding: 0 0 9px 0;
	background-color: #B5B9B3;
	display: block;
	font-weight: bold;
	height: 9px;
	overflow: hidden;
	font-size: 90%;
	}

.nav ul {
	background-color: #F2F2F2;
	padding: 0;
	display: block;
	}

.nav li {
	display: block;
	width: auto;
	float: left;
	}

.nav a,
.nav a:link,
.nav a:visited {
	padding: 2px 12px;
	display: block;
	color: #FFF;
	}

.nav a:active,
.nav a:hover {
	text-decoration: none;
	color: #999;
	background-color: #CECECE;
	}

.nav .selected {
    background-color: #dddddd;
	}

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

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

#imageContainer img {
	display: none;
}

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

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

.image-gallery .thumbnail-list { 
  float: right;
  width: 100px;
}

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

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

.image-gallery .thumbnail-list a { 
  display: block;
  background-color: transparent;
  text-align: center;
  padding: 3px 2px 0px 2px;
}

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

/********************************
IMGNAV

All CSS/HTML image replacement technique.
PNGs can be used for all browsers except IE,
which DOES NOT handle PNGs correctly.
Use .gif images for IE  as override in IE-lt-7.css
********************************/
#imgNav {
	position: absolute;
	top: -90px;
	right: 0;	
	width: 265px;
	background-color: transparent;
	color: #CC0000;
	}

#imgNav .padding {
	padding: 10px 20px 10px 0;
	}

#imgNav ul {display: block;}

#imgNav li {
	margin: 0 3px 0 0;
	padding: 0;
	display: block;
	border: none;
	overflow: visible;
	float: left;
	}

#imgNav li {
	font-weight: normal;
	text-transform: none;
	}

#imgNav a,
#imgNav a:link,
#imgNav a:visited {
	color: #CC0000;
	}

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

#imgNav li img {
	height: 79px;
	width: 64px;
	}

/******** imgNav 01 *******/

.imgNav01 img {
background: transparent URL(/images/imgNav01.gif) center center no-repeat;
}

.imgNav01 a:active img,
.imgNav01 a:hover img {
background: transparent URL(/images/imgNav01-s.gif) center center no-repeat;
}

.imgNav01-s img {
background: transparent URL(/images/imgNav01-s.gif) center center no-repeat;
}

/******** imgNav 02 *******/

.imgNav02 img {
background: transparent URL(/images/imgNav02.gif) center center no-repeat;
}

.imgNav02 a:active img,
.imgNav02 a:hover img {
background: transparent URL(/images/imgNav02-s.gif) center center no-repeat;
}

.imgNav02-s img {
background: transparent URL(/images/imgNav02-s.gif) center center no-repeat;
}

/******** imgNav 03 *******/

.imgNav03 img {
background: transparent URL(/images/imgNav03.gif) center center no-repeat;
}

.imgNav03 a:active img,
.imgNav03 a:hover img {
background: transparent URL(/images/imgNav03-s.gif) center center no-repeat;
}

.imgNav03-s img {
background: transparent URL(/images/imgNav03-s.gif) center center no-repeat;
}

/******** imgNav 04 *******/

#imgNav li.imgNav04 {margin: 0;}

.imgNav04 img {
background: transparent URL(/images/imgNav04.gif) center center no-repeat;
}

.imgNav04 a:active img,
.imgNav04 a:hover img {
background: transparent URL(/images/imgNav04-s.gif) center center no-repeat;
}

.imgNav04-s img {
background: transparent URL(/images/imgNav04-s.gif) center center no-repeat;
}


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

#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;
	}