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

#container{
	width:868px;
	height: 415px;
	padding-top:0px;
	padding-bottom:0px;
	background-color:none;
	}
	
#content
	{
		background-color:white;
	}
	
.maincontent
	{
		background-color:#fff;
		height:415px;
		border: solid #ccc;
		
	}
			
body
	{
		margin: 0;
		padding: 0;
		font-family:Arial, sans-serif;
		color: #666;
		font-size: 9pt;
		font-weight: normal;
		line-height: 1.3em;
		text-transform: none;
		text-align: center;
		background-color: #fff;
	}
	
	h1
	{
		background: #fff;
		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: Arial, sans-serif;
		font-size: 8 pt;
		font-weight: bold;
		color: #666;
		text-transform: lowercase;
		word-spacing: .2em;
		padding: 0;
		display:inline-block;
		margin-bottom: 8px;
	}
	

	.nav li
	{
		display:inline;
		padding-right:20px;
	}
	
	.nav a
	{
		color:#999;
		text-decoration: none;
	}
	
	.nav li a:hover
	{
		color:#333;
	}
	
	.nav li a:selected
	{
		color:#ccc;
	}

	.bodycontent
	{
		width:345px; 
		min-height:250px; 
		height:auto; 
		height: 260px; 
		background-image:none;
		background-repeat:no-repeat;
		font-family: Arial, sans-serif;
		color: #999;
		font-size: 10pt;
		font-weight: normal;
		line-height: 1.3em;
		text-transform: none;
		text-align: left;
		padding:  5px 5px 5px 40px;
		margin: 0.3em auto;
		float:left; 
}
	
	
	.bodycontent a:link
	{
		color:#333;
		text-decoration: none;
	}
	.bodycontent a:visited
	{
		color:#ccc;
		text-decoration: none;
	}
	.bodycontent a:hover
	{
		color:#333;
		text-decoration: none;
	}
	
	.bodycontentimg
	{
		padding: 15px 60px 0px 0px;
		float: right;
	}
	.indeximg
	{
		padding: 20px 2px 2px 8px;
		float: right;
	}
		
	.contentbackground
	{
		background-image: url(images/main_bkg_img.jpg) ;
		background-repeat: no-repeat
	}
	
	.contentbackground2
	{
		background-image: url(images/main_bkg_img2.jpg) ;
		background-repeat: no-repeat
	}
	.contentbackground3
	{
		background-image: url(images/main_bkg_img3.jpg) ;
		background-repeat: no-repeat
	}
	
	.contentbackground4
	{
		background-image: url(images/main_bkg_img4.jpg) ;
		background-repeat: no-repeat
	}
	.contentbackground5
	{
		background-image: url(images/main_bkg_img5.jpg) ;
		background-repeat: no-repeat
	}
	.contentbackground6
	{
		background-image: url(images/main_bkg_img6.jpg) ;
		background-repeat: no-repeat
	}
	.contentbackground7
	{
		background-image: url(images/main_bkg_img7.jpg) ;
		background-repeat: no-repeat
	}
	 
	.floatright 
	{ 
		float: right; margin: 0px 0px 5px 5px; 
		}
		
	.floatleft 
	{
		float: left; margin: 0px 0px 0px 5px; 
		}
		
#mycustomscroll {
		width:345px; 
		min-height:250px; 
		height:auto; 
		height: 260px; 
		overflow:auto;
		overflow-x: hidden;
		position: relative;
		font-family:Arial, sans-serif;
		color: #666;
		font-size: 10pt;
		font-weight: normal;
		line-height: 1.3em;
		text-transform: none;
		text-align: left;
		padding:  5px 40px 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:Arial, sans-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: #333;
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: 5; left: 0;
}

.vscrollerbase {
width: 4px;
background-color: #ccc;
}
.vscrollerbar {
width: 14px;
height: 14px;
background-color: #999;
}
.hscrollerbase {
height: 5px;
background-color: white;
}
.hscrollerbar {
height: 10px;
width: 14px;
background-color: #999;
}

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

	.footer
	{
		font-family: Arial, sans-serif;
		font-size: 7 pt;
		font-weight: normal;
		color: #999;
		text-transform: lowercase;
		word-spacing: .2em;
		padding: 0;
		display:inline-block;
		margin-top: 12px;
		margin-bottom: 5px;
		
	}
	.footer li
	{
		display:inline;
		padding-right:0px;
	}
	
	.footer a
	{
		color:#999;
		text-decoration: none;
	}
	
	.footer li a:hover
	{
		color:#333;
	}
	
	.footer li a:selected
	{
		color:#ccc;
	}
	
	#finalfooter
	{
		clear: both;
		background: none;
		font-size: 8pt;
		color: #999;
		margin-top:2px;
		
	}