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

#container{
	width:868px;
	height: 415px;
	padding-top:0px;
	padding-bottom:5px;
	background-color:none;
	}
	
#content
	{
		background-color:white;
	}
	
.maincontent
	{
		background-color:#fff;
		height:415px;
		border: thick solid white;
		
	}
			
body
	{
		margin: 0;
		padding: 0;
		font-family:  Kuenst480 BT, Palatino Linotype, serif;
		font-size: 10pt;
		font-weight: normal;
		line-height: 1.3em;
		color: #333;
		background-color: #66cccc;
	}
	
	h1
	{
		background: #66cccc;
		color: #FFF;
		margin: 0;
		padding: 0;
		border-bottom: 5px;
	}
	
	h2, h3 { margin-top: 0; }
	
	
	#content
	{
		width: 20%;
		float: left;
		margin: 0;
		display: inline;
	}
	
	.nav
	{
		font-family: Kuenst480 BT, Palatino Linotype, serif;
		font-size:10pt;
		color: white;
		text-transform: uppercase;
		letter-spacing: 0;
		padding: 0;
		display:inline-block;
		margin-bottom:2px;
	}
	

	.nav li
	{
		display:inline;
		padding-right:20px;
	}
	
	.nav a
	{
		color:white;
		text-decoration: none;
	}
	
	.nav li a:hover
	{
		color:#006666;
	}
	
	.nav li a:selected
	{
		color:#006666;
	}
	.subnav
	{
		font-family: Kuenst480 BT, Palatino Linotype, serif;
		font-size:9pt;
		font-weight: normal;
		letter-spacing: .5px;
		color: white;
		text-transform: uppercase;
		text-align: center;
		padding: 0;
		display:inline-block;
	}
	

	.subnav li
	{
		display:inline;
		padding-right:0px;
	}
	
	.subnav a
	{
		color:white;
		text-decoration: none;
	}
	
	.subnav li a:hover
	{
		color:#996600;
	}
	
	.subnav li a:selected
	{
		color:#996600;
	}

	.orangebackground
	{
		background-image:url(images/orangebox.png);
		background-repeat:no-repeat;
		float:right; 
		width:513px;
		padding-right:0px;
	}
	
	.orangebackground2
	{
		background-image:url(images/orangebox2.png);
		background-repeat:no-repeat;
		float:right; 
		width:593px;
		padding-right:0px;
	}
	.orangebackground3
	{
		background-image:url(images/orangebox3.png);
		background-repeat:no-repeat;
		float:right; 
		width:513px;
		padding-right:0px;
	}
	.orangebackground4
	{
		background-image:url(images/orangebox4.png);
		background-repeat:no-repeat;
		float:right; 
		width:593px;
		padding-right:0px;
	}
	
	.bodycontent
	{
		width:370px; 
		min-height:250px; 
		height:auto; 
		height: 260px; 
		font-family:Kuenst480 BT, Palatino Linotype, serif;
		color: #666;
		font-size: 10pt;
		font-weight: normal;
		line-height: 1.3em;
		text-transform: none;
		text-align: left;
		padding:  5px 5px 5px 5px;
		margin: 0.3em auto;
}
.bodycontent2
	{
		width:370px; 
		min-height:250px; 
		height:auto; 
		height: 260px; 
		font-family:Kuenst480 BT, Palatino Linotype, serif;
		color: #666;
		font-size: 10pt;
		font-weight: normal;
		line-height: 1.3em;
		text-transform: none;
		text-align: left;
		padding:  30px 5px 5px 5px;
		margin: 0.3em auto;
}
	
	.bodycontent a:link
	{
		color:#ff9933;
		text-decoration: none;
	}
	.bodycontent a:visited
	{
		color:#ff9933;
		text-decoration: none;
	}
	.bodycontent a:hover
	{
		color:#ff9933;
		text-decoration: none;
	}
	
	.bodycontentimg
	{
		padding: 12px 0px 0px 0px;
	}
		
	.bodycontentimg2
	{
 
		padding: 36px 0px 0px 0px;

	}
		
	.contentbackground
	{
		background-image: url(images/large-side-lotus-blue.jpg) ;
		background-repeat: no-repeat
	}
	
	.floatright 
	{ 
		float: right; margin: 0px 0px 5px 5px; 
		}
		
	.floatleft 
	{
		float: left; margin: 0px 0px 0px 0px; 
		}
		
#mycustomscroll {
		width:370px; 
		min-height:250px; 
		height:auto; 
		height: 260px; 
		overflow:auto;
		overflow-x: hidden;
		position: relative;
		font-family:Kuenst480 BT, Palatino Linotype, serif;
		color: #666;
		font-size: 10pt;
		font-weight: normal;
		line-height: 1.3em;
		text-transform: none;
		text-align: left;
		padding:  5px 15px 5px 5px;
		margin: 0.3em auto;
}
#mycustomscroll2 {
		width:420px; 
		min-height:250px; 
		height:auto; 
		height: 260px; 
		overflow:auto;
		overflow-x: hidden;
		position: relative;
		font-family:Kuenst480 BT, Palatino Linotype, serif;
		color: #666;
		font-size: 10pt;
		font-weight: normal;
		line-height: 1.3em;
		text-transform: none;
		text-align: left;
		padding:  5px 15px 5px 5px;
		margin: 0.3em auto;
}

#mycustomscroll3 {
width: 370px;
height: 260px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #D5EADE;
margin: 0.3em auto;
padding: 5px 15px 5px 5px;
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color:#996600;
padding: 1px;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1.3em;
font-size: 1px;
position: relative;
top: 0; left: 0;
}

.vscrollerbase {
width: 14px;
background-color: #ffcc99;
}
.vscrollerbar {
width: 14px;
height: 45px;
background-color: #ff9933;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: #996600;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: white;
}		
		

	#footer
	{
		clear: both;
		background: none;
		font-size:9pt;
		color: #fff;
		padding-top:2px;
		padding-bottom:0px;
	}