/* CSS Document */
* {
	padding: 0; margin: 0;
}
img{border:0;} 
a{border:none;}
a:link,a:visited{color:#B8AF88; text-decoration: none; font-weight:bold; border-bottom:none;}
a:active, a:hover, a:visited:hover{color:#5B595A; font-weight:bold; border-bottom:none;}
	
body{
	color: #FFFFFF; 
	background-color: #000000; 
	font-size: 12px; 
	font-family: verdana;
	line-height: 16px;
	overflow: hidden;
	height:100%;
	width:100%;
}

#header{	
	position: absolute;
	left: 0;
	top: 0;
	z-index:5;
	background: url(micro.jpg) no-repeat top left;
	background-color: #000000; 
	height:200px;
	width:100%;
	margin-right: 20px;
}

#main{ 
	margin-left:250px; 
	text-align:justify;
	overflow: auto;
	height:100%;
}
#mainhead{ 
	height:250px;  /* 200px for header + 50px margin */
	width:100%;
}
#mainfoot{ 
	height:80px;
	width:100%;
}

#footer{ 
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(padding.jpg) no-repeat bottom left;	
	height:72px;
	width:100%;
	z-index:5;
	/*border: 2px solid red;*/
}

h1{padding: 5px 2px 10px 2px; font-size:24px;}

/* ============ Navigation Menu ================ */
#navigation{ 
	position: absolute;
	left: 5px;
	top: 200px;
	z-index:10;
	height: 260px;	
	width: 220px;
	max-width:140px;		/* -80px to compensate for the padding in firefox */
	background: url(sliderbg.jpg) no-repeat top left;
	font-size: 12px; 
	line-height: 14px;
	font-family: verdana;
	padding:80px 0 0 70px;
}

#navigation div{ height:20px; }
#navigation a {border-left:0px solid #5B595A; padding:0 0px 0 10px;}
#navigation a span {display: none; position:absolute; left: 20px; top:60px;}
#navigation a:hover span{display:block;}
#slider {position:absolute; left: 20px; top:180px;}

#navigation ul {list-style: none; background:#000000; width:90px;}
#navigation ul ul {position: absolute; top: 0; left: 0;}
#navigation li {position: relative;  height:20px; padding:0;}
#navigation ul ul {position: absolute; top: 0; left: 90%; width: 100%;}
div#navigation ul ul , div#navigation ul li:hover ul ul{display: none;}
div#navigation ul li:hover ul, div#navigation ul ul li:hover ul{display: block;}


div#navigation ul ul ul, div#navigation ul ul li:hover ul ul{display: none;}
div#navigation ul li:hover ul ul{width:125px;}

li{white-space: nowrap; text-align:left;}  /* prevents the div from line breaking*/
div#navigation ul ul ul li{margin-top:0px; border: 5px solid #000000; border-left:0;}

/* ============ Guestbook ================ */
.text{padding:10px;}

.sender{color:#FFCC66; font-size:14px; margin-left:50px; font-weight:bold;}
.date{color:#6699FF; font-size:11px; margin-left:30px;}
.message{color:#6699FF; font-size:18px;}
.txt{margin-left:50px; padding:5px; margin-right:40px;}
.email{font-size:11px; margin-left:80px; font-weight:normal; font-family:Courier New;}
.form{font-size:14px; line-height:16px; font-weight:bold;}
.jack{position:relative; height:40px; width:40px; margin-bottom:-40px; background: url(jack-in.jpg) no-repeat top left;}

textarea {background:black; color: #B8AF88; height:100px; width:95%; font-size:15; margin-bottom:5px; margin-top:2px;}
input.bginput{background:black; color: #B8AF88;}
input.button{background:black; color:white; font-size:14px; font-weight:bold}
input.button:hover{background:white; color:black; font-weight:bold}

hr{margin:2px 20px 4px 0;}

/* ============ Photos ================ */
.photos{padding:10px; text-align:left;}
.photos img{border: 2px solid #FFFFFF; margin:2px;}
/*==================== Pop-up ==========================*/
.pop img{border:0; margin:0; overflow: auto;} 
.close{position:absolute; left:0; top:0; height:20px; width:100%; text-align:center; z-index:4;}
.next{position:absolute; right:0; top:0;  height:20px; z-index:5;}
.prev{position:absolute; left:0; top:0;  height:20px; z-index:5;}
.close a:link,.close a:visited,.next a:link,.next a:visited, .prev a:link,.prev a:visited
{color:#FFFFFF; background-color:#000000; font-weight:bold; border-bottom:none; padding:2px; border:1px solid #FFFFFF;}
.close a:active, .close a:hover, .close a:visited:hover, 
.next a:active, .next a:hover, .next a:visited:hover,
.prev a:active, .prev a:hover, .prev a:visited:hover
{color:#000000; background-color:#FFFFFF; font-weight:bold; border-bottom:none; padding:2px; border:1px solid #000000;}

/* ============ Other ================ */ 
.paragraph{text-indent:20px; margin:0 50px 5px 0; font-family:'Comic Sans MS'; font-size:14px;}
.cap{font-family:Georgia,'Comic Sans MS'; font-size:40px; line-height: 50px; margin-left:10px;}
.right{float:right; margin: 0 0 10px 20px;}
.left{float:left;}
.fcenter{float:left; text-align:center; margin-right:50px;}