/* CSS Document */


* { margin: 0px; padding: 0px; }

body {
	background-color:#5C6E7F;
	font-family:Arial, Helvetica, sans-serif; font-size:10pt;
}

/***************** Main Layout *****************/

#HeaderBG {
	height:150px; width:100%;
	background-color:#F7F8F9;
	position: absolute; top:0; left:0;
	z-index:5;
}

#PageWrapper { background:url(../banzay_images/content.png) repeat-y center;
	position: relative; top:0; z-index:10;
 	width: 840px; margin: 0 auto;
	text-align: left;
}

#PageHeader {
	width:840px; height:130px;
	background-image:url(../banzay_images/header.png);
}

#HorizMenu {
	width:840px; height:20px;
	background-image: url(../banzay_images/menu.png);
}

#HorizMenuPadder {
	width:840px; height:10px;
	background-image: url(../banzay_images/horizdivider.png);
}

#ContentWrapper {
	clear: both;
	width: 800px;
	padding: 10px 0px 0px 0px; margin: 0 auto;
}

#ContentWrapperFixedHeight {
	clear: both;
	width: 800px; height:650px;
	padding: 10px 0px 0px 0px; margin: 0 auto;
}

#PageFooter {
	width:840px; height:70px;
	background-image:url(../banzay_images/footer.png);
}

/***************** Links Display *****************/
#LinksDisplayWrapper {
	width:212px; margin-left:30px;
}

div.LinksDisplay {
	font-family:Arial, Helvetica, sans-serif; font-size:10pt;
	background-color:#FFFFFF;
	width:211px; height:auto; margin-bottom: 10px;
	border-style:solid;	border-color: #9CACB8; border-width:1px;
}

div.LinksDisplay ul { 
	list-style:none; padding-bottom:5px;
}

div.LinksDisplay ul a {
	display:block; width:200px;
	color: #000033;	text-decoration:none; padding-left:8px; font-weight:bold;
	border: #FFFFFF 1px solid;
	border-left: #FFFFFF 2px solid;
}

div.LinksDisplay ul a:hover {
	text-decoration: none;
	border-left: #003366 2px solid;
	border-bottom: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;
}

div.LinksDisplay h1 {
	padding-left:10px; padding-top:2px; padding-right:10px; margin-bottom:5px;
	border-bottom:thin dotted #000099; 
	background-color: #E0E4E9; color:#000000; background-image:url(../banzay_images/links_header.png); background-repeat:repeat-x;
	text-align:left; font-family:"Courier New", Courier, monospace; font-size:13pt;
}




.HoverLinksSub {
	display: none;
}


/* .HoverLinksTop {
	position: relative;
} */

.HoverLinksTop li:hover {
	position: relative;
}

.HoverLinksTop li:hover .HoverLinksSub {
	display: block;
	background-color: white;
	padding-bottom: 0;
	border: 1px solid #5e5e5e;
	
	position: absolute;
	top: 5px;
	left: 170px;
	
	z-index: 100;
}

div.LinksDisplay .HoverLinksTop li .HoverLinksSub a {
	width: 110px;
}

div.LinksDisplay .HoverLinksTop li .HoverLinksSub li:hover {
	background-color: #f7f7f7;
}


/***************** Links Display 2 *****************/

#LinksDisplayWrapper2 {
	width:212px; margin-left:30px; position:absolute; top:170px; left:265px;
}


/***************** Content Side-Menu *****************/
#ContentSideMenu {
	float:right; margin-right:15px; padding-bottom:5px;
	width:100px; background-color:#FFFFFF;
	border-style:solid;	border-color: #444444; border-width:1px;
}

#ContentSideMenu h1 {
	border-bottom:thin dotted #000099;
	text-align:center; font-family:"Courier New", Courier, monospace; font-size:13pt;
	margin-bottom:5px;
}

#ContentSideMenu ul {
	list-style:none;
}

#ContentSideMenu ul a {
	display:block; width:90px; padding-left:10px;
	color: #000033;	text-decoration:none; line-height:20pt;
}

#ContentSideMenu ul a:hover {
	color: #FFFFFF; background-color:#333333; font-weight:bold;
}



/***************** Guestbook Processor *****************/

#GuesBookProcessorContent{ background-color:#DAEAF1;
	margin-left:100px; margin-top:50px; width:500px; height:400px;
	padding-left:20px; padding-top:20px;
}