body{
	background-color: grey;
	font-family: Helvetica, Arial, sans-serif;
}
#box{
	overflow: auto;
	width:1000px;
	margin:auto;
	background-color: white;
}
#searchBox{
	width:1000px;
	height:25px;
	background-color:black;
	margin-bottom:25px;
	box-shadow:10px 10px 10px grey;
}
#search{
	margin: 0px 10% 0px 40px;
	float: right;
}
#header{
	margin:auto;
	width:800px;
}
#logo{
	float:left;
	width: 800px;
	height: 45px;
	border: 0;
	display: block;
}
#NAVBAR{
	float:right;
	background-color: white;
	font-size:20px;
}
#NAVBAR li{
	width:auto;
	text-align:center;
}
#mainImgBox{
	margin:100px auto 10px auto;
	width:800px;
	box-shadow:0px 10px 10px grey;

}
#mainImgBox img{
	display:block;
}
#mainImg{
	width:800px;
	height:150px;
}
#FeaProd h1{
	display: block;
	font-size: 20px; 
	color:white; 
	background: black; 
	box-shadow: 0px 5px 5px grey;
}
#FeaProd2 h1{
	display: block;
	font-size: 20px; 
	color:black; 
	background: #d5d5d5; 
	box-shadow: 0px 5px 5px grey;
}
#infoList{
	float:left;
}
#infograph{
	width:264px;
	height:200px;
}
#arrowBox{
	width:20px;
	padding:20px;
	float:left;
}
#betterName{
	width:200px;
	float:right;
	font-size:15px;
}
#content{	
	margin:auto;
	overflow:auto;
	width:800px;
}
#contUpper{
	overflow:auto;
	width:800px;
}
#contLower{
	overflow:auto;
	width:800px;
	background-color: #d5d5d5;
	font-size: 12px;
	box-shadow:10px 10px 10px grey;
}
#logoTEXT{
	display: block;
	font-size: 12px;
	font-weight: bold;
}
#contLowerW{
	overflow:auto;
	width:800px;
}
#navTarget{
	width:800px;
	height:400px;
	background-color: #d5d5d5;
	box-shadow:10px 10px 10px grey;
}
#contLower ui{
}
#contLower li{
	list-style:square;
	color:red;	
}
#contLower span{
	color:black;
}
#contLeft{
	width:260px;
	float:left;
	border-right-style:solid;
	border-width:1px;
	padding:3px;
}
#contCent{
	padding:3px;
	width:260px;
	float:left;
	border-right-style:solid;
	border-width:1px;
}
#contRight{
	width:260px;
	padding:0px;
	float:left;
}
#foot{
	width:1000px;
	font-size: 8px;
	color:white;
	background-color:black;
	box-shadow: 0px -5px 5px grey;
	overflow:hidden;
}
#footLeft a:link{ 
    color: white;
    text-decoration: none;
    cursor: auto;
}
#footLeft{
	float:left;
	margin-left:10%;
}
#footRight{
	
	float: right;
	margin-right:10%;
}
#footRight img{
	margin:3px;
}
.imgbut{
    background-image:url('images/Arrow_Box.jpg');
    background-position:  0px 0px;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border: 0px;
}
.medIcon{
 width:20px;
 height:20px;
}