body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	background-color: #000000;
	background-image: url(../images/marble_back10.jpg);
	text-align: center; /*ie5PC fix to center*/
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
}

a:link {
	color: #CC0000;
}

a:visited {
	color: #CC0000;
}

a:hover {
	color: #CC6666;
}

a:active {
	color: #CC6666;
}

h1,h2,h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
}
h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}

h4, h5, h6 {
	font-size: 1em;
}

dl {
	margin-top:-1.5em;
}

dl dt {
	font-weight: bold;
	margin-top: 1.5em;
}

dl dd {
	margin-left: 0;
}

/* == General Appearance and Layout Classes == */

/* == pageName styles == */

#pageName, #pageNameTwoCol {
	padding: 4px 0px 4px 0px;
	margin: 0px 2px 0px 0px;
	text-align: center;
	background: #000;
	border-bottom: solid #666 2px; 
}

#pageNameTwoCol{
	margin: 0px 0px 0px 169px;
}

#pageName h1, #pageNameTwoCol h1 {
	font: bold 120% Arial,sans-serif;
	color: #FFF;
	margin: 0px 2px 0px 2px;
	padding: 0px;
}

#pageName p, #pageNameTwoCol p{
	font-weight: bold;
	color: #EEE;
	margin: 0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/* ========================================================================= */
.insideColOne {
	float: left;
	width: 190px;
	padding: 0px 4px;
	margin: 0px;
/*	color: #EEE;*/
}

.insideColTwo {
	width: 281px;
	top: 0px;
	padding: 4px 8px 4px 8px;
	margin: 0px 0px 0px 196px !important;
}

/* == Feature floats images to left == */

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	height:200px;
}

html>body .feature {height: auto;}

.feature h2{
	font: bold 150% Arial,sans-serif;
	color: #666;
	padding: 10px 0px 2px 0px;
}
/* Steve: I changed the padding top to 10px */
.feature img{
	border-top: 2px solid #FFF;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 2px solid #FFF;
	float: left;
	margin:10px 10px 10px 0px;
}

.feature object {
	float: left;
	/* padding: 10px 10px 10px 0px; */
	margin: 10px 10px 0px 0px;
}

/* Steve: I added justify */
.feature p {
	text-align:justify;
}

.featureHome {
	text-align:justify;
	padding: 10px;
	font-size: 80%;
}

/* == story floats images to right == */
.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	text-align:justify;
}

.story h2{
	font: bold 150%  Arial,sans-serif;
	color: #666;
}

.story img{
	float: right;
	padding: 10px 10px 0px 10px;
}

.story p {
	padding: 0px 0px 2px 0px;
}

.storyLeft{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	text-align:justify;
}

.storyLeft h2{
	font: bold 150%  Arial,sans-serif;
	color: #666;
}

.storyLeft img{
	float: right;
	padding: 10px 10px 0px 10px;
}

.storyLeft p {
	padding: 0px 0px 2px 0px;
}

/********* form and related tag styles *********/
.clearBoth{
	clear: both; 
	height:0px;
}

/* == Primary IDs == */

#pageholder {
	background: #EEEEEE url(../images/back_ctr760w.gif) center;
	margin-top: 0px !important;
	text-align: left; /*ie5PC fix to center*/
	margin-left:auto;
	margin-right:auto;
	width: 760px;
	z-index:1;
}

#headerWrapper {
	font: bold 80%;
	color: #FFFFFF;
	background: #000000;
	margin: 0px;
	height: 100px;
	width: 722px;
	position: relative;
	left: 18px;
	top: 0px;
}
/* === This DIV contains IBCC Logo == */
#headerLeft {
	width: 124px;
	position: relative;
	left: 0px;
}

/* == This DIV = Container for Header Images == */

#headerRight {
	position: absolute;
	left: 124px;
	top: 0px;
	width: 598px;
	height: 100px; 
}
/* == SPAN IDs for all Dropdown Trigger Buttons  == */
	
#headerText, #headerImages {
	position: absolute;
	top: 0px;
	padding: 0px;
}  
	
#headerText { 
	top: 40px;
	font-weight: bold;
	font-size: .7em;
	color: #FFFFFF;
	left: 144px;  
	width:190px;
	text-align: center; 
}  
	
#headerImages { left: 335px; width:400px; 
}
	
/* ===== Dropdown Menu Related IDs Appear Below ======= */

/* ======= Outer Wrapper for All Menu Items ======= */

#navWrapper {
	font: bold 90% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #000000;
	width: 722px;
	position: relative;
	left: 18px;
	height:34px; 
}

/* === This DIV contains Custom Catering-PhoneNo Image == */

#navLeft {
	width: 165px;
	position: relative;
	left: 0px;
	border-bottom: solid #666 4px;
}

/* == This DIV = Container for Dropdown Menu Triggers == */
#navRight {
	position: absolute;
	left: 165px;
	top: 0px;
	width: 557px;
	height: 34px;
	text-align: center; 
}

/* ===== Link Effects for Dropdown Menu Triggers ===== */
#navRight a {
	text-decoration: none;
	cursor:pointer;
}
	
#navRight a:link, #navRight a:visited {
	color: #000000;
	vertical-align: middle;
}
	
#navRight a:hover {
	color: #FF0000;
}

#navRight a:active, #navRight a:focus {
	color: #666;
}

/* == SPAN IDs for all Dropdown Trigger Buttons  == */
#navHome, #navMenus, #navServices, #navAboutUs, #navContactUs {
	position: absolute;
	top: 0px;
	height: 20px;
	padding: 6px 0px 0px 0px;
	border: solid #666666 4px;
	width:98px;
	background: transparent url(../images/wide_metal_lite.gif) repeat-x;
}  
	
#navHome { left: 0px; }  
#navMenus { left: 102px; }  
#navServices { left: 204px; width:107px; }  
#navAboutUs { left: 315px; width:107px; }  
#navContactUs { left: 426px; width:123px; }  

/* ====== Dropdown Submenu Related IDs ======= */
/* ====== Dropdown Submenu Common Attributes ======= */
#homeSub, #menusSub, #servicesSub, #aboutUsSub, #contactUsSub {
	position: absolute;
	width: 160px;
	top: 4px;
	font-size: .8em;
	background-color: #333333 !important;
	visibility: hidden;
}

/* ====== Dropdown Submenu Unique Attributes ======= */
#homeSub { z-index: 502 !important; }
#menusSub { z-index: 501 !important; }
#servicesSub { z-index: 500 !important; }
#aboutUsSub { z-index: 499 !important; 
	width: 170px; }
#contactUsSub { z-index: 498 !important; 
	width: 147px; }

/* ====== Dropdown Submenu Link Attributes ======= */
#dropDowns p {
	margin: 0;
}

#dropDowns a, #dropDowns a:visited {
	display: block;
	padding: 1px 8px 1px 12px;
	border: 1px solid;
	border-color: #999 #333 #333 #999;
	background-color: #666;
	color: #FFF;
	width: 100%;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

#dropDowns a:hover, #dropDowns a:active, #dropDowns a:focus {
	background-color: #CCC;
	color: #333;
}

#dropDowns.primeLink a:hover, #dropDowns.primeLink a:active, #dropDowns.primeLink a:focus {
	background-color: #FFF;
	color: #000;
}

/* ==== Contents Related IDs Appear Below ====== */

/* ===== Single Column Contents ===== */
#contentWrapperOne {
	color: #FFFFFF;
	background: #000000;
	margin: 0px;
	height: 300px;
	width: 722px;
	position: relative;/*  */
	left: 18px;
	top: 0px;
}
html>body #contentWrapperOne {
	height:auto;
}

#contentOneCol {
	width: 698px;
	padding: 12px;
}

/* ===== Two Column Contents with Sidebar ===== */
#contentWrapperTwo {
	position: relative;
	width: 721px;
	left: 18px;
	top: 0px;
	background: #EEE url(../images/back_4_sidebar.gif) repeat-y;
}

#sidebar {
	float: left;
	width: 165px;
	padding: 0px;
	margin: 0px;
	color: #CCC;
	font-weight: bold;
	background: #333;
}

.sidebarTitle {
	margin: 0;
	text-align: center;
	background: #333;
}

/* ====== Dropdown Submenu Common Attributes ======= */
#sideNav {
	margin: 0;
	font-size: .8em;
	background-color: #333 !important;
}

/* ====== sideNav link features ======= */

#sideNav a, #sideNav a:visited {
	display: block;
	padding: 1px 8px 1px 8px;
	border: 1px solid;
	border-color: #999 #333 #333 #999;
	background-color: #666666;
	color: #FFF;
	width: 148px;
	text-align: left;
	text-decoration: none;
}

#sideNav a:hover, #sideNav a:active, #sideNav a:focus {
	background-color: #CCC;
	color: #333;
}

#contentTwoCol {
	width: 520px;
	top: 0px;
	padding: 12px 10px 0px 10px;
	margin: 0px 0px 0px 175px !important;
}

/* ======= Footer Related IDs Appear Below ======== */

/* === Note the Negative Top Margin to close float gap === */

#footerWrapper {
	clear: both;
	color: #EEE;
	background: #000;
	margin: 0px 0px 0px 0px;
	width: 722px;
	position: relative;
	left: 18px;
	border-top: solid #666 4px;
	font-size:90%;
}

#credits {
	color:  #EEE;
	font-size: 70%;
	width: 698px;
	padding: 5px;
}

#siteMapLink {
	text-align: center;
	padding: 5px 0px 5px 0px;
	border-bottom: solid #CCC 1px;
}

/* ============== Full Width Horizontal Divider ============== */
#horizontalMetal {
	background: #000000;
	background: #666667 url(../images/wide_metal_lite.gif) repeat-x center;
	margin-top: 0px !important;
	margin-left:auto;
	margin-right:auto;
	width: auto;
	height: 18px;
	color:#000;
	text-align:right;
	font-size:70%;
	padding: 8px 18px 0px 18px;
}

#printHead {
	display:none;
}