* { margin: 0; padding: 0; border: none; }

body {
background: #3f3f3f url(../images/bg-header.gif) 0 -25px repeat-x;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 80%; }

table, th, td, input, select {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em; }

a { color: #ffffff; }
a:hover { color: #ffff33; }

img { display: block; }

div#potterdelphia {
position: relative;
overflow: auto;
width: 800px;
margin: 0 auto; }


/* HEADER */
div#header {
height: 175px;
background: url(../images/icon-penn.gif) 460px -25px no-repeat; }
div#header h1 {
background: url(../images/potterdelphia.gif) left bottom no-repeat; }
div#header h1 a {
display: block;
width: 800px;
height: 175px;
color: #3f3f3f;
font-size: 1em; }


/* CONTENT WRAPPER */
div#content {
overflow: auto;
width: 100%; }

div#content h3 { font-size: 1.1em; }
div#content p { margin-bottom: 1em; }

div#content table { margin-bottom: 1em; border-collapse: collapse; }
div#content th, div#content td {
padding: 0.2em 0.4em;
border-bottom: 1px solid #ffcc00;
background: #2f2f2f;
text-align: left;
vertical-align: top; }

col.private, col.yescheck { width: 2em; }
col.label { width: 15em; }
col.input { width: auto; }

form#memberform h3 { cursor: pointer; padding: 5px 10px; background: #555555; }
form#memberform p.buttons { margin: 1em 0; text-align: right; }
form#memberform p.buttons input.mainbutton { font-weight: bold; }

div.panel {
padding: 5px 10px;
border: 1px solid #555555;
background: #363636; }

div.panel div.buttons { overflow: hidden; width: 100%; font-size: 0.8em; font-weight: bold; }
div.panel div.buttons p { margin: 0; }
div.panel div.buttons p.back { float: left; }
div.panel div.buttons p.next { float: right; }


/* ABOUT */
div#about {
float: left;
width: 395px;
padding: 20px 10px 0 10px;
font-size: 0.9em; }


/* EVENTS WRAPPER */
div#events {
float: left;
width: 415px; }

/* NEXT EVENT */
div#nextevent {
background: url(../images/next-event.gif) left center no-repeat; }
div#nextevent h2 { display: none; }
div#nextevent dl { padding: 50px 10px 50px 135px; }
div#nextevent dt {
font-family: Georgia, Times New Roman, serif;
font-size: 2.25em;
font-weight: bold;
line-height: 1em; }
div#nextevent dd a {
color: #ffff33;
font-weight: bold; }

/* UPCOMING EVENTS */
div#upcomingevents {
overflow: auto;
position: relative;
width: 100%;
padding-bottom: 1em; }
div#upcomingevents p {
float: left;
width: 185px;
height: 125px;
padding-top: 2px;
background: url(../images/meetup.gif) left top no-repeat; }
div#upcomingevents p a {
display: block;
width: 100%;
height: 100%;
color: #ff0000;
font-size: 1px;
text-align: center; }
div#upcomingevents h2 {
height: 25px;
margin: 0 10px 0 200px;
background: url(../images/h-upcoming-events.gif) center top no-repeat;
color: #3f3f3f;
font-size: 1px; }
div#upcomingevents ul {
padding: 0 10px 10px 200px;
font-size: 0.8em; }
div#upcomingevents li {
margin: 0 0 0.5em 1em; }



/* GROUP CALLOUT */
div#info {
overflow: auto;
float: right;
width: 385px;
border-width: 25px 0;
border-style: solid;
border-color: #3f3f3f; }
div#info p {
padding: 10px;
border: 1px solid #f8de62;
background: #465573;
font-size: 0.9em;
font-weight: bold; }

div#info p.yuleball { font-size: 2.5em; text-align: center; }
div#info p.yuleball a { text-decoration: none; }


/* FEEDS SIDEBAR */
div#feeds {
float: left;
width: 192px;
margin: 0 5px 0 0;
border: 1px solid #f8de62;
background: #5e3b3b;
font-size: 0.85em; }
div#feeds div { padding: 10px; }
div#feeds ul { margin-bottom: 1em; }
div#feeds li { margin: 0 0 0.5em 1.5em; }
div#feeds p { text-align: right; }

div#feeds h2, div#feeds h3 {
font-size: 1em; }

div#contact p {
text-align: left; }

/* FLICKR SIDEBAR */
div#flickr {
float: right;
width: 178px;
padding: 10px 0;
border: 1px solid #f8de62;
background: #535353;
font-size: 0.85em; }
div#flickr h2 {
padding: 0 10px;
font-size: 1em; }
div#flickr ul {
list-style: none;
overflow: auto;
width: 170px;
margin: 0 5px; }
div#flickr li {
display: inline;
float: left;
margin: 3px; }
div#flickr li a {
display: block;
border: 2px solid #535353; }
div#flickr li a:hover { border: 2px solid #275bf1; }
div#flickr p { padding-right: 10px; text-align: right; }



/* Prophecy 2007 Banner */
div#prophecybanner {
position: absolute;
right: 0;
top: 95px;
width: 167px;
height: 60px;
background: red; }