/* bbrmz.css */
/* major revisions to the layout of the page */
/* vers .00 January 15, 2005 */
/* vers .01 January 25, 2005 added picture rollover enlargment*/
/* This is the version for MZ ONLY */

body {

	/*background-image:   url(images/bkgnd_normal.jpg);*/
	background-image:   url(images/bkgnd_wash.jpg);
	background-attachment: fixed;
	font-family: "Papyrus", Verdana, sans-serif;
	font-weight: bold;
	font-size: 16px;
	background-position: center center;
	text-align: justify;
	color: #000066;

}

div.menu {
	left: 20px;
	width: 150px;
	border: 1px outset white;
	position: fixed;
	top: 50px;
	height: auto;
	z-index: 1
}

div.menu a {
	display: block;
	width: 150px;
	/*height: 32px;*/
	height: auto;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid black
}

div.header a {
	width: 150px;
	height: 32px;
	text-align: center;
	text-decoration: none;
	border-bottom: 1px solid black
}

div.menu a span {
	display: none;
}

div.menu a:link, div.header a:link {
	/*-moz-opacity: .5;*/
	/*background-color: #dddddd;*/
	color: #000066;
	text-decoration: none
}

div.menu a:visited, div.header a:visited {
	/*-moz-opacity: .5;*/
	/*background-color: #dddddd;*/
	color: #000088;
	text-decoration: none

}

div.menu a:active, div.header a.active {
	/*-moz-opacity: .5;*/
	/*background-color: #dddddd;*/
	color: red
}

div.menu a:hover, div.header a:hover {
	/*-moz-opacity: .4;*/
	/*background-color: #dddddd;*/
	color: red
}
div.menu a:hover span {
	display: block;
	left: 150px;
	width: 200px;
	position: absolute;
	top: 0px;
	text-align: center
}

div.header{
	position: fixed;
	top: 0px;
	height: 42px;
	right: 20px;
	width: 730px;
	background-color: #dddddd;
	/*-moz-opacity: .7;*/
	border: 1px outset white;
	text-align: right;
	z-index: 1
}

div.content {
	display: block;
	position: absolute;
	/*top: 50px;*/
	padding-top: 50px;
	left: 180px;
	padding-right: 100px;
	width: 500px;
	/*padding-right: 20px;*/
	text-align: justify;
	/*border: 1px solid black;*/
}
div.content img {
	text-align: center;
	border: 1px solid black
}
div.content h1 {
	font-weight: bold;
	font-size: 30px;
	text-align: center
}

div.content center {
	text-align: center;
	font-size: large
}

div.content a:link {
	text-decoration: none;
}

div.content a:visited {
	text-decoration: none;
}

div.content a:hover {
	color: red;
	font-weight: bold;
/*	border-top: 1px solid blue;
	border-bottom: 1px solid blue*/
}

div.content i {
	font-size: 10pt;
	font-weight: normal
}

div.footer {
	display: block;
	position: absolute;
	bottom: 20px
}

img.right {
	float: right;
	margin-left: 19px
}

img.left {
	float: left;
	margin-right: 19px
}

.clearrt {
	clear: right
}

.clearlt {
	clear: left
}

hr {
	width: 70%;
	text-align: center
}
/******************************/
/*  Rollover Icons */

/*example html code*/
/*<div id="rollover">
<a href="#"><img border="0" src="bbbackground.jpg"><span><img border="2" src="bbbackground.jpg"></span></a>
</div>*/

div#rollover {
	position: absolute; 
	top: 50px;
	/*left: 180px;*/
}

div#rollover a {
	display: block;
	margin-bottom: 2px;
	/*border: 1px solid black;*/
	width: 140px; /*put wth width of icon in to keep the
	area of the link within the icon if not the popup will
	appear when the pointer is outside the icon area.  not
	a feature you want*/
}

div#rollover a:link img {
	text-decoration: none
}
div#rollover a:visited img {
	text-decoration: none;
}
div#rollover a:hover {
	background: white; /* this seems to make the whole mess work with out it it doesn't work*/
 	/*color: red;
 	text-decoration: none*/
}
div#rollover a span img {
	height: 0px;
	width: 0px;
	border-width: 0;
}

div#rollover span {
	position: absolute;
	display: block;
	top: 0px;
	left: 150px;
	width: 400px; /*just put the width in and not height if height is put in*/
	/*height: 300px; /*a problem occurs that will display the last rollerover when the point is over this area*/
	/*width: 400px;*/
	/*background: yellow;*/
	font-weight: normal;
	z-index: 0;

}

div#rollover a:hover span img {
display: block;	
position: absolute;
	top: 0px;
	/*left:150px;*/
	height: auto;
	width: auto;
	color: black;
	border-width: 1;
	border: 1px solid black;
	/*z-index: 2;*/

}


div#desc {
	display: block;
	position: absolute;
	top: 360px;
	width: 400px;
	height: 100px;
	border: 1px solid black
}




/******************************/