/* CSS Notemuseum Stylesheet */
/*css fix to do preload*/

html, body {
	background-color:#000000;
	font-size:small;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	height: 100%;}

a {color: #006699; text-decoration:none;}
a:visited {color: #006699; text-decoration:none;}
a:hover {color: #ffffff; text-decoration:none;}
a:active {color: #ffffff; text-decoration:none;}
	
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:950px;
	background:#dbd2b3;
	height:auto; /*!important real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%;
	padding:0px;
	clear:both;} /* real browsers */
	
div#header {
	background-color:#ffffff;
	background-image:url("images/banner.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:95%;
	display:block;
	width:100%;
	height:106px;
	padding:0px;}
	
	div#header p {
		font-style:italic;
		font-size:small;
		margin:0px;}
	/* Note: Header Font - kissassinger */
	
/*navigation menu */
#navbar {
	width:100%;
	padding-top:70px;}
	
	#navbar ul {
		list-style:none;
		margin:0px;
		padding:16px;	margin-right:40px;}

	#navbar li {
	    background-image:url(images/button.gif);
		display: inline;
		padding:3px;
		margin:1px; 
		text-align:center; 
		border: 1px solid #000000;
		background-repeat:repeat-x;
		height:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#DBD2B3;
		font-size:xx-small;}

		#navbar li:hover{
			background-image:url(images/button2.gif);
		background-repeat:repeat-x;
			border: 1px solid #463C30;}
		#navbar .here {background-image:url(images/button2.gif);
		background-repeat:repeat-x;}
	
	
	#navbar a{color:#DBD2B3;text-decoration:none;}
	#navbar a:visited{color:#DBD2B3;text-decoration:none;}
	#navbar a:hover{color:#DBD2B3;text-decoration:none;}
	#navbar a:active{color:#DBD2B3;text-decoration:none;}
	#navbar li .hertex{color:#ffffff; text-decoration:none;}	
/*end navigation menu */

		
div#content {
	padding:15px 50px 0px 50px; /* bottom padding for footer */
	background-color:#dbd2b3;
	clear:both;
	position: relative;
}
	
	div#content p {
		padding:.5em ;
		padding-right:30px;
		text-align:justify;}

/* Specials Column */
td#col {
	width:200px;
	background-color:#FFFFFF;
	border: 1px solid #000000;
	clear:both;
	text-align:justify;
	padding-top:5px;
	padding-left:15px;
	padding-bottom:10px;
	padding-right:15px;}
	
.col a {color: #006699; text-decoration:none;}
.col a:visited {color: #006699; text-decoration:none;}
.col a:hover {color: #463C30; text-decoration:none;}
.col a:active {color: #463C30; text-decoration:none;}
/* End Specials Column */

.product {background-color:#FFFFFF;
	border: 1px solid #000000;
	text-align:left;
	padding-top:5px;
	padding-left:15px;
	padding-bottom:10px;
	padding-right:15px;}

.productlink a {color: #006699; text-decoration:none;}
.productlink a:visited {color: #006699; text-decoration:none;}
.productlink a:hover {color: #463C30; text-decoration:none;}
.productlink a:active {color: #463C30; text-decoration:none;}

hr {width:50%; color:#463C30;  }

/*buttons */
#buttons {width:100%;}
	
	#buttons ul {
		list-style:none;
		margin:0;
		padding-top:10px;
		padding-bottom:10px;}

	#buttons li {
		display: inline;
		padding:3px; 
		margin:1px; 
		text-align:center; 
		border: 1px solid #000000;
		background-image:url(images/button.gif);
		background-repeat:repeat-x;
		height:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#DBD2B3;
		font-size:65%;}

		#buttons li:hover{background-image:url(images/button2.gif);
			background-repeat:repeat-x;
			border: 1px solid #463C30;}
		
	#buttons a{color:#DBD2B3; text-decoration:none;}
	#buttons a:visited{color:#DBD2B3; text-decoration:none;}
	#buttons a:hover{color:#DBD2B3; text-decoration:none;}
	#buttons a:active{color:#DBD2B3; text-decoration:none;}
	
/*end buttons */


/* Text Styles */
.copyright {
	font-size:xx-small;
	text-align:center;
	color:#000000;
	font-weight:bold;}
	.copyright a:link{color:#006699; text-decoration:none;}
	.copyright a:visited{color:#006699; text-decoration:none;}
	.copyright a:hover{color:#463C30; text-decoration:none;}
	.copyright a:active{color:#463C30; text-decoration:none;}

.style1 {
	font-weight:bold;
	font-size:x-small;
	font-style:italic;
	text-decoration:none;
	color:#463C30;}
	
		
.style2 {color:#463C30; font-weight:bold; font-size:medium;}

.style3 {color:#FF0000; font-style:italic;}
		
div#footer {
	clear:both;
	position:absolute;
	display:block;
	bottom:0; /* stick to bottom */
	width:100%;
	background:#ffffff;
	border-top:6px double #000000;
	padding-top:1px;
	}
	
	div#footer p {padding:1em; margin:0;}
	
	div#footer a {text-decoration:none;} 
		
	
div#longfooter {
	position:relative;
	clear:both;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#ffffff;
	border-top:6px double #000000;
	display:block;}
	
	div#longfooter p {padding:1em; margin:0;}
	
	div#longfooter a {text-decoration:none;}
