﻿/*--------------------------------------------------
FileName: kdssite.css
Author: Megan Coakley Day - MCDay Consulting (MCDC)
Description: General site styles, ordered mostly by page layout
--------------------------------------------------*/
/*--------------------------------------------------
Main Red:
Main Blue:
Background Solid: #F6EFD3;
Red/Maroon: #8A051F;
Blue Header/Links: #34434E;
Dark Blue: #002E65
--------------------------------------------------*/

@import url("initial.css");
@import url("displaybox.css");

/**** Body & Wrapper settings ****/
body
{
	height: 100%;
	margin: 0 30px 0 30px;
	padding:0;
	font-size:62.5%;
	background-image: url(..//images/background.jpg);
	background-repeat: repeat;
	background-position: left;
}
#wrapper, #wrapperexpand
{
	margin: 0 auto 0 auto;
	min-height: 100%;
	font-size: 1.4em;
}
#wrapper
{
	width: 1200px;
}
#wrapperexpand
{
	width: 100%;
	min-width: 1100px;
}
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.underline
{
	text-decoration: underline;
	color: #215C73;
}
.stdlink
{
	font-family: Arial;
	font-size: 1em;
	text-decoration: none;
	color: #215C73;
}
.stdlink:hover
{
	border-bottom: dotted 1px #215C73;
}
/****FOOTER: BEGIN****/
#footer
{
	padding: 15px 0px 5px 15px;
	width: 100%;
	clear:both;
	font-family: Arial;
	font-size: .85em;
	color:#5E050F;
	text-align: left;
}
#copyright
{
	float: left;
	color:#878787;
	margin-right: 40px;
}
#footernavigation ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footernavigation li
{
	float: left;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #5E050F;
}
#footernavigation ul a
{
	text-decoration: none;
	color:#5E050F;
}
#footernavigation ul a:hover
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5E050F;
}
#footertagline
{
	font-weight: bold;
	float: left;
	padding: 0px 5px 0px 5px;
	color: #000000;
}
/****FOOTER: END****/

/****HEADER MENU: BEGIN -- generally consistent****/
#headermenu
{
	width: 100%;
	height: 33px;
	font-family: Arial bold, Sans-Serif;
	font-size: 13px; /*.95em;*/
    text-transform: uppercase;
    color: #F3F3CF;
	text-align: left;
}
	#headermenu a
	{
		font-family: Arial bold, Sans-Serif;
		background-color: #5D0A12;
		color: #F3F3CF;
	}
	#headermenu a:hover
	{
		font-family: Arial bold, Sans-Serif;
		color: #FFF;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #FFF;
	}
	#headermenu a:active
	{
		font-family: Arial bold, Sans-Serif;
		color: #F49B3F;
	}
.headermenuitemfirstcontainermain, .headermenuitemfirstcontainerstd
{
	float: left;
	width: 220px;
	/*height: 50;*/
	text-align: right;
}
.headermenuitemclientlogin
{
	float: right;
	height: 21px;
}
.headermenulink
{
	float: left;
	padding: 3px 20px 3px 20px;
	text-align: center;
	background-color: #5D0A12;
}
.headermenulinklarge
{
	float: left;
	height: 24px;
	width: 200px;
	padding: 3px 0 3px 0;
	font-size: 16px; /*1.3em;*/
	text-align: center;
	background-color: #5D0A12;
}
.headermenuleftcornersmall
{
	float: left; 
	width: 5px; 
	height: 21px;
	vertical-align: top;
	background: url(..//images/nav-buttons/nav-corner-5x21-left.png) no-repeat;
}
.headermenurightcornersmall
{
	float: left; 
	width: 5px; 
	height: 21px;
	vertical-align: top;
	background: url(..//images/nav-buttons/nav-corner-5x21-right.png) no-repeat;
}
.headermenuleftcornerlarge
{
	float: left; 
	width: 5px; 
	height: 30px;
	vertical-align: top;
	background: url(..//images/nav-buttons/nav-corner-5x30-left.png) no-repeat;
}
.headermenurightcornerlarge
{
	float: left; 
	width: 5px; 
	height: 30px;
	vertical-align: top;
	background: url(..//images/nav-buttons/nav-corner-5x30-right.png) no-repeat;
}
.headermenudividersmall
{
	float: left; 
	width: 5px; 
	height: 22px;
	vertical-align: top;
	background: #5D0A12 url(..//images/nav-buttons/nav-divider-5x21.png) no-repeat;
}
.headermenudividerlarge
{
	float: left; 
	width: 5px; 
	height: 30px;
	vertical-align: top;
	background: #5D0A12 url(..//images/nav-buttons/nav-divider-5x21.png) no-repeat;
}
.headermenuitemimg
{
	float: left;
	vertical-align: top;
}
/****HEADER MENU: END****/


/****LEFT COLUMN - Section: BEGIN****/
/****LEFT COLUMN - Section: END****/

/****TOP ROW: for Main, Section & Process****/
#rowtopmain	/** top row different for main page **/
{
	width: 100%;
	text-align: left;
	height: 72px;
}
#rowtop
{
	width: 100%;
	height: 175px;
	text-align: left;
}
	#leftlogo
	{
		float: left;
		width: 220px;
		text-align: center;
	}

	#rowtoptitle, #rowtoptitlesmall
	{
		float: left;
		position: relative;
		top: 0px;
		left: 0px;
	}
	#rowtoptitle
	{
		width: 690px;
		height: 170px;
		text-align: right;
	}
	#rowtoptitlesmall
	{
		width: 100%;
		padding-left: 220px;
	}
/** Menu buttons on main page **/
#menubuttons
{
	float: left;
}
	#menubuttons span
	{
		float: left;
		height: 71px;
		width: 200px;
		font-family: Georgia;
		font-size: 1em;
		text-transform: uppercase;
		color: #092437;
		text-align: center;
		line-height: 71px;
		cursor: pointer;
	}
	#menubuttons span em
	{
		font-size: 1.55em;
		font-style: normal;
	}
#btnOurProcess
{
	background-image: url(..//images/our-process-button.jpg);
}
#btnOurSolutions
{
	background-image: url(..//images/our-solutions-button.jpg);
}
#rowtopimage
{
	float: right;
	vertical-align: bottom;
}
.processmenudefault, .processmenuselected
{
	/*width: 100%;*/
	/*height: 25px;*/
	font-family: Georgia;
	font-size: 1.1em;
	text-transform: uppercase;
}
#processmenu
{
	min-width: 300px;
/*	color: #888888;*/
}
.processmenudefault
{
	color: #888888;
}
.processmenuselected
{
	color: #092437;
}
#sitemappath
{
	float: left;
	padding-left: 10px;
	margin-bottom: 8px;
	font-family: Arial;
	font-style: italic;
	font-size: .9em;
	color: #8A051F;
}
	#sitemappath a
	{
		color: #8A051F;
		text-decoration: underline;
	}
	#sitemappath span
	{
		color: #092437;
	}
#rowtopsearch
{
	float: right;
	margin-right: 10px;
}
/** Classes **/
.bottomalign
{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
}
.rowtoptitlelabel, .rowtoptitlelabelsmall
{
	/*margin: 5px 0 5px;*/
	font-family: Georgia;
	/*min-width: 300px;*/
	font-style: italic;
	font-weight: normal;
	color: #8A051F;
	text-align: left;
}
.rowtoptitlelabel
{
	font-size: 4em; /*4.2em;*/
}
.rowtoptitlelabelsmall
{
	font-size: 3em;
}
/****TOP ROW: for Main, Section & Process****/

/****MIDDLE ROW FOR MAIN FORM: BEGIN****/
#rowmidmain
{
	width: 100%;
	margin-right: 10px;
	text-align: left;
	height: 1%;/*415px;*/
}
	#leftsilhouettes
	{
		float: left;
		width: 220px;
		padding-top: 200px;
		text-align: center;
	}
	#midpic
	{
		float: left;
		width: 400px;
		border-top: solid 1px #5E050F;
		border-bottom: solid 1px #5E050F;
	}
		#midpic img
		{
			vertical-align: bottom;
		}
	#midrightmain
	{
		float: left;
		width: 570px;
		/*height: 1%;*/
		height: 415px;
		border-top: solid 1px #5E050F;
		border-bottom: solid 1px #5E050F;
	}
	#midrightmaintext
	{
		height: 207px;
		padding: 8px 0px 0px 15px;
	}
	#midrightmaintext h2
	{
		font-family: Georgia;
		font-weight: bold;
		font-size: 1.1em;
		text-transform: uppercase;
		color: #092437;
	}
	#midrightmaintext h3
	{
		margin: 0 0 5px;
		font-family: Georgia;
		font-size: 3.6em;
		font-style: italic;
		font-weight: normal;
		color: #5E050F;
	}
	#midrightmaintext p
	{
		font-family: Georgia;
		font-size: 1.3em;
		line-height: 1.4em;
		color: #34434E;	
	}
	#midrightmain images
	{
		text-align: center;
	}
/****MIDDLE ROW FOR MAIN PAGE: END****/

/****FEATURED ROW FOR MAIN PAGE: BEGIN****/
#featuredandprocess {
	position: relative;
	margin-top: 5px;
	height: 310px;
	/*height: 1%;*/
	width: 100%;
	text-align: left;
}
/*process box control & testimonial boxes line up on main page*/
#processcontrolmain, #testimonial {
	float: right;
	width: 970px;
	margin-right: 10px;
	margin-left: 5px;
}
#testimonial {
	height: 95px;
	border-bottom: solid 1px #5E050F;
}
#processcontrolmain
, #featuredcontrol {
	position: absolute;
	bottom: 0px;
	/*right: 0px;*/
}
#processcontrolmain {
	right: 0px;
}
#featuredcontrol {
	float: left;
	left: 0px;
}
#processcontrol {
	float: right;
	margin-right: 10px;
	margin-top: 15px;
	border-top: solid 1px #5E050F;
}
.boxlinks {
	font-family: Arial;
	font-size: 1em;
	text-decoration: none;
	color: #215C73;
	padding-top: 5px;
}
.boxlinks:hover {
	border-bottom: dotted 1px #215C73;
}
/****FEATURED ROW FOR MAIN FORM: END****/

/****HEADLINES & PARTNERS ROW FOR MAIN FORM: BEGIN****/
#headlinesandpartners
{
	height: 60px;
	margin: 10px 15px 0px 4px;
	border-bottom: solid 1px #5E050F;
	font-family: Arial;
	font-size: 1.1em;
	font-weight: bold;
	color: #34434E;
	vertical-align: top;
}
	#headlines
	{
		float: left;
		padding: 0px 5px 0px 5px;
	}
		#headlines a
		{
			font-family: Georgia;
			font-weight: normal;
			font-size: 1.1em;
			color: #215C73;
			text-decoration: underline;
		}
		#headlines span.arrow
		{
			font-family: Georgia;
			font-weight: normal;
			font-size: 1.1em;
			color: #215C73;
		}
	#partners
	{
		float: right;
		margin: 0px 20px 0px 5px;
	}
		#partners img
		{
			margin: 0px 0px 0px 10px;
		}
		#partners *
		{
			vertical-align:top;
		}
/****HEADLINES & PARTNERS ROW FOR MAIN FORM: END****/



#footerclear
{
	padding:0px;
	height: 0px;
	margin: 0px;
	clear:both;
}

/*
.headh {background: #13254A; border-right:1px solid #13254A; border-left:1px solid #13254A;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {background: none; border-right:1px solid #13254A; border-left:1px solid #13254A;}
.contenth div {margin-left: 12px; padding-top: 5px;}
*/
/*
#sectioncolwrapper
{
	float: left;
}
#sectioncolwrapper h2
{
	font-family: Arial black;
	font-weight: normal;
	font-size: 10pt;
	color: #8A051F;
}*/

#colleft
{
	float: left;
	width: 199px;
	height: 100%;
	padding: 0px 5px 0px 10px;
	border-left: solid 1px #5E050F;
}
#colleftnoborder, .colleftnoborderclass, #colleftnobordersmall
{
	float: left;
	/*vertical-align: bottom;*/
	position: relative;
	min-height: 600px;
}
#colleftnoborder, .colleftnoborderclass
{
	width: 220px;
}
#colleftnobordersmall
{
	width: 210px;
	/*min-width: 210px;
	width: 15%;*/
}
#colleftnoborderimg
{
	position: absolute;
	top:70%;
	
	/*bottom: 0;
	/*position: relative;
	top: 100px;*/
}
/*#sectioncolleftnoborder img
{
	position: relative;
	top: 305px;
}*/
#colsameheight
{
	overflow: hidden; 
	width: 970px;
	margin-bottom: 15px;
}
#colmid
{
	float: left;
	width: 468px;
	padding: 0px 5px 2000px 10px;
	margin-bottom: -2000px;
	border-left: solid 1px #5E050F;
	z-index: 99;
}
#colmidwide, #colmidwidelarge
{
	float: left;
	padding: 0 5px 0 10px;
	margin-bottom: 15px;
	border-left: solid 1px #5E050F;
	z-index: 99;
}
#colmidwide
{
	width: 955px;
}
#colmidwidelarge
{
	min-width: 800px;
	max-width: 75%;
}
#colmidwidelargemargins {
	min-width: 400px;
	margin: 0 40px 0 20px;
}
#colright
{
	float: left;
	width: 468px;
	padding: 0px 5px 2000px 10px;
	margin-bottom: -2000px;
	border-left: solid 1px #5E050F;
}
#rowmid
{
	float: right;
	width: 965px;
	margin: 20px 10px;
	padding: 0;
	border-top: solid 1px #5E050F;
}
.whiteheaderline
{
	margin: 5px -5px 10px -10px;
	padding-left: 4px;
	font-family: Arial black;
	font-size: .9em;
	text-transform: uppercase;
	color: #34434E;	
	background: #FFFFFF;
	text-align: left;
	z-index: 0;
}
.whiteheaderline span
{
	padding-right: 2px;
	font-family: Arial;
	color: #8A051F;
}
.colcontent
{
	float: left;
	font-family: Arial;
	font-size: .95em;
	color: #34434E;
	text-align: left;
}
.colcontent h2
{
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Arial black, Arial bold;
	font-weight: normal;
	font-size: 1.1em;
	color: #8A051F;
}
.colcontent h3, .colcontent h3 a, .colcontenth5
{
	margin: 0;
	margin: 0;
	font-family: Georgia;
	font-size: 1.3em;
	font-weight: normal;
}
.colcontent h3 a
{
	color: #215C73;
}
.colcontent h3 a u
{
	text-decoration: underline;
}
.colcontent h3 a span
{
	color:#34434E;
	text-decoration: none; 
	visibility: hidden;
}
.colcontent h3 a:hover
{
	color:#34434E;
}
.colcontent h3 a:hover span
{
	visibility: visible;
}
/*
.colcontent h3 a:hover::after
{
	content: "\0020 \BB";
}
*/
.colcontent h4
{
	font-family: Arial black, Arial bold;
	font-size: 1.3em;
	color: #34434E;
	margin: 0;
	padding: 0;
}
/*h5 - used on executive team page as header - main setting set with h3*/
.colcontenth5
{
	padding-right: 20px;
	color: #000000;
}
.colcontent h6
{
	font-family: Arial black, Arial bold;
	font-weight: normal;
	font-size: 1em;
	color: #34434E;
	margin-bottom: 10px;
}
.colcontent p
{
	/*font-family: Arial;*/
	margin-bottom: 15px;
	line-height: 1.4em;
}
.colcontentnormal
{
	margin-top: 0px;
	font-family: Arial;
	font-size: .9em;
	color: #34434E;
}
.colcontentlarge, .defaultmenulist, .colcontentlargeindent
{
	font-family: Arial;
	/*font-size: 1.4em;*/
	color: #34434E;
	padding-top: 0px;
}
.colcontentlarge, .colcontentlargeindent { font-size: 1.4em; }
.colcontentlargeindent { padding-left: 20px; }
.defaultmenulist 
{
	padding-left: 20px; 
	font-size: 1.2em;
}
.hang { text-indent: -1.3em; margin-left: 1.3em; }

.colcontent ul
{
	margin: 10px 0 0 20px;
	padding: 0;
}
/*.colcontent li
{
	margin-bottom: 10px;
	font-family: Georgia Sans-Serif;
	font-size: 1.1em;
}*/
.colcontentleftcol, .colcontentleftcolwide
{
	float: left;
	/*position: relative;*/
}
.colcontentleftcol
{
	width: 222px;
	top: 0px;
	left: 0px;
}
.colcontentleftcolwide
{
	width: 700px;
}
.execteam
{
	margin-bottom: 50px;
	width: 100%;
}
.maintpnl
{
	position: relative;
	padding: 20px;
	width: 100%;
	border: solid 1px #000000;
}
.execteamimage, .maintpnlimage
{
	float: left;
	padding-right: 10px;
}
.execteamtext, .maintpnltext
{
	float: left;
	width: 510px;
}
.maintpnlbtn
{
	padding: 5px;
	width: 100%;
	border: solid 1px #000000;
}
.colcontentleftcolimgbottom
{
	/*position: absolute;
	bottom: 0;*/
	padding-top: 40px;
}
.colcontentrightcol
{
	float: right;
	padding: 5px 5px 5px 20px;
	width: 218px;
}
.colcontentrightcol ul li, .colcontentrightcol ul li ul li
, .colcontentrightcol p
{
	font-family: Arial;
	font-size: 1.1em; /*.95em;*/
}
#colleft .colcontent p
, #colleft .colcontent ul li, #colleft .colcontent ul li ul li
{
	font-family: Arial;
	font-size: 1.1em; /*.95em;*/
}
.colcontentrightcol ul li
, #colleft .colcontent ul li
{
	padding: 0 0 10px;
}
.colcontentrightcol ul li ul li
, #colleft .colcontent ul li ul li
{
	padding: 0;
	font-size: 1.1em; /*1em;*/
}
.download, .downloadinfo
{
	font-family: Arial;
	color: #34434E;
}
.download
{
	font-size: 1.1em;
	text-transform: uppercase;
}
.downloadinfo
{
	font-size: .9em;
}
.download a, .downloadinfo a
{
	text-decoration: underline;
}
.lvwitemtopborder
{
	border-top: solid 1px #8A051F;
	padding: 10px 0 20px 0;
}
/*---- product download div contains an image column and list of sample report links ----*/
.productdownload h2
{
	font-family: Arial black, Arial bold;
	font-size: 1.1em;
	color: #34434E;
}
.prodcutdownloadimgcol
{
	float: left;
	width: 600px;
	padding-right: 10px;
}
.productdownloadrightcol ul
{
	padding-left: 10px;
}
.productdownloadrightcol ul li
{
	margin-bottom: 10px;
}
.productdownloadrightcol ul li a, .generallinkmedium
{
	font-family: Georgia;
	font-size: 1.2em;
	color: #215C73;
	text-decoration: underline;
}
.productdownloadrightcol
{
	float: left;
	width: 350px;
	padding-top: 25px;
}
.quotename, .quotetitle, .quoteschool
{
	font-family: Arial;
	padding: 0;
	margin: 0 0 8px 0;
	font-size: 1em;
	color: #34434E;
}
.quotename
{
	font-weight: bold;
}
.quotetitlenewline, .quoteschoolnewline
{
	padding-left: 18px;
}
.quoteschool, .quoteschoolnewline
{
	font-style: italic;
}

#tablinks
{
	background: #002E65 url(..//images/tab-bg.gif) repeat-x top;
	margin-bottom: 10px;
	margin-right: 30px;
	margin-top: 10px;
}
/*#tablinks table tr td {
	padding: 2px;
}*/
.menu-strip 
{
	vertical-align: middle;
}
/* all levels styles */

.menu-hover
{
    background:#5587C0 url(..//images/tab-bg-hover.gif) repeat-x top !important;
}
.menu-level1 
{
	background:#002E65 url(/images/tab-bg.gif) repeat-x top;	
	border-right:1px solid #002E65;
	color: White;
    text-transform: uppercase;
    font-size: 1.1em;
    padding: 2px 5px 2px 5px;
	margin: 0px;	
}       
.menu-level2
{
    background:#5587C0;
    border-left:1px solid #002E65;
    border-right:1px solid #002E65;
    border-bottom:1px solid #002E65;
    color: White !important;
    text-transform: uppercase;
    font-size: 1em;
    padding: 6px 4px 6px 4px;
	margin: 0px;
}  
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/*.clearfix {display: inline-table;}*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #FFFFDD;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 180px;	
}
*/
div#statusChanger
{
    display:none;
    position:absolute;
    border:solid 2px black;
	background-color:white;
	padding:5px;
}
.leftmenunode
{
	font-family: Arial;
	font-size: .95em;
	line-height: 1em;
	text-decoration: none;
	color: #215C73;
}
.leftmenuhover
{
	border-bottom: dotted 1px #215C73;
}
.leftmenuhover:after
{
	content: "";
}


.logininputtext
{
	margin: 0 0 2px 0;
	padding: 2px 0 2px 2px;
	border: solid 1px #EB8936;
	width: 245px;
}
.logininputbutton
{
	margin: 0 5px 5px;
	padding: 4px 0 4px 0;
	border: solid 1px #EB8936;
	background-color: #EB8936;
	width: 250px;
}
.loginlabel
{
	padding: 0 5px 0 5px;
	color: #092437;
}
.loginlink
{
	padding-right: 5px;
	text-align: right;
}
#printmsg {
	display: none;
}
.divFloatLeft {
	float: left;
}
.errorMsgText {
	color: #8A051F;
	font-weight: bold;
}