/* import IE6 styles */
@import url('ie6.css');

/* impor t IE6 styles */
@import url('ie7.css');

/* layout
************************************************************************ */
#forceCenterWrapper {
	width:100%;
	text-align:center;
}
#forceCenter{
	width:800px;
	margin:0 auto;
}
#plate {
	margin:0;
	padding:0;
	width:800px; /* need to patch this in IE6 and IE7 */
	min-height:545px;
	background:url(../images/bg_plate.jpg) left top no-repeat;
	text-align:left;
	position:relative;
}
#forceFooterCenterWrapper {
	width:100%;
	text-align:center;
	background:url(../images/bg_footer.jpg) left top repeat-x;
}
#forceFooterCenter{
	width:800px;
	margin:0 auto;
}
#footer {
	margin:0;
	padding:0;
	width:800px; /* need to patch this in IE6 and IE7 */
	height:104px;
	text-align:left;
	position:relative;
}
#completeTheCircle {
	margin:0;
	padding:0;
	position:absolute;
	width:136px;
	height:510px;
	left:-136px;
	top:0;
	background:url(../images/bg_logo_screen.jpg) left top no-repeat;
}

/* navigation
************************************************************************ */
/* position nav bar */
#nav {
	margin:0 0 0 240px;
	padding:0;
}
/* primary nav styles */
#nav a, 
#nav a:link, 
#nav a:visited, 
#nav a:active {
	padding:30px 15px 16px 15px;
	font-size:16px;
	letter-spacing:0.08em;
}
#nav a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #7d9311;
}
/* drop-down menu styles */
#nav li ul li a, 
#nav li ul li a:link, 
#nav li ul li a:visited, 
#nav li ul li a:active {
	margin :0;
	padding:8px 15px;
	font-size:14px;
	letter-spacing:0.05em;
	width: 200px; 
	color:#fff;
	background-color:#67790d;
	border-bottom:1px dotted #fff;
}
#nav li ul li a:hover {
	background-color:#a72d3c;
}
#nav li ul li a.first {
	border-top:1px dotted #fff;
}
#nav li a {
	display: block;
}
#nav ul {
	margin: 0;
}
li {
	float: left;
	position: relative;
	list-style:none;
}
li ul {
	display: none;
	position: absolute;
	left: 0;
	font-weight: normal;
	padding: 0;
}
li>ul {
	top: auto;
	left: auto;
}
li li {
	display: block;
	float: none;
}
li:hover ul, li.over ul {
	display: block;
}
a.youAreHere, 
a.youAreHere:link, 
a.youAreHere:visited, 
a.youAreHere:active  {
	color:#fff;
	background-color:#67790d;
}
a.youAreHere:hover  {
	color:#fff;
	background-color:#67790d;
}

/* global
************************************************************************ */
body {
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:small;	
	color:#9b9580;
	background:url(../images/bg_body.jpg) left top repeat-x #fff;
}
h1 {
	display:none;
}
h2 {
	margin:0;
	padding:0 0 0.5em 0;
	font-size:175%;
	letter-spacing:0.05em;
	font-weight:normal;
	color:#307aa9;
	line-height:1.1em;
}
h3 {
	margin:0;
	padding:0 0 0.6em 0;
	font-size:125%;
	letter-spacing:0.05em;
	font-weight:normal;
	color:#807a66;
	line-height:1.1em;
}
p {
	margin:0;
	padding:0 0 1.25em 0;
}
hr {
	display:none;
}
a, 
a:link, 
a:visited, 
a:active {
	color:#307aa9;
	text-decoration:none;
}
a:hover {
	color:#307aa9;
	text-decoration:underline;
}
#mainContent {
	margin:0 0 0 256px;
	padding:170px 0 35px 0;
	line-height:1.6em;
}
#sidebar {
	margin:0;
	padding:136px 0 0 50px;
	width:175px;
	float:left;
}
#sidebar ul {
	margin:0;
	padding:0;
	display:block;
}
#sidebar ul li {
	margin:0;
	padding:0;
	display:block;
	width:100%;
	text-align:right;
}
#sidebar ul li a, 
#sidebar ul li a:link, 
#sidebar ul li a:visited, 
#sidebar ul li a:active {
	margin:0;
	padding:0.5em 16px 0.5em 0;
	display:block;
	text-decoration:none;
	font-size:14px;
	background:none;
	color:#a72d3c;
}
#sidebar ul li a:hover {
	color:#a72d3c;
	text-decoration:none;
	background:url(../images/icon_arrow_on.gif) right no-repeat;
}
#sidebar ul li a.sidebarYouAreHere {
	color:#307aa9;
	text-decoration:none;
	background:url(../images/icon_arrow_off.gif) right no-repeat;
}
ul.plain {
	margin:0 0 1.0em 0;
	padding:0 0 1.0em 0;
	list-style-type:none;
}
ul.plain li {
	margin:0;
	padding:0 0 0.5em 0;
	list-style-type:none;
	display:block;
	float:none;
}


/* footer
************************************************************************ */
#poloroidKCupid {
	margin:0;
	padding:0;
	width:212px;
	height:198px;
	position:absolute;
	background:url(../images/poloroid_k_cupid_09.png) left top no-repeat;
	left:30px;
	top:-102px;
}
#footer h3 {
	margin:0 0 10px 0;
	padding:0;
	color:#a72d3c;
	font-weight:normal;
}
#getInTouch {
	margin:0 0 0 257px;
	padding:12px 0 0 0;
	letter-spacing:0.05em;
	color:#fff;
}
#getInTouch ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#getInTouch ul li {
	margin:0 0 8px 0;
	padding:0;
	display:block;
	float:none;
}
#getInTouch ul li a, 
#getInTouch ul li a:link, 
#getInTouch ul li a:visited, 
#getInTouch ul li a:active {
	color:#fff;
	text-decoration:none;
}
#getInTouch ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
#copyright {
	margin:-74px 0 0 0;
	padding:55px 0 0 0;
	float:right;
	text-align:right;
	color:#fff;
	font-size:9px;
	width:300px;
	background:url(../images/km_logo_footer.jpg) right top no-repeat;
}

/* positioning page
************************************************************************ */
dl.positioning {
	margin:0 0 1.5em 0;
	padding:0 0 1.5em 0;
	border-bottom:1px solid #eee;
}
dl.positioningLast {
	margin:0;
	padding:0;
	border-bottom:none;
}
dl.positioning dt, 
dl.positioningLast dt {
	margin:0;
	padding:0;
	width:60px;
	height:25px;
	text-align:right;
}
dl.positioning dd, 
dl.positioningLast dd {
	margin:-25px 0 0 63px;
	padding:0 0 0 5px;
	width:350px;
	height:25px;
	text-align:left;
}
.tagline {
	font-style:italic;
}
p.postioningIntro {
	margin:0 0 1.5em 0;
	padding:0 0 1.5em 0;
	border-bottom:1px solid #eee;
}

/* collateral page
************************************************************************ */
.collateral {
	margin:0 0 0 0;
	padding:1.5em 0 0 0;
	border-top:1px solid #eee;
}
.collateral ul {
	margin:0 0 0 0;
	padding:0 0 1.0em 0;
	list-style-type:none;
}
.collateral ul li {
	margin:0;
	padding:0 0 0.5em 0;
	list-style-type:none;
	display:block;
	float:none;
}