html, body {
background: #fff;
margin: 0; padding:0;
text-align: left;
}

#accessibility
{
	position: absolute;
	top: -10000px;
}

/*BANNER*/

#bannercolor {
	position: absolute;
	top: 0px;
	left: 150px;
	z-index: 0;
	width: 800px;
	height: 173px;
	background-color: #E2D3A8;
	background-image: url(http://andoverbookstore.com/art/topfadeBgd.jpg);
	background-position: 0 163px;
	background-repeat: repeat-x;
}

#logo {
position: absolute;
top: 0; left: 0;
width: 150px;
}

#nameplate {
position: absolute;
top: 22px; left: 180px;
width: 547px;
}
#nameplate p.address {
font-size: 11px; color: #036;
text-align: center;
margin: 6px 0;
letter-spacing: 1px;
}

#BannerInfo {
position: absolute;
top: 85px; left: 181px;
width: 547px;
font: 11px/14px Verdana, Helvetica, Arial, sans-serif;
}

#BannerInfo #contact {
position: absolute;
top: 10px; left: 0;
text-align: left;
z-index: 100;
}

#BannerInfo #hours {
position: absolute;
top: 10px; left: 0px;
width: 547px;
text-align: right;
}

/*SIDEBAR and MAIN*/
#sidebar {
position: absolute;
width: 150px; height: 6000px;
top: 164px; left: 0;
display: block;
padding-top: 26px;
z-index: 1;
background: #036;
}

#main {
position: absolute;
top: 195px; left: 180px;
width: 590px; height: 6000px;
text-align: left;
font: 12px/17px Georgia, Times, "Times New Roman", serif; 
}
#sidebar #credit {
position: absolute;
left: 22px; bottom: 12px;
}

/* type */

h2 {
font:  italic 22px/26px Georgia, Times, "Times New Roman", serif;
margin: 0 0 12px 0;
}
h3 {
font:  bold 14px/19px  verdana, arial, helvetica, sans-serif;
color: #033;
margin: 1em 0 0 0;
padding-top: 18px;
border-top: 1px solid #ccc;
}
h4 {
font:  13px/18px Georgia, Times, "Times New Roman", serif;
margin: 0 0 6px 0;
text-transform: none;
word-spacing: 0; letter-spacing: 0;
}
h5 {
font:  bold 13px/18px verdana, arial, helvetica, sans-serif;
margin: 0 0 6px 0;
}
span.author {
font: bold 12px/22px verdana, tahoma, arial, helvetica, sans-serif;
color: #000;
}
#main p, #main blockquote {
font: 13px/19px Georgia, Times, "Times New Roman", serif; 
margin: .8em 0 0 0;
border: 0;
}
#main blockquote {
margin: .8em 3em 0 2em;
}

#prevnext {
margin: 3em 18px 0 0;
background: #eee;
padding: 2px;
text-align:center;
}
#prevnext p {
margin-top: 0;
}

small {
font-size: .9em;
text-transform: uppercase;
letter-spacing: 1px;
word-spacing: 1px;
}


/*link styles*/


a:link, a:active { 
color: #c00;
text-decoration: none;
}
a:visited { 
color: #900;
}
a:hover { 
color: #f00;
text-decoration: none;
}

#main a {
text-decoration: underline;
}

#main h3 a, #sidebar a {
text-decoration: none;
}
#prevnext a {
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
}

/*
===== waw comments =====
*/

#comments, #posts, #links {
  width: 210px;
  float: left;
}

#comments, #posts {
  padding: 0 65px 0 0;
}

#comments ul, #posts ul, #links ul {
  list-style-type: none;
  padding: 5px;
  margin: 0;
}

#cmntform { /* CG, new */
width: 100%;
padding: 10px 0 15px 10px;
background: #FDF2D3;
margin: 18px 0 36px 0;
}

#cmntform span {
font: 11px/20px verdana, tahoma, arial, helvetica, sans-serif;
display: block;
padding: 5px 0;
}

#cmntform label {
float: left;
width: 135px;
}

#cmntform p {
font: 11px/14px verdana, tahoma, arial, helvetica, sans-serif;
}
.cmnt p {
font: 11px/14px verdana, tahoma, arial, helvetica, sans-serif;
}

#cmntform .button {
margin: 0 25px 0 0;
border: 1px solid #777;
font-size: .9em;
}

.cmnt {
font: 11px/14px verdana, tahoma, arial, helvetica, sans-serif;
border-left: 5px solid #900;
margin: 20px 5px;
padding: 10px 0 10px 20px;
font-size: .9em;
color: #006;
}

#txpCommentInputForm {
padding: 20px 10px 0;
color: #333;
}



/*Sidebar Nav*/

#sidebar p {
font: 12px/18px verdana, arial, helvetica, sans-serif;
color: #ccc;
margin: .8em 0 .5em 1em;
}
#sidebar p a {
color: #fff;
text-decoration: none;
}

#sidebar ul.recent_articles {
color: #fff;
font-weight: bold;
margin: 0; padding: 0;
}
#sidebar ul.recent_articles li {
list-style-type: none;
margin: 0;
padding: .5em .5em 1.5em 1em;
font: normal 11px/13px verdana, arial, helvetica, sans-serif;
}

#sidebar a {
color: #fff;
text-decoration: none;
}
#sidebar a:hover {
color: #F00;
text-decoration: underline;
}
#sidebar a:active {
color: #fff;
text-decoration: none;
}


/*Footer*/
#top {
clear: both;
margin-top: 32px;
text-align: right;
}
#bannercolor a, #top a {
text-decoration: none; border: 0;
}
#top img {
border: none;
margin-left: 8px;
}
#footer {
margin-top: 10px;
background: #ececec;
font: 12px/18px verdana, arial, helvetica, sans-serif;
text-align: center;
clear: both;
}
#footer a {
color: #900
}