@charset "utf-8";
/* CSS Document */

/* Document Formatting */
html {	width:100%;}

body {	height:100%;
		background:url(design/side_bar.jpg);
		background-repeat:repeat-y;
		}

body, tr, th, td, p {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
						font-size:1em;
						color:#000000;
						margin:0px;
						padding:0px;
						}
						
a:link, a:visited {	color:#0000FF; font-weight:600; text-decoration:none;}

a:hover {	color:#0000FF; text-decoration:underline;}

/* Text & Image Formatting */
.center {text-align:center;	padding:0 5px 12px 5px;}
.left {text-align:left; padding:0 5px 12px 0;}
.right {text-align:right; padding:0 0 12px 5px;}
.imgleft {float:left; margin-right: 6px; margin:6px;}
.imgright {float:right; margin-left: 6px; text-align:right; text-decoration:none;}
.imgcenter {text-align:center; margin:0 6px 0 6px;}
.heading {font-style:italic; font-weight:bold; text-decoration:underline; padding:0 5px 12px 0;}
.slideshow {text-align:center; margin:0 6px 0 6px; border:none;}
.galleryleft {float:left; margin-right:40px;}
.galleryright {float:right; margin-left:40px;}
.gallerylabel {text-align:center; text-decoration:none; padding:8px 5px 12px 5px;}


/* PIE/Aslett Clear Fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Positional Content Formatting */

#header {	position:relative;
			height: 150px;
			vertical-align:top;
			overflow:hidden;
			background: #d40000;
			text-align:left;
			background:url(design/top_bar.jpg);
			background-repeat:repeat-x;
			}

#left {	position:relative;
		float:left;
		width: 180px;
		background: #d40000;
		text-align:left;
		background:url(design/side_bar.jpg);
		background-repeat:repeat-y;
		}
		
#content {	font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			position:relative;
			margin-left:180px;
			padding-right: 10px;
			background: #FFF;
			text-align: left;
			}

#fixcont	{width:100%; float:left; height:auto;}

#photoshow	{	font-size: .9em;
				float:right;
				width:465px;
				padding:0 0 0 5px;
				margin:0;
				text-align:center;
				height:auto;
				}

/* Navigation Style */
#menu {	font-size:80%;
		margin:0px 0px 0px 0px;
		text-align: center;
		font-weight: bold;
		padding-bottom:50px;
		background: #d40000;
		width:150px;
		text-align:center;
		} 

#menu ul {	list-style: none;
			margin: 0;
			padding:2px 2px 2px 10px;
			width: 130px;
			}

#menu a {	font-family:Verdana, Arial, Helvetica, sans-serif;
			display: block;
			}

#menu a {	color: #000;
			background:url(design/button.jpg);
			text-decoration: none;
			}

#menu a:hover {color: #000; background-position: 0 30px; text-decoration:none;}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
height:30px;
line-height:30px;
padding-bottom:5px;
} 

#menu ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
border:1px solid #000;
}

div#menu ul ul,
div#menu ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}