body {
	margin: 0 auto;
	border: 0;
	padding: 0 auto;
	font: 80% arial, sans-serif; /* Verdana,Tahoma,Arial,sans-serif;*/
	background: #eee; /*url(images/bg.gif) top center repeat-y;*/
	width: 60em;
	min-width:760px;
/*	max-width:100%; */
}



#wrap {
	display: block;
	background: #fff;
	color: #555;
	padding: 0px 20px;
	width: 60em;
	min-width:760px;
/*	max-width:100%; */
	border: #555 2px solid;
}


#header  { 
	overflow: visible; 
	width: 60em;
	min-width:760px;
	/*  max-width:100%; */
	padding: 0 20px; 
	height: 101px; 
	clear: both;
}

#header a {
	text-decoration: none;
	color: #555;
}

#header h1 {
width: 250px;
margin: 0 0 10px 0;
float: left;
}

#header p  { 
	color: #555; 
	font-size: 1em; 
	line-height: 1.2em; 
	text-align: right; 
	margin: 40px 0 10px 0; 
	float: right;
	font-family: arial, sans-serif; 
	}

#footer  { 

	height: 80px;
	color: #808080; 
	font-size: 0.9em; 
	line-height: 1.2em; 
	text-align: center; 
	font-family: arial, sans-serif;
	width: 60em; 
	min-width:760px;
	/*  max-width:100%; */
	clear: both; 
	padding: 10px 20px;
	margin: 0 auto; 
	/* border-top: 4px solid #f0f0f0; */
}


	
#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#frontphoto {
margin: 0 auto 10px auto;
border: 0;
display: block;
}

#line-hr  { margin: 0 auto; padding: 10px 0 10px; width: 60em; clear: both; border-top: 1px solid #f0f0f0; }



/* style the outer div to give it width */
.menu {
/*	position: relative;
	bottom: 10px;
*/
	display: block;
	overflow: visible;
	width: 60em;
	min-width:760px;
	/*  max-width:100%; */
/*	padding: 0px 20px;  */
	margin-bottom: 10px;
	clear: both;
	font-size:1em;
	font-family:arial, sans-serif; 
	border-top:2px solid #555; 
	border-bottom: 2px solid #555;
	background: #eee;
	height:2em; 
	}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none; 
}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
	float:left;
	height:2em;
	line-height:2em;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto;position:relative;line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	float:left;
	height:100%;
	font-size:1.2em;
	text-decoration:none;
	color:#555;
	background:#eee;
	padding:0 2em;
}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	background: #eee; 
	color:#968;
	width:12em;
	height:100%;
	font-size: 1em;
	line-height:1em;
	padding:0.5em 1em;
}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; bottom:-6px; font-size:1em;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ddd;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ccc;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ddd;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ccc;}

/* style the level hovers */
/* first */
.menu a:hover, .menu a.active {
	color:#857;
	background:#ee5;
	text-decoration:none;}
.menu :hover > a {color:#857;background:#ff5;}
/* second */
.menu ul ul a:hover{color:#000;background:#ddd;}
.menu ul ul :hover > a {color:#000;background:#ddd;}
/* third */
.menu ul ul ul a:hover {background:#ccc;}
.menu ul ul ul :hover > a {background:#ccc;}
/* fourth */
.menu ul ul ul ul a:hover {background:#bbb;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;bottom:2em;left:0;width:14em;} /* use bottom to fly up, top to fly down */
* html .menu ul ul {
bottom:2em;
}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;bottom:0em;width:14em;}  /* use bottom to fly up, top to fly down */
* html .menu ul ul ul{
bottom:4px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-top:3em; background:transparent url(images/trans.gif);} /* use padding-top to pad above drop down (fly up menu), padding-bottom to pad below drop down (fly down menu) */
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}



/* include this section in HTML
<!--[if IE 7]>
<style type="text/css">
.menu ul ul ul {margin-left:-1px;}
.menu ul ul ul.left {margin-left:1px;}
</style>
<![endif]-->
*/




.announce {
float: left;
clear: left;
margin: 10px 0 10px 0;
padding: 10px;
width: 130px;
color: #505050;
background-color: #eee;
line-height: 1.3em;
}

.announce a {text-decoration: none}

#extras {
float: right;
width: 100px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}

#extras p  { color: #777777; margin: 0 0 1.5em }

#content {
	padding-bottom: 4em;
	padding: 10px 0px 0px 0px;
	display: block;
	width: 60em;
	min-width:760px;
	/*  max-width:100%; */
	/* border-left: 1px solid #f0f0f0;  */
	/* border-right: 1px solid #f0f0f0; */
	/* padding: 0 10px 0 10px; */
	line-height: 1.2em;
	text-align: justify;
}

#content h1 {
font: 80% Georgia, Times New Roman, Times, serif;
font-size: 1.5em;
font-weight: bold;
margin: 0 0 0.5em 0;
line-height: 1.5em;
text-align: center;
}

#content h2 {
font: 80% Georgia, Times New Roman, Times, serif;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 0.5em 0;
line-height: 1.5em;
text-align: center;
}

#content h3 {

font-size: 1.0em;
font-weight: bold;
margin: 0 0 0.5em 0;
line-height: 1.2em;
}

#content img  { background: #fff; display: inline; padding: 0px; border: none; }

#content .contentp {
	width: 70%;
	margin: 0 auto;
	text-align: justify;
}

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
color: #286ea0;
}

a img {
border: 0;
}

.buttong {
	width: 390px;
	height: 151px;
	margin-left: auto;
	margin-right: auto;
/*	text-indent: 127px; */
	background: #fff url(images/ButtonGreenDVD.jpg) center center no-repeat;
	display: block;
}

.buttong:hover {
	background: #fff url(images/ButtonGreenDVDHover.jpg) center center no-repeat;
}

.buttong a {
	font-size: 1.2em;
	color: #448816;
	text-decoration: underline;
	display: block;
	position: relative; /* set to relative to position text */
	top: 25px; /* top text offest */
	/* left: 125px; /* left text offset */
	padding-bottom: 3em; /*pad under link text */
	padding-left: 125px; /* pad left of link */
	width: 265px; /* width of text area*/
	
}



#content a.download-link {
		display: block;
/*		padding:  0 12px 0;
		margin-bottom: 0.2em;
*/
		text-decoration: none;
		color: #256504;
		width: 388px;
		height: 149px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#content a.request-DVD {
		background: url("images/ButtonGreenDVD.jpg") 0 100% no-repeat;
	}

	
	#content a.download-link span {
		display: block;
		padding: 40px 15px 55px 125px; /*  9px 10px 0 58px; */
		min-height: 43px;
	} * html #main-feature a.download-link span { height: 43px; }
	
	#content a.request-DVD span {
		background: url("images/ButtonGreenDVD.jpg") 0 0 no-repeat;
	}
	
	#content a.download-link strong {
		font: 140% sans-serif;
		letter-spacing: -0.02em;
		text-decoration: underline;
		color: #256504;
	}
	
	#content a.download-link em {
		font-style: normal;
		color: #367D10;
		letter-spacing: 0;
		display: block;
		padding-top: 3px;
		font-size: 85%;
	}
	
	#content a.download-link:hover, #content a.download-link:hover span, #content a.download-link:hover strong {
		color: #143802;
		cursor: pointer; /* need for IE6 */
		background-position: 100% 100%;
	}
	
	#content a.download-link:hover span {
		background-position: 100% 0;
	}
	
	#content th {
		padding: 20px 20px 0 20px;
	}
	
	#content tr {
		height: 2em;
		vertical-align: middle;
	}
	
	#content tr.oddline {
		background: #eee;
		height: 2em;
		vertical-align: middle;
	}
	
	#content td {
		padding: 10px 20px 20px 20px;
	}
	
	#content table tr td ul {
		padding: 0 0 0 3em;
		margin: 0;
	}

.singlespace   { line-height: 1.2em }

.centersinglespace  { 
text-align: center;
line-height: 1.2em; 
}

.left {
padding: 10px 10px 5px 0;
float: left;
}

.right {
padding: 10px 0 5px 10px;
float: right;
}

.twocolumnleft {
width: 50%;
float: left;
}

.twocolumnright {
width: 50%;
float: right;
}

.twothirdcolumnleft {
width: 66%;
float: left;
}

.twothirdcolumnright {
width: 34%;
float: right;
}

.onethirdcolumnleft {
width: 34%;
float: left;
}

.onethirdcolumnright {
width: 66%;
float: right;
}

.onefifthcolumn {
	width:20%;
	max-width:20%;
	height: 100%;
	float:left;
}

* html .onefifthcolumn {
	width:19.9%;
	max-width:19.9%;
}

.textright {
text-align: right;
}

.center {
text-align: center;
margin: 0 auto;
}

small {
font-size: 0.8em;
letter-spacing: 1px;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.border {
	padding: 8px;
	margin: 2px;
	border: #555 1px solid;
}

.borderb {
	padding: 8px;
	margin: 2px;
	border: #555 1px solid;
	background: #eee;
}

.clear { clear:both; }

#floatdisplay .left {float: left;}
#floatdisplay a em, #floatdisplay a:visited em {display:none;}
#floatdisplay a:active em, #floatdisplay a:focus em {display:block; position:relative; padding:20px 0;}

/*
#floatdisplay a em a, #floatdisplay a:visited em a {display:none;}
#floatdisplay active em a, #floatdisplay a:focus em a {
text-decoration: none;
color: #555;
}
#floatdisplay a em a:hover {
text-decoration: underline;
color: #555;
}
*/