/* layout styles */
html>body, html>body #container{height: auto;}
body {margin: 0; text-align: center;}
#container {
width: 760px;
margin:auto;
margin-top:0px;
padding:0px;
text-align: left;
line-height: 1.5em;
}

/* general styles */
p, ul, ol, table, dl, h2, h3, h4{
	color: #444;
	margin: 0 0 1em 0;
	padding: 0 10px;
	font-family: "Times New Roman", Times, serif;
}

/* banner styles */
#banner {
height: 64px;
width: 760px;
margin: 0;
background: url(images/banner.jpg) no-repeat;
line-height: 1.8em;
}
#banner h1 {
color: #666;
font: bold 11px times, times new roman, serif;
height: 64px;
margin: 0;
padding: 10px;
}

#bannercontainer{
width=100%;
}

/* navigation styles */
#mainnav ul
{
	padding: .2em 0;
	margin: 0;
	margin-bottom: 0.8em;
	list-style-type: none;
	color: #aaa;
	width: 100%;
	font: bold 75% arial, helvetica, sans-serif;
	text-align: center;
}
#mainnav ul{border-bottom: 1px solid #eee;}

#mainnav  li, #footernav li { display: inline; }
#mainnav  li a, #footernav li a
{
text-decoration: none;
background-color: #fff;
color: #aaa;
padding: .2em 1em;
border-right: 1px solid #eee;
}
#mainnav  li a:hover, #mainnav  a.current,
#footernav li a:hover, #footernav a.current{color: #fc0;}

#subnav {clear: both; margin: 10px;}
#subnav ul {margin: 0;}
#subnav li {
	list-style-type: none;
	float: left;
	margin: 0px 4px 0 4px;
	background: url(images/arrow.gif) no-repeat;
	padding: 0 13px;
	border-left: 1px dotted #eee;
	border-right: 1px dotted #eee;
	font: 65% arial, helvetica, sans-serif;
	background-position: center left;
}
#subnav li a {
	color: #777;
	text-decoration: none;
}
#subnav a:hover, #subnav a.current{color: #58f;}

/* main content styles */
#content {
float: left;
width: 480px;
margin: 15px 0;
padding: 0;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
#content h2{
	color: #05b;
	font: bold 95% Georgia, times, serif;
}
#content h3{
	color: #444;
	font: bold 80% Georgia, times, serif;
}
#content h4 {line-height: 0;}
#content h4 strong{color: #e10;}
#content a, #footer a{
border-bottom: 1px #09c dotted;
color: #09c;
text-decoration: none;}
#content a:hover, #footer a:hover
{
color: #fc0;
border-bottom: 1px #fc0 dotted;
}
#content ul{list-style: disc inside;}
#content ol {
	list-style-position: inside;
	list-style: decimal;
	padding-left: 30px;
}
#content ol ol {
	list-style-position: inside;
	list-style: lower-alpha;
}
#paypal {padding: 10px;}
.quote{font: bold 0.9em Georgia, times, serif; color: #fa0;}

/* right column styles */
#addtocart, #sidebar1, #sidebar2{
float: left;
width: 230px;
margin: 0 0px 20px 20px;
padding: 5px;
}
#addtocart{border: solid 2px #f72;}
#sidebar1{border: solid 2px #bbb;}
#sidebar2{border-top: solid 2px #bbb; border-bottom: solid 2px #bbb;}
#addtocart p, #sidebar1 p, #sidebar2 p{
font: bold 0.8em arial, helvetica, sans-serif;
color: #58f;
}
#addtocart h3, #sidebar1 h3, #sidebar2 h3{
color: #b10;
font: bold 95% Georgia, times, serif;
}
#addtocart a, #sidebar1 a, #sidebar2 a{
background: url(images/arrow.gif) no-repeat;
background-position: center left;
color: #999;
text-decoration: none;
padding-left: 14px;
}
#addtocart a:hover, #sidebar1 a:hover, #sidebar2 a:hover{color: #f72;}
#addtocart strong, #sidebar1 strong, #sidebar2 strong{color: #555;}

/* footer styles */
#footer {
clear: both;
color: #999;
text-align: center;
margin: 0;
padding: 10px;
}
#footer p {font: 65% verdana, arial, helvetica, sans-serif;}