#wrapper {
position: relative;
text-align:left;
width:720px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

body 
{
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/tile.jpg)
}

a:link, a:visited, a:active {
			color: #ed1650;
}
			
p 
{
	font-size: 14px;
}

  .centeredImage
    {
    text-align:center;
    display:block;
    /*The next two lines are for Firefox to center the image:*/
    margin-right:auto;
    margin-left:auto; 
    margin-bottom:0px;
    }
	
   .italicText
   {
	text-align:center;
	font-style:italic;
	font-weight:bold;
	font-size:14pt;
   }

#content H1,H2,H6,h4 {
	margin-top:10px;
	margin-bottom:5px;
	padding-top:0px;
	text-align:center;
}

h2,h4 {
 margin:10px 0px 5px 0px;
 }
 
#slideshow 
{
	text-align:center;
}

#searchResults
{
	margin-top: 10px;
    margin-left:80px; 
	font-size: 13px;
}

#slogan 
{
	text-align:center;
	font-style:italic;
	padding:10px 0 10px 0;
}
	
	#show 
{
	position:absolute;
	height:440px;
	width:400px;
	left:200px;
}

#cannonballcontent img {
margin-top:5px;
margin-right:7px;
}

#header {
	text-align:center;
	margin: 0;
	padding: 0;
}

#belts img, #footer img {
	position:relative;
	/*The margin-top offset pulls the list item text back to its default leading.*/
	margin-top:-16px;
	/*The margin-bottom offset pulls the image itself down to align with the list item text. */
	margin-bottom:-8px;
	border:none;
	}
	
.bold 
{
	font-weight:bold;
}

.header {
font-size:16px;
font-weight:bold;
}
	
#content {
border: solid 0px;
width:700px;
margin:0;
padding:10px 10px 10px 10px;
clear:both;
/* float:right; This float right is necessary to position the content right of the floating navigation. */
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

li 
{
	margin-top:6px;
}

#belts {
border: solid 0px;
width:700px;
margin:0;
padding:10px 10px 10px 10px;
clear:both;
/* float:right; This float right is necessary to position the content right of the floating navigation. */
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
#navcontainer 
{
		border-top: solid 10px black;
		text-align:center;
		margin-bottom:0px;
		width:720px;
}

ul#navlist 
{
		/*The auto on right and left margins centers the list*/
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:10px; 
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
        width:605px; /*This give the margin a reference for centering the list*/
}

ul#navlist li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
		border-top: 1px solid #d6dff0;
        border-bottom: 1px solid #d6dff0;
		background-color:#e2e9f6;
}

#navlist li a {
        margin: 0;
        padding: 5px 9px 4px 9px;
        /*This code sets the color of the <a> tag.*/
				color: #000000;
	   border-right: 1px dashed #ed1650;
        text-decoration: none;
}

ul#navlist li#active a{
        /*This sets the color of the <a> tag's text and the background color specifically for list items having the "active" id.*/
		color: #ed1650;
	   background-color:#9ca89e;
}

#navlist a:hover {
        /*This code changes the color of the <a> tag's text and the background color when hovered over.*/
				color: #ed1650;
	   	   background-color:#9ca89e;
}

#specifications {
clear:both;
}

#prairieBelts {

text-align:center;
width:700px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
clear:both;
padding:10px 10px 10px 10px;
}

#prairieBelts h2 {
	 margin:10px 0px 5px 0px;
}

#footer 
{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	clear:both;
	margin-top:10px;
}

#footer A {color: black; font-weight: bold; font-size:x-small;}
#footer A:active {color: black; font-weight: bold;}
#footer A:visited {color: black; font-weight: bold;}
#footer A:hover {color: black; font-weight: bold;}