/* CSS Document */
body { margin: 0px; padding: 0px; font-family: "Trebuchet MS", 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: 40px; 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; }
#bodyleft img {
	width: 557px;
	height: 392px;
	padding-bottom:5px;
	text-align: center;
}
#bodyleftflash { width:557px; height:392px; z-index:50; margin-left: -170px; margin-top: 20px; margin-bottom: 20px; float: left; position: relative; z-index: 50;}
#gallery { position: absolute; top:75px; width:969px; margin-left:-1px; z-index:50; }

/*#buttoncontainer { position: absolute; top:420px; } */
#buttoncontainer { clear:left;}
.button { width: 170px; height: 80px; border: 1px solid #999; float: left; margin: 8px; padding:5px; }
.buttonon { width: 170px; height: 80px; border: 1px inset #000; float: left; margin: 8px; padding:5px; background-color: #E2E2E2; }

#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: 25px; padding: 10px 5px 0 10px; margin: 0 0 0px 0; color:#FFF; font-weight:normal; text-align: left;}
h3 { font-size: 22px; padding: 10px 0 0 10px; margin: 0 0 0px 0; color:#FFF; font-weight:bold;}
h4 { font-size: 12px; color: #FFF; padding: 2px 0 0 5px; margin: 1px 0 1px 0;}
h2, h5 { font-size: 0.75em; color: #003366; padding: 2px 0 0 10px; margin: 0 0 0 0;}
p { font-size: .75em; padding: 0 10px 0 10px; margin: 10px 5px 10px 0; }
.p2 { font-size: .65em; color:#999; padding: 4px; margin: 0px; }
.p3{ font-size: .7em; padding: 0 10px 0 10px; margin: 0px 10px 0px 0;}
.p4{ font-size: .6em; padding: 0 0px 0 0px; margin: 0px 0 0px 0;}
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; list-style:square; }

/* 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: relative;
	/*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; left:0; top:10px;
  width:10px; height:360px; 
  font-size:1px; z-index:1;
  float: right;
  }
div#track2 { 
  position: relative; left:0; top:10px;
  width:10px; height:340px;
  background: #333333;
  z-index:1;
  }
div#dragBar2 {
  position:absolute; left:0px; top:0px;
  width:8px; height:20px;
  background-color:#999999;
  z-index:1;
  }  
div#up2 { position:absolute; left:0; top:0; z-index:2; }  
div#down2{ position:absolute; left:0; bottom:0; z-index:3; }