/* CSS Document */
body { margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; color: #CCCCCC; font-size: 100%; height:100%; background:#505050 url(../images/bg_gradient2.jpg) repeat-x ; }
#container { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; background:url(../images/bg_flower.gif) no-repeat; background-position: left 150px;}
#header{ padding-top: 5px;  height: auto; width: 967px; }
#logobox { position: relative;  height:auto; padding-top: 45px; float: left; }
#navigationmenu { width:800px; float: right; margin-top:25px; display: block; }
#navtopleft{ float: left; padding: 0;  width: 20px; border-top: 1px solid #999; border-left: 1px solid #999; line-height:10px;}
#navtopright { float: right; padding: 0; margin: 0; width: 20px; border-top: 1px solid #999; border-right: 1px solid #999; line-height:10px;
}
#navigationrow { padding-top:15px; margin: 0;  height: 25px; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 4px solid #333;
}
#navpicture { width:572px; height:407px; z-index:0; float: left; position:absolute; left:152px;
}
.clear {clear: both;}
#bodycontainer { height: auto; width: 967px; }
#mainbody { width: 798px; float: right; border-left: 1px solid #999; border-right: 1px solid #999;  padding-bottom: 10px; }
#bodyprint { padding: 5px; margin-left:-180px; margin-top:420px;float: left;  text-align:left; }

#bodyright { width: 375px; height:auto; padding:10px; float: right;  text-align:left; }
#headtext { width: 370px; padding:0px;  height:30px; text-align:left;}

#bodyleft { width: 557px; height:392px; background:#FFFFFF; padding:5px; overflow: hidden;   border: 1px solid #999;  margin-left: -170px; margin-top: 20px; margin-bottom: 10px; float: left; position: relative; z-index: 50; }
#bodyleftflash { width:557px; height:392px; z-index:50; margin-left: -170px; margin-top: 20px; margin-bottom: 20px; float: left; position: relative; z-index: 50;}
#bodyleft img {
	width: 557px;
	height: 392px;
	padding-bottom:5px;
	text-align: center;
}
#gallery { position: absolute; top:140px; width:969px; margin-left:-1px; z-index:50; }

#buttoncontainer { clear:both; border-top:1px solid #999; border-bottom:1px solid #999; background:url(../images/bg_diagonals.gif);}
#bookbtncontainer { clear:left; border-top:1px solid #999; border-bottom:1px solid #999; background:url(../images/bg_diagonals.gif); }
.button { width: 170px; border-left: 1px solid #999; float: right; margin: 0px; padding:10px 0 10px 0; background-color:#505050;}
.buttonon { width: 170px; border-left: 1px inset #FFF; float: right; margin: 0px; padding:10px 0 10px 0; background-color: #000; }

#footcontent {
	padding: 0px;
	width: 798px;
	height:20px;	
}
#foottopleft{ float: left; padding: 0;  width: 20px; border-top: 1px solid #999; line-height:1px;}
#foottopright { float: right; padding: 0; margin: 0; width: 20px; border-top: 1px solid #999; line-height:1px;}
#connerfootleft{ float: left; padding: 0;  width: 20px; height:20px; border-bottom: 1px solid #999;}
#connerfootright { float: right; padding: 0; margin: 0; width: 20px; height:20px;border-bottom: 1px solid #999;}
.left {
	padding: 0; margin: 0; height: auto; width: 350px; float: left;
}
.right {
	padding: 0; margin: 0; height: auto; width: 353px; float: right;
}
.buttonleft {
	padding: 0; margin: 0; height: auto; width: 100px; float: left;
}
.buttonright {
	padding: 0; margin: 0; height: auto; width: 100px; float: right; margin-right:10px;
}
/* TEXT */
h1 { font-size: 20px; padding: 10px 5px 0 10px; margin: 0; color:#FFF; font-weight:normal; text-align: left;}
h2 { font-size: 14px; padding: 5px 0px 0px 10px; margin: 0; color:#FFF; font-weight:normal; text-align: left;}
h3 { font-size: 22px; padding: 10px 0 0 10px; margin: 0; color:#FFF; font-weight:bold;}
h4 { font-size: 12px; color: #CCC; padding: 2px 0 0 5px; margin: 1px 0 1px 0;}
h5 { font-size: 0.75em; color: #003366; padding: 2px 0 0 10px; margin: 0 0 0 0;}
p { font-size: 11px;  padding: 0 10px 0 10px; margin: 10px 5px 10px 0; letter-spacing:1px; }/*.75em;*/
.p2 { font-size: .65em; color:#999; padding: 4px; margin: 0px; }
.p3{ font-size: 11px; padding: 0 10px 0 10px; margin: 0px 10px 0px 0;}
.p4{ font-size: .6em; padding: 0 0px 0 0px; margin: 0px 0 0px 0; letter-spacing:0px;}
b { color: #003366;}
a, a:link {	color: #FFF; text-decoration: underline; border: 0; }
a:hover { color: #999; text-decoration: underline; border: 0; }
a:active { color: #47463a; text-decoration: underline; border: 0; }
.alt { font-size: 9px; color: #999999; }
ul { font-size: .75em; margin:9px 4px 0 4px; list-style:square; }
li { font-size: 11px; }
.linkbutton {border:1px solid #999; background:#000 url(../images/bg_submitbutton.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFF; padding:2px 10px 2px 10px;}
.linkbutton:hover { background:#000; color:#CCC; }
a.sitemaplink { font-size:0.95em; font-weight:bold; text-decoration:none; color:#999999;}
a.sitemaplink:hover{ color:#FFFFFF; text-decoration: none;}

#menurate{ margin:15px 5px 0px 0; padding:0; float:right;}
#menurate li{ list-style:none; display:inline; }
#menurate li a{ background:#999; color: #FFF; text-decoration: none; padding:2px 15px 2px 15px; border:1px solid #fff; }
#menurate li a:hover{ background:#FFF; color: #000; text-decoration: none; border:1px solid #999;}
#menurate li a#current{ background:#fff; color: #000; text-decoration: none; padding:2px 15px 2px 15px; border:1px solid #999; }

/* SCROLL BAR */
div#holder1	{ 
	position:relative; overflow:hidden;
	width:180px; height:169px; 
    z-index:100; 
	}
div#wn1	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:180px; height:169px; 
	clip:rect(0px,180px,169px,0px); 
	overflow:hidden;	
	z-index:1;  
	}
div.content { 
	position:absolute; visibility:hidden;
	
	/*left:0px; top:0px; */
	z-index:2; 
	}

div#holder2	{ 
	position: relative; overflow:hidden;
	width:360px; height:360px; 
    z-index:1;
	top:10px; 
	}
div#wn2	{
	/*position: absolute;
	left:0px; top:0px; */
	width:360px;
	height:360px;
	clip:rect(0px,350px,360px,0px);
	overflow: hidden;
	z-index:1;
	
	}
/* vertical scrollbar for wn2 */    
div#scrollbar2 { 
  position: relative;  top:10px;
  width:10px; height:360px; 
  font-size:1px; z-index:1;
  float: right;
  }
div#track2 { 
  position: relative; top:10px;
  width:10px; height:340px;
  background: #333333;
  z-index:1;
  }
div#dragBar2 {
  position:absolute; top:0px;
  width:8px; height:20px;
  background-color:#999999;
  z-index:1;
  }  
div#up2 { position:absolute;  top:0; z-index:2; }  
div#down2{ position:absolute;  bottom:0; z-index:3; }  
