/** .class, #id -Also p.jam **/
/***  Body and Container ***/
body {background:#390; margin:0; border:0; padding:0; color:green; font:normal 9pt/140% verdana,arial,sans-serif; text-align:left;}
#container {margin:0 auto; background:url(images/notebook800.png) center repeat-y; width:800px;}

/*** Top (spiral binding) ***/
#top {background:url(images/notebook_spiral800.gif) top center no-repeat; height:80px;}

/*** header (title) ***/
#header {background:url(images/bpslogo100.jpg) 20px 10px no-repeat; padding:10px 0px 20px 130px; color:green;
	font:bold 50px "Baskerville Old Face","Times New Roman",Times,serif;}
#header a {text-decoration:none; color:green;}
.slogan {padding:0px 0px 0px 20px; font:normal 24px "Baskerville Old Face","Times New Roman",Times,serif;}
/*** Menu ***/
#menu {width:164px; margin-left:20px; float:left;}
#menu li a {height:24px; text-decoration:none; color:black; display:block;}	

#menu li a:link, #menu li a:visited {padding:6px 0 0 6px; background-color:#ffc; border:solid 2px yellow;}
#menu li a:hover {padding:6px 0 0 6px; background-color:#ff3;}	
ul {list-style:none; margin:0; padding:0;}

/*** News items ***/
.news {border:solid 3px #c0c0c0; margin-top:1em; background-color:#eee; padding:0.5em; color:red;}
.news p {font-size:1.1em; line-height:1.125em; padding-top:0em;}

/*** Main content ***/
#stuff {background:#fff; width:516px; margin:0px 0px 0px 200px; padding:10px 0.6em 10px 0.6em;}
#stuff p {margin:0.4em 0 0.2em 0;}
#stuff p.warning {color:red; font-weight:bold;}
.warningbox {background:#f66; color:#400; padding:2px 5px;}

.query {margin:0.8em 0 0 0; font-weight:bold;}
img {border:none;}
input, select {margin:2px 0 0 2px;}
input.qty {width:40px; padding:0px; margin:0 0 0 4px;}
td {border:3px solid #c0c0c0; padding:3px; background-color:#eee;}
table {border-collapse:collapse;}
.opentable {border:0; vertical-align:top; background-color:#fff;}
td ul li { padding-top:0.2em; }

.right {text-align:right; line-height:0.5em; border:0; margin:0; padding:0;}
p.right {border:0; margin:0; padding:0;}
.right select {margin:0 4px; padding:0px;}
.picture {float:right; padding:0 0 0 0.8em;}
.noborder {border:0;}
h1 {margin:10px 0 0 0; font:bold 20pt/130% verdana,arial,sans-serif;}
h2 {margin:8px 0 -2px 0; font:bold 16pt/130% verdana,arial,sans-serif;}
h3 {margin:6px 0 0px 0; font:bold 14pt/130% verdana,arial,sans-serif;}

/*** Forms ***/
fieldset {border:1px solid #390; padding:0.5em; position:relative; background:#eee; margin-bottom:10px;}
legend {font-size:1em; padding:.2em .8em; background:#fff; border:1px solid #bbb;}
fieldset p label {width:45%;}
fieldset p input {width:48%;}
.button, select {margin:0 0 0 0;}
fieldset label {display:block; float:left; width:250px; padding:0 .8em 0 0; margin:2px 0 0; text-align:right; clear:both;}


/*** footer ***/
#footer {width:800px; margin-top:1em; color:black; text-align:center; padding:3px 0px 3px 0px; clear:both;}
#footer li {display:inline; border-left:2px solid yellow; border-right:2px solid yellow; margin-left:0; padding:0 0.5em 0 0.5em; background-color:#FFC;}
#footer li a:hover {background-color:#ff3;}	
#footer li a {text-decoration:none; color:black;}