/********************************
COLOR GUIDE
=====================
black: #000
red: #B21413

grey rules: #D2D0D1
********************************/

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

html {
	background-color: #80807E; /*  can insert vertically-tiling background if needed */
	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: #FFF;
	/* font-family: verdana, arial, sans-serif;*/
	font-family: Georgia, "Times New Roman", serif;
	line-height: 140%;
	font-size: small;
	color: #000;
	text-align: left; /* IE IS DUMB; overrides text-align: center property in html */
	}

/* H color, line-height */
h1, h2, h3, h4, h5 {
	color: #B21413;
	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: #B21413;
	}

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

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

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


/* 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 {border-top: 1px solid #D2D0D1;}

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

.outerWrap {
	position: relative; top: 0; left: 0;
	width: 1000px; /* 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;
	}
	
.innerWrap {
	padding: 8px 15px; /* controls outermost white margin */
	font-size: 90%;
	}

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

All styles related to the internal content
go within this section. 
********************************/

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

/* NEWS */
.sidebar {
	width: 200px;
	background-color: #FFDDBF;
	float: right;
	margin: 0 0 10px 10px;
	padding: 9px;
	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 {
	color: #E47712;
	}

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

/* 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: center;
	margin: 9px 0 0 0;
	clear: both;
	background: transparent URL(/images/footer.jpg) top center no-repeat;
	height: 30px;
	padding: 9px 0 0 0;
	font-size: 90%;
	border-top: 1px solid #CCC;
	font-family: arial, sans-serif;
	line-height: 110%;
	}

#footer strong {color: #000;}

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

/********************************
NAV
********************************/
#nav {
	width: 140px;
	float: left;
	padding: 0 0 9px 0;
	}

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

#nav li {
	display: block;
	}

#nav a,
#nav a:link,
#nav a:visited {
	padding: 3px 8px;
	display: block;
	color: #666;
	}

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

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

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

For classes used by CX webtools
********************************/
.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 {
	width: 733px;
	margin: 0;
	background-color: transparent;
	color: #CC0000;
	}

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

#imgNav ul {display: block;}

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

#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: 46px;
	width: 110px;
	}

/******** 01 *******/

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

/******** 02 *******/
	
		.iN02 img {background: transparent URL(/images/imgNav02.png) center center no-repeat;}
		
	/* hover */
		.iN02 a:active img,
		.iN02 a:hover img {background: transparent URL(/images/imgNav02-s.png) center center no-repeat;}
		
	/* selected */
		.iN02-s img {background: transparent URL(/images/imgNav02-s.png) center center no-repeat;}

/******** 03 *******/
	
		.iN03 img {background: transparent URL(/images/imgNav03.png) center center no-repeat;}
		
	/* hover */
		.iN03 a:active img,
		.iN03 a:hover img {background: transparent URL(/images/imgNav03-s.png) center center no-repeat;}
		
	/* selected */
		.iN03-s img {background: transparent URL(/images/imgNav03-s.png) center center no-repeat;}

/******** 04 *******/
		
		.iN04 img {background: transparent URL(/images/imgNav04.png) center center no-repeat;}
		
	/* hover */
		.iN04 a:active img,
		.iN04 a:hover img {background: transparent URL(/images/imgNav04-s.png) center center no-repeat;}
		
	/* selected */
		.iN04-s img {background: transparent URL(/images/imgNav04-s.png) center center no-repeat;}

/******** 05 *******/
	
		.iN05 img {background: transparent URL(/images/imgNav05.png) center center no-repeat;}
		
	/* hover */
		.iN05 a:active img,
		.iN05 a:hover img {background: transparent URL(/images/imgNav05-s.png) center center no-repeat;}
		
	/* selected */
		.iN05-s img {background: transparent URL(/images/imgNav05-s.png) center center no-repeat;}

/******** 06 *******/
	
		.iN06 img {background: transparent URL(/images/imgNav06.png) center center no-repeat;}
		
	/* hover */
		.iN06 a:active img,
		.iN06 a:hover img {background: transparent URL(/images/imgNav06-s.png) center center no-repeat;}
		
	/* selected */
		.iN06-s img {background: transparent URL(/images/imgNav06-s.png) 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;
	}


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

#questionnaire select {
	width: 12em;
}

#questionnaire text {
	width: 10em;
}

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



/*
     FILE ARCHIVED ON 00:25:38 Aug 18, 2007 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:52:34 May 15, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 182.971
  exclusion.robots: 0.12
  exclusion.robots.policy: 0.11
  cdx.remote: 0.083
  esindex: 0.012
  LoadShardBlock: 97.949 (3)
  PetaboxLoader3.datanode: 152.656 (4)
  CDXLines.iter: 31.92 (3)
  load_resource: 126.453
  PetaboxLoader3.resolve: 58.469
*/