/* Basic Elements */
html, body {
	margin: 0;
	background:#47618b;
	font-size: small;
  	line-height: normal;
  	font-family: Arial,Helvetica,sans-serif;
	color: #042149;
	}
#container {
	width: 800px;
	margin: 0 auto;
	background:#f5f5f5;
	}
#header {
	width: 100%;
	height: 86px;
	background: url("papertop.jpg") repeat-x 0% 0%;
	}
#subfooter {
	width: 100%;
	height: 86px;
	background: url("paperbottom.jpg") repeat-x 0% 0%;
	background:#47618b;
	}
#footer {
	width: 100%;
	clear: both;
	padding: 5px 0;
	color: #fff;
	background: #47618b;
	}

/* footer styling */
ol {
	margin: 0;
	padding: 0;
	}

 
li {
	margin: 0;
	padding: 0;
	line-height: 16px; 
	}
 
.col1 {margin-left: 5px; list-style: none; }
 
.col2 {margin-left: 175px; margin-top: -64px; list-style: none; }
 
.col3 {margin-left: 350px; margin-top: -64px; list-style: none; }

.col4 {margin-left: 525px; margin-top: -50px; text-align:right; list-style: none; }
 


/* Nav Menu */
#main_nav { margin-left: -40px ; padding: 0; height: 82px; }
#main_nav:hover li a { background-position: 0 0 }
#main_nav:active li a { background-position: 0 0 }

#main_nav li { float: left; }
#main_nav ul { list-style-type: none; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 82px; }

#home { background: url("images/home.jpg"); width: 257px; }
#home:hover { background: url("images/home.jpg") 0 -82px !important; }
#home:active { background: url("images/home.jpg") 0 -164px; }


#currentcol { background: url("images/currentcol.jpg"); width: 105px; }
#currentcol:hover { background: url("images/currentcol.jpg") 0 -82px !important; }
#currentcol:active { background: url("images/currentcol.jpg") 0 -50px; }

#previouscol { background: url("images/previouscol.jpg"); width: 118px; }
#previouscol:hover { background: url("images/previouscol.jpg") 0 -82px !important; }
#previouscol:active { background: url("images/previouscol.jpg") 0 -50px; }

#customdesign { background: url("images/customdesign.jpg"); width: 100px; }
#customdesign:hover { background: url("images/customdesign.jpg") 0 -82px !important; }
#custom:active { background: url("images/customdesign.jpg") 0 -50px; }

#aboutus { background: url("images/aboutus.jpg"); width: 113px; }
#aboutus:hover { background: url("images/aboutus.jpg") 0 -82px !important; }
#aboutus:active { background: url("images/aboutus.jpg") 0 -50px; }

#contact { background: url("images/contact.jpg"); width: 107px; }
#contact:hover { background: url("images/contact.jpg") 0 -82px !important; }
#contact:active { background: url("images/contact.jpg") 0 -50px; }


/* Positioning for Individual Hat pages */
.textposition  {

  	width: 350px;
  	border: none;
	float:right

}
.galleryposition  {
  	width: 350px;
  	border: none;
	float:left
}


/* Additional styles */
p {
	padding: 10px;
	margin: 0;
	}
img {
	border: 0;
	}
h1 {
	display: none;
	}
h2 {
	font-size:small;
        color:#ad570a;
	font-style:bold
        margin-top:-10px;
        margin-bottom:-15px;
	}
brown {
	font-size:small;
        color:#ad570a;
	}
a:link {
	color: #e87b1f;
}
a:visited {
	color: #e87b1f;
}
a:hover {
	color: #6c92cf;
}
a:active {
	color: #083473;
}