/* undohtml.css */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code/kbd too */
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,img,div
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address,abbr */
address,abbr { font-style:normal }

/* more varnish stripping as necessary... */

*{
	font-size:100%;
}

body{
	font:85%/140% "Comic Sans MS";
	text-align:center;
	background-color:#eeeecc;
	background-image:url(images/shadow.jpg);
	background-position:center;
	background-repeat:repeat-y;
	
}

a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

#container {
width:770px;
margin:0 auto;
	}

#top {
width:770px;
height:236px;
background-image:url(images/banner.jpg);
background-repeat:no-repeat;
}
#top h1 {
text-indent:-9999px;
}
#bottom {
clear:both;
width:770px;
height:303px;
background-image:url(images/bottom.jpg);
background-repeat:no-repeat;

}

#main {
clear:left;
width:770px;
text-align:left;
margin-top:-10px;
}

h2.sideheading {
background-color:#669966;
color:#FFFFFF;
font-size:13px;
padding:2px 0 2px 5px;
letter-spacing:1px;
}
#sidemenu a {
color:#275873;
}
#info {
margin-top:20px;
float:left;
width:210px;
display:inline;
}
#info a {
color:#669966;
}
#info ul {
padding:10px;
font-size:13px;
letter-spacing:1px;
}
#info li {
border-bottom:1px solid #efefef;
padding:2px;
}
#searchform {
padding:10px;
font-size:11px;
}
#searchbox {
width:100px;
display:inline;
float:left;
margin-right:3px;
padding:1px;
}
#searchbutton {
margin-top:-1px;
float:left;
display:inline;
padding:1px;
}
.level1 {
padding:10px;
font-size:11px;
font-weight:bold;
}
.li-level1 {
border-bottom:1px solid #efefef;
}
.level2 {
margin:0 0 10px 10px;
font-weight:normal;
}
.level3 {
margin:0 0 10px 10px;
}
.normalfont {
font-weight:normal;
}

#content {
width:520px;
display:inline;
float:left;
font-size:14px;
padding-left:20px;
padding-right:20px;
padding-top:15px;
text-align:left;
}
#content h2 {
font-size:14px;
margin-bottom:10px;
}
#content h3 {

font-size:15px;
margin-bottom:10px;
letter-spacing:1px;
}
#content h4 {

font-size:13px;
margin-bottom:10px;
letter-spacing:1px;
}
#content p {
font-size:13px;
margin-bottom:10px;
}
#content table {
text-align:left;
}
#content a {
color:#669966;
}
.proddescription {
font-size:12px;
letter-spacing:1px;
}
.prodname {
font-size:13px;
letter-spacing:1px;
}

.topcatselect {
background-color:#efefef;
}
.dropdown {
font-size:10px;
}
.prodnavigation {
font-size:14px;
font-weight:bold;
}
td.catname {
text-align:center;
}
.catname a {
font-size:11px;
font-weight:normal;
}
table.cobtbl {
}
.cobtbl {
font-size:13px;
}
td.cobhl {
background-color:#FFFFFF;
}
#footer {
margin-top:-20px;
text-align:right;
font-size:12px;
padding-right:10px;
}
#footer a {
color:#990000;
}
#letter-top {
background-image:url(images/letter-top.jpg);
background-repeat:no-repeat;
width:498px;
height:30px;
}
#letter-middle {
background-image:url(images/letter-middle.jpg);
background-repeat:repeat-y;
width:458px;
padding-left:20px;
padding-right:20px;
}
#letter-bottom {
background-image:url(images/letter-top.jpg);
background-position:bottom;
width:498px;
height:10px;
margin-bottom:10px;
}