@import "mod_scaffold.css";
@import "fancy_forms.css";

body { background-color: #F4E9D1; }
#outer_container 
{ 
  background: url(/images/shadow.gif) right repeat-y white;
  width: 905px;
  margin: 0 auto;

}

#inner_container {
  width: 905px;
background: white url(/images/shadow.gif) right repeat-y;

}

#header {
  margin: 0 15px 0 15px;
}

#header-noshadow {
  background: white url(/images/page_corner.gif) right repeat-y; 
  width: 905px; 
  height: 6px; 
  font-size: 6px; /* IE */
}

#header #topbar {
  margin: 0;
  margin-top: 9px;
  text-align: center;
  background: url(/images/header_bg.gif) repeat-x;
}

#topbar img { margin: 0; margin-top: 5px; }

#header #navbar {
  border-top: 2px solid #666; 
  background: url(/images/navbar.gif) #E0E0E0;
  text-align: center;
  padding: 7px 0 5px 0;
}

#shadow { background: url(/images/shadow_bottom.gif) no-repeat top left; height: 8px; width: 905px; font-size: 6px; }


#leftbar {
  width: 235px;
  float: left;
}

#rightbar {
  width: 235px;
  float: right;
}

#center {
  width: 429px;
  float: left;
}

#twocol { 
  width: 630px;
  float: left;
margin-bottom: 50px;
}

/* Clear for IE 6/7 */
.clearme { zoom: 1; clear: left; }
/* Clear for NS/FF/Moz */
.clearme:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: left; }

.box { width: 200px; padding: 0 15px 0 15px; margin: 1em 0 1em 0; }
.box_topper { background: url(/images/tab_head.gif) no-repeat; height: 22px; }
.box_topper h3 { font-size: 14px; padding: 2px 13px 0 13px; }
.box_contents { font-size: 11px; margin-top: 2px; padding: 3px 15px; background-color: #F4E9D1; }

.box > ul { background-color: #E0E0E0; font-size: 12px; color: #980039; margin-left: 0; margin-top: 3px; padding: 5px 15px; }
.box_contents ul { font-size: 11px; color: #980039; margin: 0; padding: 0; }
.box li { padding: 0; margin: 0 0 .5em .8em; }
.box li p { color: #333; padding-top: 0; margin-top: 0; }
#fisher { text-align: center; }

.collected_item { border-top: 1px solid #E0E0E0; }
.time { color: #666; }

.clearall { clear: both; }

.left, .rigth { width: 45%; }
.left { float: left; }
.right { float: right; text-align: right; }


#leftbar .box ul.email li { padding-left: 0; margin-left: 0; }

p#ical a { background: url(/images/calendar.gif) no-repeat 5px 5px; padding-left: 30px; display: block; border: none; }
p#ical a:hover { background: url(/images/calendar.gif) #FFC no-repeat 5px 5px; }

.rsvp_box { width: 10em; margin: 0 1em; border: 2px solid #333; text-align: center; float: left; }
.rsvp_box a { display: block; font-weight: bold; width: 100%; border: none; color: #333; background: #E0E0E0; }

.highlight { background: #FFC; }

/* ## HEADINGS ## */
h1, h2, h3, h4 { padding: 0; margin: 0; padding-top: 1em; }
#topbar h1 { padding: 0; }
h1 { font-size: 200%; }
h2 { font-size: 180%; }
h3 { font-size: 160%; line-height: 140%; padding-top: .6em; }
h4 { font-size: 140%; }
h5 { font-size: 120%; padding: .5em 0 0 0; margin: 0; }

#contents h2 { padding: .5em 0 5px 0; }

/* ## LINKS ## */
#navbar a { text-decoration: none; color: #6F061B; font-weight: bold; padding: 3px 1.5em 3px 1.5em; }
#navbar a.here { background: white; color: #333; border: 2px solid #999; }
#navbar a:hover { color: #A60928; background: #EEE; }

#contents a { color: #333; text-decoration: none; border-bottom: 1px solid #E0E0E0; }
#contents a:hover { color: black; background: #FFC; }
body #contents a.noborder, a img { border: none; }