body { font-family: verdana, arial, helvetica, sans-serif; font-size: small; background-color: #ccccad;}
	th, td, ol, ul { font-family: verdana, arial, helvetica, sans-serif; font-size: small; }
	li { font-family: verdana, arial, helvetica, sans-serif; text-align: left; font-size: small; }
	th { background: #3366cc; color: #ffffff; }
	td { text-align: center; font-size: x-small; }
	dt { font-size: medium; text-align: left; }
	dd { font-size: small; text-align: left; }
	table { background-color: ##f2f2e7; }
	h1 { font-size: 200%; color:#000099; font-family: verdana, arial, helvetica, sans-serif; }
	h2 { font-size: 130%; font-family: verdana, arial, helvetica, sans-serif; } 
	h3 { font-size: 115%; font-family: verdana, arial, helvetica, sans-serif; }
	h4 { font-size: 100%; font-family: verdana, arial, helvetica, sans-serif; } 
	h5 { font-size: 85%; font-family: verdana, arial, helvetica, sans-serif; }
	h6 { font-size: 70%; font-family: verdana, arial, helvetica, sans-serif; }
	span.medium { font-size: medium; }
	pre, tt, code { font-family: courier, sans-serif; font-size: medium; }
	a { color: #000099; font-size: 12px; }
	a:visited { color: #999999; font-size: 12px; }
	a:hover { text-decoration: none; color: #cc3333; font-size: 12px; }
	.tabs {position:relative; height: 27px; margin: 0; padding: 0; background:url("http://www.heartlandchurch.us/heartland/images/bar_off.gif") repeat-x; overflow:hidden}
	.tabs li {display:inline;}
	.tabs a:hover, .tabs a.tab-active {background:#fff url("bar_on.gif") repeat-x; border-right: 1px solid #fff} 
	.tabs a  {height: 27px; font:12px verdana, helvetica, sans-serif;font-weight:bold;
		position:relative; padding:6px 10px 10px 10px; margin: 0px -4px 0px 0px; color:#2b4353;text-decoration:none;border-left:1px solid #fff; 				border-right:1px solid #6d99b6;}
	.tab-container {background: #fff; border:1px solid #6d99b6;}
	.tab-panes { margin: 3px }

/* Class Schedule Styles */

.classes td {
	border: 2px solid #8CA85B;
	background-color: #ffffff;
	}
	
.classes p {
	font-family: arial san-serif;
	font-size: 12px;
	text-align: center;
	color: #000;
	}	
	
.teachers {
	width: 170px;
	}

.location  {
	text-align: center; 
	width: 270px;
	}
	
/* END Class Schedule Styles */	

/* MENU STYLES */

/* navigation styles */

br { 
display:none;
}
div#menu * {
  cursor: pointer; /*because ie displays the text cursor 
if the link is inactive*/
}
.disabled {
   color: red !important;
   background: none !important;
}

/* menu bar */
div#menu {
   height: 18px;
   white-space: nowrap;
   width: 100%;
}

/* menu bar text */
div#menu .a {
   font-size: 10px;
   border: none;
   color: #fff;
   text-decoration: none;
}

div#menu .a:hover {
	background: url(http://www.heartlandchurch.us/church/include/ltgreen.jpg);
	border: none;
}

div#menu .a table {
   display: block;
   white-space: nowrap;
}

div#menu table, div#menu table a {
   display: none;
}

/* menu bar hover */
div#menu div.menuitem:hover {
   background: url(http://www.heartlandchurch.us/church/include/ltgreen.jpg);
   border: none;
	}


/* drop-down menu items normal */
div#menu .a:hover table, div#menu div.menuitem:hover table{
   font-size: 12px;
   background: #8ca85b;
   border: none;
   display: block;
   position: absolute;
   white-space: nowrap;
}

div#menu .a:hover table a, div#menu div.menuitem:hover table a {
   border-right: 1px solid #8ca85b; /*resolves a jump problem*/
   color: #fff;
   font-size: 12px;
   text-align: left;
   display: block;
   padding: 0px 12px;
   text-decoration: none;
   white-space: nowrap;
   z-index: 1000;
   
}

/* drop-down menu items hover */
div#menu .a:hover table a:hover, div#menu div.menuitem:hover table a:hover {
   background: url(http://www.heartlandchurch.us/church/include/ltgreen.jpg);
   text-align: left;
   border: none;
   color: #000;
   display: block;
   padding: 0px 12px;
   text-decoration: none;
   z-index: 1000;
}

div.space {
	float: left;
	background: #fff;
	height: 22px;
	width: 2px;
}

.menuitem td {
   width: 100px;
   border: none;
   padding: 0px 0px 0px 0px;
}
.menuitem {
   float: left;
   border: none;
   padding: 1px 8px 1px 8px;
}

.menuitem * {
   padding: 0px 0px 0px 0px;
}

#moz{
  height: auto; visibility: visible;
}
#other{
  height: 1px; visibility: hidden;
}
#holder {
  width: 100%;
}

/* END navigation styles */
/* END MENU STYLES */

/*LINKS SYTLES*/

	.list {
	font-size: 11px;
  	color: #000;
  	}
	
	.list:hover {
	font-size: 11px;
  	color: #000;
  	text-decoration: none;
  	}
  	
  	.list:visited {
  	font-size: 11px;
  	color: #000;
  	text-decoration: none;
  	}

/*END LINKS SYLES*/


/* Teen Styles */

	.purpose p	{
		width: auto;
		height: auto;
		font-family: courier serif;
		line-height: .5px;
		font-size: 10px;
		text-align: center;
	}
	
	.row {
		margin: 0 auto;
		width: 540px;
		overflow: hidden;
	}
	
	.events {
		float: left;
		margin: 5px;
		padding: 5px 10px;
		width: 175px; width: 150px !important;
		height: 150px; height: 140px !important;
		background: url(../youth/images/box.jpg) no-repeat;
		text-align: center;
	}
	
	.events p {
	 	font: 12px verdana arial san-serif;
	}
	
	#teenclass {
		position: relative;
		top: 20px;
	}
	
	#teenclass table {
		border: 1px solid #5b6c86;
		width: 400px;
		text-align: center;
	}
	
	#teenclass td {
		text-align: center;
		color: #000;
		width: 100px;
		border: 1px solid #5B6C86;
		}
		
	#spacer {
		width: 300px;
		height: 50px;
	}
	
	#upcom1 {
	text-align: center;
	width: 170px;
	height: 30px
	position: absolute;
	top: 300px;
	left: 100px;
	}
	
	#upcom2 {
		text-align: center;
		width: 170px;
		height: 30px
		position: absolute;
		top: 300px;
		left: 300px;
		}
		
	#upcom3 {
		text-align: center;
		width: 170px;
		height: 30px
		position: absolute;
		top: 300px;
		left: 400px;
		}
	
/* End Teen Styles */