body {
	background-color: #000000;
	text-align: center; /* centers the outer table in IE */
}

body, p, td, li, span, a, .Normal  {
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 12px;
}

p {
	padding:0px;
	margin: 0px 0px 11px 0px;
	/* top left bottom right */
}

a, a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	color: #153f07; /* green */
}

a:hover {
	color: #ff0000;
}

.menu-main, .menu-page {
	font-size: 13px;
}

table {
	border-collapse:collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

td {
	border: 0px;
	padding: 0px;
	vertical-align: top;
}

table.outer {
	width:1000px;
	border-collapse: collapse;
	margin: 0 auto; /* centers the outer table in FF */
}

/* --------------------------------------------------------------------------------  */
/* layout blocks: sizes and margins */
/* --------------------------------------------------------------------------------  */

.header {height:15px;}
.logo {width:200px; height:80px;}
.menu-main {width:800px; height:80px;}
.menu-sub {width:400px; height:66px;}
.menu-page {width:200px;}
.menu-page-sub {width:215px;}
.photo-logo-home {height:262px;}
.photo-secondary {height:240px;}
.feature-left {width:200px; height:204px;}
.feature-center {width:400px; height:204px;}
.feature-right {width:400px; height:204px;}
.spacer-left {width:200px; height:66px;}
.spacer-center {width:400; height:66px;}
.footer-home {height:66px;}
.footer-secondary {height:52px;}
.content {
	height:400px;  /* 100%; */
	padding: 20px;
	}

/* --------------------------------------------------------------------------------  */
/* layout blocks: colors */
/* --------------------------------------------------------------------------------  */

.header, .footer-home, .footer-secondary, .menu-page, .spacer-left {
	background-color: #825e35; /* brown */
	color: #ffffff;
	}
.menu-main, .feature-center, feature-center table tbody td {
	background-color: #153f07; /* green */
	color: #ffffff;
	}
.photo-secondary, .content {
	background-color: #ffffff;
	color: #000000;
	}
.logo, .feature-left, .feature-left td, .menu-sub {
	background-color: #000000;
	color: #ffffff;
	}
.feature-right, .spacer-center {
	background-color: #1f1f1f; /* dark gray */
	color: #ffffff;
	}
.menu-page-sub {
	background-color: #ffffff;
	color: #153f07; /* green */
} 

/* --------------------------------------------------------------------------------  */
/* layout blocks: other attributes */
/* --------------------------------------------------------------------------------  */

.logo img {margin-left:10px;}


/* --------------------------------------------------------------------------------  */
/* homepage slideshow   */
/* --------------------------------------------------------------------------------  */

td.home-logo-row {
	width:1000px;
	height:262px;
	background-color: #ffffff;
}

#home-logo-div {
	width:1000px;
	height:262px;
	position:relative;
	top:0px;
	left:0px;
}

#home-logo-div div.photo {
	width:1000px;
	height:262px;
	position:absolute;
	top:0px;
	left:0px;
	background-image: url('images/home-slideshow/fountain.jpg');
}

#home-logo-div div.gradient {
	width:64px;
	height:262px;
	position:absolute;
	top:0px;
	left:506px;
	z-index:1001;
}

#home-logo-div div.logo-big {
	width:430px;
	height:262px;
	position:absolute;
	top:0px;
	left:570px;
	background-color: #ffffff;
	z-index:1001;
}

/* --------------------------------------------------------------------------------  */
/* main menu   */
/* --------------------------------------------------------------------------------  */

table.mkc-menu-main {
	height:30px;
	margin-left: auto;
}

table.mkc-menu-main tr td.item-first, table.mkc-menu-main tr td.item {
	padding: 20px 10px 0px 10px;
	/* top left bottom right */
}

table.mkc-menu-main tr td.item {
	border-left: 1px solid #ffffff;
}

table.mkc-menu-main tr td a.menu-link {
	display: block;
	overflow: hidden;
	text-decoration: none;
	outline: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:10px;
}

table.mkc-menu-main tr td a.menu-link-selected, table.mkc-menu-main tr td a.menu-link:hover {
	display: block;
	overflow: hidden;
	text-decoration: none;
	outline: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px -11px;
	height:10px;
}

#menu-link-tab-58 { /* about */
	height:10px;
	width:133px;
	background-image: url('/Portals/_default/Skins/MKC/images/main-menu/about_master_key.gif');
}

#menu-link-tab-135 { /* services */
	height:10px;
	width:95px;
	background-image: url('/Portals/_default/Skins/MKC/images/main-menu/our_services.gif');
}

#menu-link-tab-68 { /* portfolio */
	height:10px;
	width:73px;
	background-image: url('/Portals/_default/Skins/MKC/images/main-menu/portfolio.gif');
}

#menu-link-tab-69 { /* clients */
	height:10px;
	width:52px;
	background-image: url('/Portals/_default/Skins/MKC/images/main-menu/clients.gif');
}

#menu-link-tab-70 { /* partners */
	height:10px;
	width:65px;
	background-image: url('/Portals/_default/Skins/MKC/images/main-menu/partners.gif');
}

#menu-link-tab-71 { /* staff */
	height:10px;
	width:71px;
	background-image: url('/Portals/_default/Skins/MKC/images/main-menu/our_staff.gif');
}

#menu-link-tab-72 { /* employee access */
	height:10px;
	width:123px;
	background-image: url('/Portals/_default/Skins/MKC/images/main-menu/employee_access.gif');
}

/* --------------------------------------------------------------------------------  */
/* sub menu   */
/* --------------------------------------------------------------------------------  */

table.outer tr td.menu-sub {
	/* required to center the submenu in IE */
	text-align: center;
}

table.mkc-menu-sub {
	margin: auto;
	margin-top: 26px;
	/* top left bottom right */
}

table.mkc-menu-sub tr td.item-first, table.mkc-menu-sub tr td.item {
	padding: 0px 15px 0px 15px;
	/* top left bottom right */
}

table.mkc-menu-sub tr td.item {
	border-left: 1px solid #825e35;
}

table.mkc-menu-sub tr td a.menu-link {
	display: block;
	overflow: hidden;
	text-decoration: none;
	outline: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:10px;
}

table.mkc-menu-sub tr td a.menu-link-selected, table.mkc-menu-sub tr td a.menu-link:hover {
	display: block;
	overflow: hidden;
	text-decoration: none;
	outline: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px -11px;
	height:10px;
}
#menu-link-tab-57 { /* home */
	height:10px;	
	width:38px;
	background-image: url('/Portals/_default/Skins/MKC/images/submenu/home.gif');
}

#menu-link-tab-73 { /* site map */
	height:10px;
	width:56px;
	background-image: url('/Portals/_default/Skins/MKC/images/submenu/site_map.gif');
}

#menu-link-tab-83 { /* contact us */
	height:10px;
	width:79px;
	background-image: url('/Portals/_default/Skins/MKC/images/submenu/contact_us.gif');
}


/* --------------------------------------------------------------------------------  */
/* side menu   */
/* --------------------------------------------------------------------------------  */

table.mkc-menu-side {
	margin-top: 22px;
	margin-left: 22px;
	width: 140px;
}

table.mkc-menu-side tr td.item-heading, table.mkc-menu-side tr td.item-heading-first, table.mkc-menu-side tr td.item-first, table.mkc-menu-side tr td.item {
	padding: 6px;
}

table.mkc-menu-side tr td.item {
	border-top: 1px solid #000000;
}

table.mkc-menu-side tr td a.menu-link {
	font-weight:bold;
	font-size: 13px;
	color: #ab947d;
	text-decoration: none;
	outline: none;
}	

table.mkc-menu-side tr td a.menu-link-selected, table.mkc-menu-side tr td.item-heading, table.mkc-menu-side tr td.item-heading-first {
	font-weight:bold;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	outline: none;
}	

table.mkc-menu-side tr td.item-heading {
	padding-top:30px;
}

/* --------------------------------------------------------------------------------  */
/* page menu   */
/* --------------------------------------------------------------------------------  */

table.mkc-menu-page {
	margin-top: 22px;
	margin-left: 22px;
	width: 170px;
}

table.mkc-menu-page tr td.item-first, table.mkc-menu-page tr td.item {
	padding: 6px;
}

table.mkc-menu-page tr td.bullet {
	padding-top: 6px;
}

table.mkc-menu-page tr td a.menu-link, table.mkc-menu-page tr td a.menu-link-selected, table.mkc-menu-page tr td.bullet {
	font-weight:bold;
	font-size: 13px;
	color: #153f07; /* green */
	text-decoration: none;
	outline: none;
}	

/*
table.mkc-menu-page tr td a.menu-link-selected {
	font-weight:bold;
	font-size: 13px;
	color: #825e35;
	text-decoration: none;
	outline: none;
}	
*/

/* --------------------------------------------------------------------------------  */
/* mkc container   */
/* --------------------------------------------------------------------------------  */

div.mkc-container {
	position:relative;
	margin: 20px 14px 20px 14px;
}

/* `remove module title from normal document flow for HTML 
	modules that contain only an image.  This prevents
	the title from creating whitespace above the image */

div.mkc-container-nopadding {
	position:relative;
	margin: 0px;
}

div.mkc-container-callout {
	position:relative;
	margin-top: 36px;
	margin-left: auto;
	text-align: center;
}

div.action-menu {
	z-index:2000;
	position:absolute;
	top:16px;
	left:10px;
	width:124px;
}

td.photo-secondary div div span span.ModuleTitle_MenuItem {
	display: block;
}

/* --------------------------------------------------------------------------------  */
/* page footers */
/* --------------------------------------------------------------------------------  */

td.footer-home, td.footer-secondary {
	padding: 0px 14px 0px 14px;
	vertical-align:middle;
}


table.footer {
	width:100%;
}

table.footer tr td, table.footer tr td a {
	font-size:10px;
	color:white;
}

table.footer tr td a {
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------  */
/* article formats
	if you want these class names to show up in the editor's STYLE menu, you
	must add the class names (not the entire definition) to
	/Providers/HtmlEditorProviders/Fck/fckeditor/fckstyles.xml

	the fckconfig.js files do not appear to affect the styles used in the editor
	window.  to change this, I had to enter the editor, click "show custom editor
	options," and under "Editor area CSS," set the CSS Generator Mode to "URL"
	and specify an absolute URL to my skin file.

	you can affect the styles of FCK popup windows (such as image gallery window)
	by changing the value of the "EditorAreaCSS" key in the file
	/Providers/HtmlEditorProviders/Fck/StorageSettings.xml
/* --------------------------------------------------------------------------------  */

.heading-green {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #153f07; /* green */
}

.subheading-green {
	font-weight: bold;
	color: #153f07; /* green */
}

.heading-brown {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #825e35; /* brown */
}

.subheading-brown {
	font-weight: bold;
	color: #825e35; /* brown */
}

/* --------------------------------------------------------------------------------  */
/* lists */
/* --------------------------------------------------------------------------------  */

ul.arrow-gray-on-white {
	list-style-type: none;
	padding: 0px;
	margin: 18px 0px 0px 0px;
}

ul.arrow-gray-on-white li {
	list-style: none;
	background-image: url('/Portals/_default/Skins/MKC/images/arrow-whitebg-19x10.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 32px;
	margin-bottom: 18px;
}

ul.arrow-gray-on-white li a {
	font-weight:bold;
}

ul.arrow-gray-on-gray {
	list-style-type: none;
	padding: 0px;
	margin: 18px 0px 0px 0px;
}

ul.arrow-gray-on-gray li {
	list-style: none;
	background-image: url('/Portals/_default/Skins/MKC/images/arrow-graybg-19x10.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 32px;
	margin-bottom: 18px;
}

td.feature-right ul.arrow-gray-on-gray li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #825e35; /* brown */
}

td.feature-right ul.arrow-gray-on-gray li a:hover {
	color: #ffffff;
}

/* --------------------------------------------------------------------------------  */
/* button links */
/* --------------------------------------------------------------------------------  */

a.read-more, a.back, a.click-here {
	display: block;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 6px;
}

a.read-more {
	background-image: url('/Portals/_default/Skins/MKC/images/button-read-more.gif');
	height: 19px;
	width: 70px;
}

a.back {
	background-image: url('/Portals/_default/Skins/MKC/images/button-back.gif');
	height: 24px;
	width: 60px;
}

a.click-here {
	background-image: url('/Portals/_default/Skins/MKC/images/button-click-here.gif');
	height: 19px;
	width: 73px;
}

div.lower-right-float {
	position: relative;
	float:right;
	top: -20px;
}

a.arrow-gray-on-black {
	display: block;
	overflow: hidden;
	outline: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url('/Portals/_default/Skins/MKC/images/arrow-blackbg-19x10.gif');
	height: 10px;
	width: 19px;
}

/* --------------------------------------------------------------------------------  */
/* site map */
/* --------------------------------------------------------------------------------  */

ul.level0 li.site-map-heading, ul.level1 li.site-map-heading, ul.level2 li.site-map-heading, ul.level3 li.site-map-heading, ul.level4 li.site-map-heading, ul.level5 li.site-map-heading {
	display: block;
	font-weight:bold;
	list-style: none;
	padding-top:8px;
}

ul.level0, ul.level1, ul.level2, ul.level3, ul.level4, ul.level5 {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 8px;
}

ul.level0 li, ul.level1 li, ul.level2 li, ul.level3 li, ul.level4 li, ul.level5 li {
	color: #000000;
	margin-top: 4px;
	margin-bottom: 4px;
	list-style: disc;
}


/* --------------------------------------------------------------------------------  */
/* infoLink popups */
/* --------------------------------------------------------------------------------  */

/*	IE requires that :hover pseudoclass be specified  */
a.infoLink, a.infoLink:hover {
	text-decoration: none;
	background-color: none;
	background-image: url('/Portals/_default/Skins/MKC/images/related.gif');
	background-position: center right;
	background-repeat: no-repeat;
	padding: 1px 18px 0px 0px;
	/* top left bottom right */
	width: 12px;
	height: 12px;
	font-weight: bold;
	white-space: nowrap;
	color:#3f642b;	/* dark green */
}

div.tooltip {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	visibility:hidden;
	border: solid 1px #3f642b;	/* dark green */
	width:200px;
	padding:8px;
	background-color: #CCFFCC; /* light green */
	opacity: 0.9;
	filter: alpha(opacity=90);
	text-align:left;
}

/* --------------------------------------------------------------------------------  */
/* infoLink grids */
/* --------------------------------------------------------------------------------  */

table.infoLinkGrid {
	border: 1px solid black;
	margin-bottom: 4px;
}

table.infoLinkGrid td, table.infoLinkGrid th {
	border: 1px solid black;
	padding: 2px 6px 2px 6px;
}

table.infoLinkGrid th {
	font-size: 12px;
	font-weight: bold;
	color: #153f07; /* green */
	text-align: left;
}

table.infoLinkGrid td select, table.infoLinkGrid td.commandbutton input {
	font-size: 9px;
	height: 20px;
	padding: 0px;
}

/* --------------------------------------------------------------------------------  */
/* other */
/* --------------------------------------------------------------------------------  */

div.hr-brown {
	width:100%;
	height:1px;
	background-color: #825e35;
}

p.hr-brown {
	padding-bottom: 6px;
	border-bottom: 1px solid #825e35;
}

li {
	margin-bottom: 4px;
}

/* required to prevent IE from adding space around image */
table.outer tr td.photo-secondary img {
	display: block;
	margin: 0px;
	padding: 0px;
}

table.outer tr td.feature-center, table.outer tr td.feature-center p, table.outer tr td.feature-center tr td {
	color: #ffffff;
}

div.Normal {
	margin:0px;
	padding:0px;
}

.dev-note {
	color: red;
}

img.staff {
	border: 1px solid black;
	margin-left: 20px;
	margin-bottom: 12px;
}

td.commandbutton {
	white-space: nowrap;
}