
/* NAVIGATION */
ul#mainNav {
	border-left: 1px solid #999999;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom:5px;
	list-style: none;
	float: left;

}

#mainNav li {
	float: left;
	width: 8em;
}

#mainNav a {
	text-decoration: none;
	color: #1870f4 ;
	font-size: small;
	text-transform: uppercase;
	border: 1px solid #999999;
	border-left: none;
	display: block;
	padding: 7px 5px 7px 25px;
	background: #b2f511 ;
}

#mainNav a:hover {
	background: silver;
	font-weight: bold;
}

/* special formatting for home page link */



a#homeLink {
	background: #b2f511 ;
}



/* IE Fixes */

/* force hover on entire width of  link */


* html #mainNav a {
	height: 1px;
}


body {
	font: 80%  Arial, Helvetica, Verdana, 		sans-serif;
	margin: 5%;
	padding: 3 px;
	width: 1024px;
}
 

h1	{color: silver; 
	 text-align: center;

}


h2,h3,h4,h5 {color: #4169e1;
	     margin: 5%;
	     padding: 3 px;

}

P	{Color: black ; font-size: medium;
	 padding-left:5% ;
	 padding-right:20% ;
	 Margin-top:3px ;
	 Margin-bottom:5px ;
}

ul	{margin-left: 125px;
	 padding-top:-400px;
	 font-size: medium;
}


.info	{margin-left:300px;
	 margin-top:20px;
	 margin-bottom:20px;
}

#viewCart {margin-left:750px;
	   margin-top: 75px;
	   margin-bottom:0px;
           Position: fixed;
	   border: 7 px ridge ;
	   Padding:5px;
	   background: #e9eae8;
}



td	{font: 70%  Arial, Helvetica, Verdana, sans-serif;

}

.left	{float: left;
	 padding-right: 5%}
	 


.right	{float: right;
	 padding-right: 15% ;
	 margin-top: 5%;
}
	 



/* angled brackets fix for IE */

<ol>	{Margin-top:400px;
	 margin-left: 350px;
	
}

.down	{margin-top: 5%; 

}


form { width: 450px;
       	
 }

/*=label/labelspan */

label ,labelspan {display : block; padding-bottom : .25em}

label 	{	float: left ;
		width : 25% ;

}



label span {	float: left:
       		width : 75%; 
		text-align: right;
}

/* =input*/

fieldset input, textarea {float : right; 
		width: 75% ;
		border: 1px solid silver;
}


fieldset input:hover, textarea:hover { border-color: green;}

fieldset input:active, input:focus, textarea:hover,textarea:focus { border-color: green;}


/* =fieldsets */

fieldset { background:url(grass.jpg); 
	   repeat-x;}
	   

/* =form Div */



form div {margin-bottom : 20px;
	  padding: 20px;
	  border: 1px solid silver;
	  background:url(green.jpg); 
	  repeat-x;
	  overflow: hidden;
	  text-align: center;
	  
}

form div input { text-transform: uppercase;
		 padding: .5em;
		 border: double silver;
}

