@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

a{
	
		}

#page{
	min-width: 960px
	max-width: 960px
}

#wrap {

width:960px;


margin:0 auto;
background:#ffffff;
}

#header {
width:960px;
height:155px
pad:5px
}

#main {


float:left;
width:560px;
height:600px;
text-align:center;

}


#sidebar {
float:left
;
width:400px;
height:600px;


}
#footer {
	
width:960px;
margin:0 auto;
height:125px
text-align:center;
clear:both;
}



#nav{
			
			list-style:none;
			color: #000000;
			margin:0;
			padding:0;
			text-align:center;
			text-transform:uppercase;
			
			
			
		}
		#nav li{
			position:relative;
			display:inline;
			z-index: 9999;
		}
		#nav a{
	display: inline-block;
	padding: 10px;
	background:#000000;
	font-weight:bold;
	text-decoration: none;
	color: #ffffff;
	font-size:14px;
	
	
	
		}
		a:hover{
	text-decoration: none;
	background: 000000;
	
    
	
		}
		#nav ul{
			position:absolute;
			/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
			left:-9999px;
			margin:0;
			padding:0;
			text-align:left;
		}
		#nav ul li{
			display:block;
			
		}
		#nav li:hover ul{
			left:0;
			color:#ffffff;
			
			
		}
		#nav li:hover a{
			
			background-color:#fff;
			color:#000;
		}
		#nav li:hover ul a{
	text-decoration: none;
	background: #000;
	color: #fff;
		}
		#nav li:hover ul a:hover{
	text-decoration: none;
	background-color:#fff;
	color: #000;
		}
		#nav ul a{
	white-space: nowrap;
	display: block;
	border-bottom: 1px solid #ccc;
	color: #000000;
				
			
		}
		
		
		
		/*holder holds the jquery tabs on the right side.*/
		#holder{
			height: 325px;
      width: 400px;
			margin: 0 auto;
			text-align:center;
			font-weight:bold;
			padding-top:5px;
		}



		ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
			
		}
		ul.tabs li{
	background: none;
	color: #333;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	font-weight: bold;
		}

		ul.tabs li.current{
	background: #ddd;
	color: #222;
	font-weight: bold;
		}

		.tab-content{
			display: none;
			padding: 0px;
			
		}

.tab-content.current{
display: inherit;
color: #333;
height: 225px;
font-size: 18px;
font-weight: bold;
 }
		
ul.tabs2{
margin: 0px;
padding: 0px;
list-style: none;

	}
	
ul.tabs2 li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
font-weight: bold;
	}

ul.tabs2 li.current{
background: #ddd;
color: #222;
	}

.tab2-content{
display: none;
background: #ffffff;
padding: 15px;
height: 528px;
font-size:17px;
font-weight:800;
			
	}

.tab2-content.current{
display: inherit;
			
	}
	
	
	
	
	ul.tabs3{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs3 li{
	background: none;
	color: #333;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	font-weight: bold;
		}

		ul.tabs3 li.current{
	background: #ddd;
	color: #222;
	font-weight: bold;
		}

		.tab3-content{
			display: none;
			padding: 0px;
			
		}

.tab3-content.current{
display: inherit;
color: #333;
height: 380px;
font-size: 18px;
font-weight: bold;
 }
	
.disclaimer {
font-size:11px;
}	

		
/*end jquery tabs on right side*/
		
.Features{
	font-size: 16px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}
		
.headline {
	font-size: 28px;
	font-style: italic;	
}


/*body min width forces site structure toi stay intact*/
body{
                
                min-width:960px;
				
}
