/* 
From the wilig LOGO
maroon - #B62B2E
dark green - #008856
light green - #73C3A0
light light green - #B7D9C8;
font color - #221E1F
*/

html, body, form {
  margin: 0pt;
  padding: 0pt;
}

form {
  text-align: center;
}

body {
  font-family: "Lucida Grande","Helvetica Neue",Verdana,Helvetica,sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  color: #221E1F;
  text-align: left;
  background: #FFF; 
}

h1, h2, h3, p, ul {
  margin: 0pt 0px;
}

p {
  font-size:12px;
  margin: 0pt 0pt 1em 0pt;
  line-height: 140%;
}

img {
  border: 0pt;
  display: inline;
}

p.datetime, p.attachment {
  margin: 0pt 0pt 0.25em 0pt;
}


p.location {
  margin: 0pt 0pt 1em 0pt;
}

h3 {
	margin: 0 0 3px 0;
	color: #B62B2E;
	font-size: 1em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #B8D9C8; /*#73C3A0; /* #EFEFEF; /* #D92737; /* #000080;*/
	letter-spacing: 0.15em;
	background: #FFF; /* #EFEFEF; /* #E5F2FF; /* #E8EEFA; /* #EFEFEF; */
}

a {
  text-decoration: none;
  color: #221E1F;
  padding: 0px 1px;  
}

a:hover {
  background-color: #008856;
  color: #FFF;
}


a.standalone {
  font-size:0.8em;
  border-bottom: 1px dotted #D92737;
}

a.standalone:hover {
  background-color: #D92737;
  color: #fff;
}

a.bookmark_top {
/*  background: transparent url(/images/wilig/arrow_up_7x7_red_white.PNG) no-repeat scroll 0%; */
/*  padding-left: 12px; /* This padding is for the image */
  margin: 0pt;
  padding: 0pt;
  float: right;
  font-size: 10px;
  color: #B62B2E;
}

a.bookmark_top:hover {
  /* background: transparent url(/images/wilig/arrow_up_7x7_white_red.PNG) no-repeat scroll 0%; */ 
  margin: 0pt;
  padding: 0pt;
  background-color: #008856;
  color: #fff;
  font-size: 10px;
}

a.bookmark {
  display: block; /* DO NOT REMOVE THIS LINE */
  margin: 0pt;
  padding: 0pt;
}

a.rlink {
  display: block; /* DO NOT REMOVE THIS LINE */
/*   background: url('/images/page_add.png') no-repeat;  */
  border-left: 5px solid #FFF;
  padding-left: 5px;
  font-size: 85%;
  border-bottom: 1px solid #FFF;
  
}
a.rlink:hover, a.activelink:hover {
  display: block; /* DO NOT REMOVE THIS LINE */
  border-left: 5px solid #B62B2E;
  padding-left: 5px;
  border-bottom: 1px solid #B62B2E;
  background-color: #73C3A0;
  font-size: 85%;
}

a.activelink {
  display: block; /* DO NOT REMOVE THIS LINE */
  color: #B62B2E;
  border-left: 5px solid #73C3A0;
  padding-left: 5px;
  border-bottom: 1px solid #B8D9C8;
  font-size: 85%;
}

a.side_content {
  display: block;
  line-height: 140%;
  border-bottom: 1px solid #B8D9C8;
  margin-top: 2px;
  padding-top: 2px;
  margin-bottom: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}

a.rsvp_button {
  float: right;
  color: #B62B2E;
  border: 2px solid #B7D9C8;
  background-color: #B7D9C8;  
}

a.rsvp_button:hover {
  float: right;
  color: #FFF;
  border: 2px solid #B62B2E;
  background-color: #B62B2E;  
}

a.toggle_button {
  margin: 0pt;
  margin-left: 2px;
  color: #FFF;
  padding: 2px 3px;
  border-top: 1px solid #008856;
  background-color: #008856;  
}

a.toggle_button:hover {
  color: #008856;
  background-color: #B7D9C8;
}


div#OuterContainer {
  width: 900px;
  margin: 0pt auto;
  background: #FFF;/* #E5E5E5; /* F0F0F0; */
  border: 0px solid #225486;
  padding: 0px;
  border-top: 5px solid #008856;
}

div#Container {
  width: 100%;
  border: 0px solid red;
}

table.layout {
  border-collapse:collapse;
  clear:left;
  width:100%;
}

table.layout td.leftcol {
  width:18%;
}

table.layout td.centercol {
  width:62%;
}

table.layout td.rightcol {
  width:20%;
}

table.layout td.wide {
  width:82%;
}

table.layout td.narrow {
  width:18%;
}

table.layout td.3equal {
  width:33%;
}

table.layout td.2equal {
  width:50%;
}

table.layout td.leftcol, table.layout td.rightcol {
  padding:0pt;
  padding-top:0pt;
  vertical-align:top;
}

table.layout td.centercol {
  padding: 0pt 0.7em;
  padding-top: 0pt;
  vertical-align: top;
}

.heading {
  font-size:1.2em;
  margin-bottom: 0.25em;
  text-align: center;
}

.address {
  font-size:0.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

.zeroMargin {
	margin: 0pt;
}

.centerIt {
  text-align: center;
}

.sidesHeading {
  background: #008856;
  padding: 0px 3px 2px;
  color: #FFF;
  margin: 0px;
  border-bottom: 0px solid #B8D9C8;
  letter-spacing: 0.1em;
}

div#wideContent {
  background: #FFF;
  margin: 0pt 5px 0pt 0pt;
}

div#sidesContent {
  background: #FFF;
  padding: 0.4em;
  margin: 0px;
  border: 1px solid #B8D9C8;
}

/* Lists UL/LI did not work properly in IE. Hence move to p tag */

div#sidesContent p {
  padding: 0pt;
  margin: 0pt;
}

div#sidesContent p.event_date {
}

div#sidesContent p.event_name {
  border-bottom: 1px solid #B8D9C8;
  margin-bottom: 2px;
  padding-bottom: 2px;
}

div#sidesContent p a {
  border-bottom: 0px dotted #008856;
}

div#sidesContent p a:hover {
  background-color: #008856;
  color: #FFF;
}

div#center_content ul {
  margin-left: 0.7em;
}

div#center_content ul li{
  list-style: disc inside; /* inside only works.  need to figure out outside */
  /* list-style-image: url('/images/wilig/bullet_green_12.jpg'); */
  padding-left: 1.2em;
  text-indent: -1.2em;
}

div#sidesContent ul {
  margin: 0pt;
  padding: 0pt;
  list-style: circle outside;
}

div#sidesContent ul.sidesContent {
  margin: 0pt;
  padding: 0pt;
  list-style: none;
  padding-bottom: 5px;
  border-bottom: 1px solid #B8D9C8;
}

div#sidesContent ul li {
  margin: 0pt;
  padding: 0pt;
  font-size: 12px;
  /* list-style-image: url('wilig_ul.PNG'); */
}

div#sidesContent a {

}

div#sidesContent a:hover {
  background-color: #008856;
  color: #FFF;
}

div#sidesContent a.rlink:hover {
  background-color: #73C3A0;
  color: #B62B2E;
}

div.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:0px solid #888;
      margin:0px;
      padding:0px;
}

div#signupform li.selected, div#signupform ul li { 
  list-style-type: none;
  background-color: #fff; 
  padding-left: 0em;
  text-indent: 0em;
}
  
table#members tr, table#members td {
  margin: 0pt;
  padding: 2px 5px;
  border-bottom: 1px solid #73C3A0;
  font-size: 11px;
}

table#members th {
  margin: 0pt;
  padding: 10px 5px;
  border-bottom: 2px solid #73C3A0;
  color: #221E1F;
}

.article {
padding: 0pt 0pt 1em 0pt;
}