
/* Martin, Kentucky Redevelopment Plan CSS Document */

/* RESET */

html, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: none;
}

caption, th {
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
}

body {
	font: normal small/1.4em Arial, sans-serif;
	color: #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0;
	padding: 0;
	background-image:url(/images/grfx_body_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFF;
}

/* UNIVERSAL ELEMENTS */

#pageWrapper {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 960px;
	margin-bottom: 13px;
}

/* Header */

#headerContainer {
	width: 960px;
	height: 228px;
	background-image:url(/images/grfx_header_bg.gif);
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	font-size: 90%;
}

#headerContainer a {
	font-size: 90%;
	color:#000;
}

#headerContainer a:hover {
	color:#750f54;
}

#martinText {
	float: left;
	padding: 32px 0px 0px 0px;
}

#headerQuestionOne {
	text-align: right;
	padding: 12px 0px 0px 0px;
}

#headerQuestionTwo {
	text-align: right;
	padding: 8px 115px 0px 0px;
}

#globalNav {
	text-align: right;
	padding: 147px 0px 0px 0px;
	color: #97a362;
}

/* Footer */

#footer {
	width: 100%;
	margin: 0px auto;
	padding: 13px 0px 20px 0px;
	font-size: 85%;
	text-align: center;
	background-color:#750f54;
	float: left;
	height: 120px;
	color:#c294b2;
}

table.footerLogos { margin: 0px auto;  }

/* HOME PAGE*/

#homeContentContainer {
	margin: 20px 0px 0px 0px;
	float: left;
	width: 960px;
	background-color:#FFF;
	background-image: url(/images/grfx_home_content_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
}

#homeLeft {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	float: left;
	width: 235px;
	border-right: 1px #ccd896 solid;
	text-align:center;
}

#homeCenter {
	margin: 0px;
	padding: 0px 25px 250px 20px;
	float: left;
	width: 360px;
	background-image:url(/images/grfx_home_center_bg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	
}

#homeRight {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	float: right;
	width: 275px;
	border-left: 1px #ccd896 solid;
}

.homeCorps {
	background-image:url(/images/grfx_home_corps.jpg);
	background-repeat:no-repeat;
	padding: 213px 16px 20px 16px;
	margin: 22px 0px 0px 0px;
	background-color:#edf8f4;
	border: 1px #d5e9e2 solid;
}

.homeCorps p {
	font-size: 85%;
	padding: 0px 0px 3px 0px;
	line-height: 1.35em;
	text-align:left;
}

.homeProjectStatus {
	background-image:url(/images/grfx_project_status_bg.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding: 35px 20px 20px 20px;
	background-color:#e9f5f1;
	border: 1px #d5e9e2 solid;
	margin: 0px 0px 20px 0px;
}

.homeProjectStatus ul {
	margin: 0;
	padding: 0;
}

.homeProjectStatus li {
	margin: 0;
	font-size: 85%;
	padding: 8px 0px 8px 0px;
	line-height: 1.45em;
	border-bottom: 1px dotted #a2c7ba;
	
}

p.quote {
	font-size: 85%;
	padding: 8px 0px 10px 0px;
	line-height: 1.35em;
	border-bottom: 1px #b9c583 dotted;
}

/* CONTENT PAGES */

#contentContainer {
	margin: 0px;
	padding: 0px 0px 40px 0px;
	float: left;
	width: 960px;
	background-image:url(/images/grfx_home_center_bg.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
}

#contentLeft {
	margin: 0px;
	padding: 5px 0px 0px 24px;
	float: left;
	width: 175px;
}

#contentRight {
	margin: 0px;
	padding: 40px 0px 0px 0px;
	float: right;
	width: 735px;
}

#textWrapper {
	margin: 0px;
	padding: 0px 30px 0px 30px;
}

/* PRIMARY NAVIGATION */

#primNavWrapper {
	width: 960px;
	height: 28px;
	z-index: 2;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
}

ul#primNav {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#primNav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#primNav li a {
	color: #000;
	font-weight:bold;
	border-right: 1px #ccd896 solid;
	padding: 3px 14px 3px 14px;
}

#primNav li a:hover {
	color: #750f54;
	font-weight:bold;
}

#primNav li a.firstItem {
	border-left: 1px #ccd896 solid;
}

/* MEGA MENUS - Secondary nav */
ul#primNav li.mega div {
	display: none;
	position: absolute;
	background-color: #f4faf8;
	opacity: 0.95;
	filter: alpha(opacity=95);
	z-index: 20;
}

/* Fix inherited parent anchor styles */
ul#primNav li.mega div a {
	font-weight: normal;
	background: 0 !important;
	float: none !important;
	height: auto !important;
	width: auto !important;
}

ul#primNav li.hovering div {
	display: block;
}

ul#primNav li.mega div ul {
	list-style: none;
	margin: 10px 25px 10px 25px;
	padding: 0;
}

ul#primNav li.mega div ul li {
	height: auto;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 0px;
	border: 0;
	float: none;
	border-bottom: 1px dotted #a2c7ba;
	font-weight: normal;
	line-height:1.60em;
}

ul#primNav li.mega div ul li.noBorder {
	border-bottom: none;
}

ul#primNav li.mega div a {
	text-decoration: none;
	font-weight:bold;
	border:none;
	padding: 10px 0px 10px 2px !important;
}

ul#primNav li.mega div a:hover {
	text-decoration: none;
}

body.P1 #primNav li#A a.top, body.P2 #primNav li#B a.top, body.P3 #primNav li#C a.top, 
body.P4 #primNav li#D a.top, body.P5 #primNav li#E a.top, body.P6 #primNav li#F a.top, body.P7 #primNav li#G a.top {
	color: #750f54;
}

/* SECONDARY NAVIGATION */

#secNavWrapper {
	float: right;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#secNavWrapper ul {
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
}

#secNavWrapper li {
	padding: 7px 3px 7px 3px;
	font-size:85%;
	border-bottom: 1px dotted #ccd896;
	line-height: 1.35em;
}

body.S1 #secNavWrapper li#SA a, body.S2 #secNavWrapper li#SB a, body.S3 #secNavWrapper li#SC a, body.S4 #secNavWrapper li#SD a, body.S5 #secNavWrapper li#SE a, body.S6 #secNavWrapper li#SF a, body.S7 #secNavWrapper li#SG a {
	color: #750f54;
	background-image:url(/images/grfx_active_arrow.png);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 10px;
}

/* LINKS */

a:link {
	color: #d87923;
	text-decoration: none;
	font-weight:bold;
}

a:visited {
	color: #d87923;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	color: #995213;
	text-decoration: none;
}

a {
	text-decoration: none;
}

a.selected {				    
	color: #995213;
}

.boldLinks a {
	font-weight:bold;
}

/* LISTS */

ul {
	margin: 0px 0px 0px 15px;
	padding: 0;
	list-style: none;
	line-height: 1.65em;
}

li {
	margin: 0;
	padding: 0;
	font-size: 90%;
}

ul.bulletList {
	margin: 15px 40px 15px 15px;
	padding: 0;
	list-style: none;
	line-height: 1.65em;
}

ul.bulletList li {
	background-image: url(/images/bullet.gif);
	background-position: top left;
	background-repeat:no-repeat;
	padding: 0px 0px 8px 35px;
}

ul.bulletList li ul { margin-top:15px; }

ul.bulletList li li {
	font-size: 100%;
	background-image: url(/images/bullet2.gif);
	background-position: top left;
	background-repeat:no-repeat;
	padding: 0px 0px 8px 35px;
}

ol {
	margin: 0px 0px 0px 40px;
	padding: 0;
	line-height: 1.45em;
	color: #393;
}

ol li {
	margin: 0;
	padding: 0;
}

ol li p { color: #000;
font-size:100%;
 }


/* GENERAL DESIGN STYLES */

.purple {
	color:#740f53;
}

/* TEXT */

p {
	font-size: 90%;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

p.posted {
	font-size: 90%;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

p.answer {
	padding-left: 75px;

}



h1 {
	font: normal 170%/1.25em Arial, Verdana, serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	color: #313131;
}

h2 {
	font: normal 155%/1.25em Arial, Verdana, serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 15px 0px;
	color: #59936b;
}


h3 {
	font: normal 125%/1.25em Arial, Verdana, serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 15px 0px;
	color: #740f53;
}

h3.divider { border-top: 1px dotted #ccd896; margin-top: 25px; }

h3.phased {
	padding: 0px 0px 5px 0px;
}

h4 {
	font: bold 90%/1.25em Arial, Verdana, serif;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 15px 0px;
	color: #000;
}

/* TABLES */

table.visions {
	font: normal 85%/1.15em Arial, Verdana, serif;
	margin: 0px 0px 0px 0px;
}

table.visions td {
	padding: 10px 5px 10px 10px;;
}

table.visions tr {
	border-bottom: 1px #ccd896 dotted;
}

table.taskForce {
	font-size: 90%;
	margin: 0px 0px 0px 0px;
}

table.taskForce td {
	padding: 8px 6px 8px 6px;
}

table.taskForce td.spacer {
	padding: 0px;
}

.oddRow {
	background-color:#eef9f6;
}

table.teamWork {
	margin: 0px 0px 0px 0px;
}

table.teamWork td {
	padding: 8px 6px 15px 6px;
}

table.teamWork tr {
	border-bottom: 1px dotted #ccd896;
}

table.mapSegments {
	font-size: 90%;
	margin: 10px 0px 85px 0px;
}

table.mapSegments td {
	padding: 3px;
}

table.caseStudies {
	font-size: 90%;
	margin: 20px 0px 0px 0px;
}

table.caseStudies td {
	padding: 3px 3px 3px 0px;
}

table.events {
	font-size: 90%;
	margin: 5px 0px 250px 0px;
}

table.events td {
	padding: 3px;
}

table.guidelines {
	font-size: 90%;
	margin: 10px 0px 85px 0px;
}

table.guidelines td {
	padding: 3px;
}


/* MISC. CONTENT STYLES */

.floodSim, .embeddedVideo { float: right; padding: 0px 0px 0px 0px; margin: 15px 0px 0px 35px; }

.imageRight { float: right; padding: 0px 0px 0px 0px; margin: 15px 0px 20px 35px; }

.photoSimPhased { float: right; padding: 4px 4px 0px 4px; margin: 10px 0px 0px 35px; background-color:#edf8f4; border: 1px #bad6cc solid;  color: #95bbad; font-size:90%; text-align:center; }

.phaseFourSim { float: right; padding: 0px 0px 0px 0px; margin: 15px 0px 15px 35px; }

/* Feedback form */
input {											
	font: normal small/1.4em Arial, sans-serif;
}

textarea {											    
	font: normal small/1.4em Arial, sans-serif;
}
.required	{
	color: #CC0000;
}
.button {

	background-color: #ffffff;
	font-weight: bold;
	color:#995213;
	padding: 5px 15px 5px 15px;
	margin: 0px;
	border: 1px solid #995213;
}  

.buttonReset {
	background-color: #ffffff;
	font-weight: bold;
	color:#59936b;
	padding: 5px 15px 5px 15px;
	margin: 0px;
	border: 1px solid #59936b;
}

.button:hover,
.buttonReset:hover
{			  
	cursor: pointer; 
	font-weight:bold;		   
	color: #77a66f;
}

/* qtip */
.qTip2
{
    font-size: 85%;
    line-height: 1.35em;
    text-align: left;	
}
.qTipContent
{
	font-size: 110%;
	color:#000;
	display: none;
	padding: 15px;
	line-height: 1.45em;
}

/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: 2.0.0pre
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sat Feb 5 23:01:27 2011 +0000
*/

/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid
{
	display: block;
	visibility: hidden;
	position: static !important;
	float: left !important;
	max-width: none !important;
	min-width: 0px !important;
	max-height: none !important;
	min-height: 0px !important;
}

.ui-tooltip, .qtip, .ui-tooltip-hidden
{
	position: absolute;
	left: -31000px;
	top: -31000px;
	display: block;
	max-width: 400px;
	min-width: 250px;
	font-size: 11px;
	line-height: 12.5px;
}

.ui-tooltip-content
{
	position: relative;
	padding: 15px 9px;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	text-align: left;
	word-wrap: break-word;
	overflow: hidden;
}

.ui-tooltip-titlebar
{
	position: relative;
	min-height: 14px;
	padding: 10px 35px 5px 10px;
	overflow: hidden;
	border-width: 1px 1px 0;
	border-style: solid;
	font-weight: bold;
}

.ui-tooltip-titlebar + .ui-tooltip-content
{
	border-top-width: 0px !important;
}

/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default
{
	position: absolute;
	right: 4px;
	top: 50%;
	margin-top: -9px;
	cursor: pointer;
	outline: medium none;
	border-width: 1px;
	border-style: solid;
}

* html .ui-tooltip-titlebar .ui-state-default
{
	top: 16px;
}

.ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon
{
	display: block;
	text-indent: -1000em;
}

.ui-tooltip-icon, .ui-tooltip-icon .ui-icon
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.ui-tooltip-icon .ui-icon
{
	width: 18px;
	height: 14px;
	text-align: center;
	text-indent: 0;
	font: normal bold 10px/13px Tahoma,sans-serif;
	color: inherit;
	background: transparent none no-repeat -100em -100em;
}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus
{
}


/*! Default tooltip style */
.ui-tooltip-titlebar, .ui-tooltip-content
{
	border-color: #cdd894;
	background-color: #FFFFFF;
	color: #555;
}

.ui-tooltip-titlebar
{
	background-color: #FFFFFF;
}

.ui-tooltip-titlebar .ui-tooltip-icon
{
	border-color: #CCC;
	background: #F1F1F1;
	color: #777;
}

.ui-tooltip-titlebar .ui-state-hover
{
	border-color: #AAA;
	color: #111;
}
	 
.ui-tooltip .ui-tooltip-tip
{
	position: absolute;
	margin: 0 auto;
	overflow: hidden;
	background: transparent !important;
	border: 0px dashed transparent !important;
	z-index: 10;
}

.ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip *
{
	line-height: 0.1px !important;
	font-size: 0.1px !important;
	color: #123456;
	background: transparent;
	border: 0px dashed transparent;
}

#qtip-overlay
{
	position: absolute;
	left: -10000em;
	top: -10000em;
	background-color: black;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow
{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

.ui-tooltip-shadow .ui-tooltip-titlebar, .ui-tooltip-shadow .ui-tooltip-content
{
	filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";
}


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded, .ui-tooltip-rounded .ui-tooltip-content, .ui-tooltip-tipsy, .ui-tooltip-tipsy .ui-tooltip-content, .ui-tooltip-youtube, .ui-tooltip-youtube .ui-tooltip-content
{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-titlebar
{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content
{
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools
{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}
/* IE Specific */
.ui-tooltip-jtools .ui-tooltip-titlebar
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}

.ui-tooltip-jtools .ui-tooltip-content
{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}

.ui-tooltip-jtools .ui-tooltip-titlebar, .ui-tooltip-jtools .ui-tooltip-content
{
	background: transparent;
	color: white;
	border: 0 dashed transparent;
}

.ui-tooltip-jtools .ui-tooltip-icon
{
	border-color: #555;
}

.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover
{
	border-color: #333;
}

/* Tipped style */
.ui-tooltip-tipped
{
}

.ui-tooltip-tipped .ui-tooltip-titlebar, .ui-tooltip-tipped .ui-tooltip-content
{
	border: 3px solid #959FA9;
}

.ui-tooltip-tipped .ui-tooltip-titlebar
{
	background: #3A79B8;
	background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	color: white;
	font-weight: normal;
	font-family: serif;
	border-bottom-width: 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.ui-tooltip-tipped .ui-tooltip-content
{
	background-color: #F9F9F9;
	color: #454545;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

.ui-tooltip-tipped .ui-tooltip-icon
{
	border: 2px solid #285589;
	background: #285589;
}

.ui-tooltip-tipped .ui-tooltip-icon .ui-icon
{
	background-color: #FBFBFB;
	color: #555;
}
