/*Designed and developed by Kristine Towne
CSS file for index.html*/

#content #main {
	background-color: #fff;
	padding: 0 0 20px 25px;
}

#content #main hr {
	clear: left;
	margin: 20px 25px 0 0;
	border: none;
	height: 1px;
	padding: 25px 0 0 0;
	background-color: #fff;
	border-bottom: 1px solid #666666;
}

#content #main #elist{
	margin: 0 25px 0 0;
	padding: 5px 10px 10px 10px;
	background-color: #fff;
	border: 1px solid #666666;
}

#content #main #elist h1 {
	color: #6b0000;
	font-size: 125%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#content #main #elist img {
	background: none;
	border: none;
	margin: 10px 10px 0 0;
	padding: 0;
	float: left;
}

#content #main #elist p {
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
	color: #666666;    
}

#content #main #elist a {
	color: #6b0000;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-weight: bold;
}

#content #main #elist a:link, 
#content #main #elist a:visited {
	text-decoration: none;
}

#content #main #elist a:hover {
	text-decoration: underline;
}

#content #main div.feature h1 {
	padding: 0 25px 0 0;
	color: #6b0000;
	font-size: 200%;
	margin: 10px 0 0 0;
}

#content #main div.feature h2 {
	color: #666666;
	font-weight: normal;
	font-size: 125%;
	line-height: 1em;
	padding: 0 25px 15px 0;
}

#content #main div.feature h3 {
	margin: 0;
	padding: 0 25px 15px 0;
	color: #666666;
	font-size: 125%;
	font-weight: normal;
	text-decoration: underline;
}

#content #main div.feature span.bold {
	font-weight: bold;
}

#content #main div.feature img {
	border: none;
	/*padding: 0;
	margin: 0;*/
	float: left;
	background-color: #666666;
	padding: 0 24px 0 24px;
	background-image: url(../Images/film.bmp);
	background-position: top left;
	background-repeat: repeat;
}

#content #main div.feature div.tabbox {
	margin: 0 0 0 210px;
	padding: 0;
	width: 500px;
	background-color: #fff;
}

#content #main div.feature div.tabbox ul.menu {
 	list-style-type: none;
	margin: 0;
	padding: 0 0 23px 0;
	border-bottom: 1px solid #666666;
	background-color: #fff;
}

#content #main div.feature div.tabbox ul.menu li {
	float: left;
	/*height: 22px;*/
	background-color: #666666;
	padding: 0 0 0 5px;
	margin: 0 3px 0 3px;
	font-weight: bold;
	background-image: url(../Images/topleft.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#content #main div.feature div.tabbox ul.menu li p {
	padding: 1px 5px 0 0;
	background-color: #666666;
	margin: 0 0 0 0;
	background-image: url(../Images/topright.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#content #main div.feature div.tabbox ul.menu li a {
	color: #fff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-top: 1px solid #666666;
	background-color: #666666;
}

#content #main div.feature div.tabbox ul.menu li a:link, 
#content #main div.feature div.tabbox ul.menu li a:visited {
	text-decoration: none;
}

#content #main div.feature div.tabbox ul.content {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 1px 10px 0 10px;
	margin: 0;
	color: #666666;
	list-style-type: none;
}

#content #main div.feature div.tabbox ul.content li {
	display: none;	
}

#content #main div.feature div.tabbox ul.content li p {
	line-height: 1.5em;
	padding: 10px 0 10px 0;
	margin: 0;
	color: #666666;
	text-align: justify;
}

/*IE6 bug - The IE6 Three Pixel Text-Jog
from
http://www.positioniseverything.net/explorer/threepxtest.html
Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #main img {
  margin-right: 10px;
  }
 
* html h1, h2 {
  height: 1%;
  margin-left: 0;
  }
 
/* End hide from IE5/mac */