/* 
maroon - #B62B2E
dark green - #008856  CA0002
light green - #73C3A0
light light green - #B7D9C8; E36673
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 0.75em 0pt;
}

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: #CA0002;
	font-size: 1em;
	padding-bottom: 0.25em;
	border-bottom: 1px dotted #CA0002; 
	letter-spacing: 0.15em;
	background: #FFF;
}

h3.light {
	margin: 0 0 3px 0;
	color: #E36673;
	font-size: 0.9em;
	padding-bottom: 0.25em;
	border-bottom: 1px dotted #E36673; 
	letter-spacing: 0.15em;
	background: #FFF;
}

h3.message {
	margin: 0pt;
	padding: 0pt;
	padding: 0.5em;
	border-left: 1px solid #E36673; 
	border-right: 1px solid #E36673; 
	border-bottom: 0px dotted #E36673; 
	color: #E36673;
	font-size: 0.9em;
	letter-spacing: 0.15em;
	background: #FFF;
}

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

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

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

a.standalone:hover {
  background-color: #CA0002;
  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: #CA0002;
  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 */
  border-left: 5px solid #FFF;
  padding-left: 5px;
  font-size: 85%;
  border-bottom: 1px solid #FFF;
}

a.rlink:hover {
  display: block; /* DO NOT REMOVE THIS LINE */
  border-left: 5px solid #CA0002;
  padding-left: 5px;
  border-bottom: 1px solid #CA0002;
  background-color: #E36673;
  font-size: 85%;
}

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

a.activelink:hover {
  display: block; /* DO NOT REMOVE THIS LINE */
  border-left: 5px solid #CA0002;
  padding-left: 5px;
  border-bottom: 1px solid #CA0002;
  background-color: #E36673;
  font-size: 85%;
}

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

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

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 #CA0002;
  background-color: #CA0002;  
}

a.toggle_button:hover {
  background-color: #E36673;  
  color: #221E1F;
}

div#OuterContainer {
  width: 900px;
  margin: 0pt auto;
  background: #FFF;
  border: 0px solid #225486;
  padding: 0px;
  border-top: 5px solid #CA0002;
}

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: #CA0002; /* CA0002; */
  padding: 0px 3px 2px;
  color: #FFF;
  margin: 0px;
  border-bottom: 0px solid #CA0002; /* #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 #E36673; 
  border-top: 0px solid #CA0002; /* #B8D9C8;*/
  border-bottom: 0px solid #CA0002; /* #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 #CA0002; /* #B8D9C8;*/
  margin-bottom: 2px;
  padding-bottom: 2px;
}

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

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

div#sidesContent p a.side_content {
  border-bottom: 1px dotted #CA0002;
}

div#sidesContent p a.side_content:hover {
  background-color: #CA0002;
  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.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 dotted #E36673;
  font-size: 11px;
}

table#members th {
  margin: 0pt;
  padding: 10px 5px;
  border-bottom: 1px solid #E36673;
  color: #E36673;
  font-weight: 700;
}

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