body, div, ul, h1, h2, h3 { border: 0; margin: 0 auto; padding: 0; }
a { text-decoration: underline; color: #ffffff; font-weight: bold;}
a:hover { text-decoration: none; }

body {
 background: #000000 url('images/stripe.png');
 text-align: center;
 color: #ffffff;
 font-family: trebuchet ms, sans-serif;
 }
 
#header { 
 background: url('images/header.png') no-repeat center;
 width: 800px;
 height: 251px;
 } 
 
#nav {
 position: relative;
 top: 200px;
 height: 50px;
 line-height: 50px;
 font-size: 18px;
 font-weight: bold;
 color: #000000;
 } 
 
#nav li {
 position: relative;
 list-style-type: none;
 display: inline;
 padding-left: 15px; padding-right: 15px;
 padding-top: 7px; padding-bottom: 7px;
 }

li.dark ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
	width: 200px;
	line-height: normal;
	top: 37px;
	border: 1px solid #184080;
	border-top: none;
	text-align: left;
}

#nav li ul a { color: #ffffff; font-size: 14px; }
#nav li ul { padding-bottom: 5px; }
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	background-color: #2a2f37;
}

li.dark:hover { background-color: #2a2f37; }

#content {
	clear: left;
}

#nav li:hover ul, #nav li.over:hover ul {
 display: block;
 }

#nav a { text-decoration: none; color: #000000; }
#nav a.current { text-decoration: underline; }
#nav a:hover { color: #ffffff; }
 
#main { 
 background: url('images/main.png') repeat-y center;
 width: 800px;
 height: auto;
 }
 
#contact { border: 1px solid #ff00ff;
 position: relative;
 z-index: 20;
 width: 250px;
 }
 
#content {
 width: 570px;
 height: auto;
 padding-top: 10px;
 text-align: left;
 padding-bottom: 75px;
 clear: both;
 }

#content ul { margin-left: 15px; }
#content ul li li { margin-left: 15px; }
#content ul.ulnone { list-style-type: none; }
#content ul.ulnone ul { list-style-type: square; }
 
#content.center {text-align:center; }
 
#products { text-align: left; padding-left: 15px; }
#content>#products img { padding-left: 0px; padding-right: 0px; border:none; width: 120px; }
 
#col {
  column-width: 150px;
  column-count: 3;
  column-gap: 0;   /* shown in yellow */            
  column-rule: 4px solid green;
  padding: 5px;      /* shown in blue */
}

#column h1 { column-break-before: always }

ul.hours li:hover { color: #000000; background-color: #ffffff; cursor: default;}
ul.hours li { font-family: Lucidatypewriter, courier new, courier, monospace; size: 18px; font-weight: bold; }
 
#aux {
border-right:medium none;
float:right;
margin-bottom:60px;
margin-right:10px;
padding-bottom:20px;
padding-left:10px;
position:relative;
width:150px;
}
 
#sidebar {
 float: right;
 width: 250px;
 border: 2px solid #184080;
 background-color: #1d1d1d;
 padding: 5px;
 }
 
#sidebar.index { margin-top: 25px; }
#sidebar a { font-size: 14px; text-decoratoin: underline;  color: #184080; }
#sidebar a:hover { text-decoration: underline; background-color: normal; }
 
#content a:hover { color: #000000; background-color: #ffffff; } 

#content img { border: 2px solid white; width: 300px; margin: 5px; }

#footer {
 background: url('images/footer.png') no-repeat center;
 width: 800px;
 height: 50px;
 font-size: 12px;
 color: #ffffff;
 clear: both;
 }
 
#footer a { text-decoration: none; }
#footer a:hover {text-decoration: underline; }

.hidden { display: none; }
.shown {display: block; }

.clearing {
  height: 0;
  clear: both;
  padding-top: 25px;
}