body {
margin: 0; padding: 0;
font: 12px/18px verdana, arial, helvetica, sans-serif;
background: #000;
}
img, a img {
border: 0;
padding: 0;
text-decoration: none;
}

#text img {
float:left;
margin-right: 12px;
}
#text img.rt {
float:right;
margin-left: 12px;
}

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

#wrapper {  /* centered */
width: 760px;
position: relative;
left: 50%;
margin: 0 0 0 -380px;
height: 1300em;
background: #fff url(/art/MAABgdx1000.jpg) repeat-y 0 0;
border-bottom: 12px solid #000;
}

#banner {
width: 760px;
height: 125px;
background: #fff url(/HooperHappenings/art/masthead.gif) no-repeat 250px 30px;
margin: 0;
border-top: 12px solid #000;
}

#sign { /* for shitty IE Win */
position:absolute;
top: 12px;
left: 40px;
width: 150px; height: 204px;
}

#wrapper #text {
width: 540px;
float: right;
margin: 0; 
padding: 0;
}

#wrapper #leftcol {
float: left;
width: 160px;
background: transparent;
margin: 0;
}

#leftcol form {
font: bold 11px/16px verdana, tahoma, arial, helvetica, sans-serif;
margin: 116px 0 0 44px;
color: #036;
}


#Contents { /* blog post links */
width: 148px;
margin: 40px 0 0 42px;
background: transparent;
font: bold 11px/13px verdana, tahoma, arial, helvetica, sans-serif;
text-align: left;
}

#nav {
width: 148px;
margin: 20px 0 0 42px;
background: #ececec;
text-align: left;
}

#leftcol #credit { /* for txp bug */
position: absolute;
bottom: 10px;
left: 55px;
}


/* margins are set on interior elements not divs themselves */

#text h1, #text h2, #text h3, #text p {
padding: 0 10px;
margin: 1em 0 0 0;
}

#text h1 {
font: 24px/25px arial, helvetica, verdana, sans-serif;
}
#text h2 {
font: bold 18px/22px  arial, helvetica, verdana, sans-serif;
color: #009;
margin: 2em 0 10px 0;
background: #ccc;
}
#text h3 {
font: bold 15px/19px  arial, helvetica, verdana, sans-serif;
margin: 2em 0 .5em 0;
}
#text h3.top {
font: bold 15px/19px  arial, helvetica, verdana, sans-serif;
margin: 1em 0 1em 0;
}
.postdate {
font: 13px/22px  arial, helvetica, verdana, sans-serif;
color: #000;
padding-left: .5em;
}
#text p, #text li {
font: 12px/18px verdana, arial, helvetica, sans-serif;
margin: 0 0 1em 0;
padding-right: 2em;
}
#text ul {
padding: 0;
margin: 0 0 1em;
}
#text li {
margin: 0 1em 0 2em;
padding: 0 0 .25em;
}
#text .lg-pic-ctr {
width: 100%;
margin: 1em auto 1.5em;
text-align: center;
}
#text .lg-pic-ctr p {
margin: .8em auto 0;
text-align: center;
font: 11px/15px  verdana, arial, helvetica, sans-serif;
}
#text .lg-pic-ctr img {
float: none;
}
.zo {
margin-top: 0;
}

#prevnext p {
text-align:center;
margin-top: 2em;
}


/*body links*/
a, h2 a {
color: #900;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #00c;
}
a:active {
color: #c00;
}

h2 a {
color: #006;
}
h2 a:hover {
color: #00c;
}



/*Hooper blog links*/

#Contents ul {
margin: 0; padding: 0;
}
#Contents li {
list-style-type: none;
margin: 0; padding: 0 0 1em;
font: normal 11px/13px verdana, arial, helvetica, sans-serif;
}
#Contents li.recent_articles {
font: normal 11px/13px verdana, arial, helvetica, sans-serif;
margin: 0;
}

#Contents a {
display: block;
font: normal 11px/13px verdana, arial, helvetica, sans-serif;
color: #900;
text-decoration: none;
background: transparent;
}
#Contents a:hover {
color: #f00;
}
#Contents a:active {
color: #900;
}


/*global nav links*/

#nav ul {
margin: 0; padding: 0;
}
#nav li {
list-style-type: none;
margin: 0; padding: 0;
}

#nav a {
display: block;
font: 11px/11px verdana, arial, helvetica, sans-serif;
margin: 0;
padding: 7px 0 9px 2px;
_height: 1%; /* IE Win hack */
color: #900;
font-weight: bold;
text-decoration: none;
border: 0;
border-bottom: 1px solid #666;
}
#nav a:hover {
color: #fff;
background: #c00;
}
#nav a:active {
color: #900;
background: #fff;
}

td {
vertical-align: top;
}