body {
  padding: 0px;
  margin: 0px;
  color: #333;
  text-align: center;
  font-family: verdana, helvetica, arial, sans-serif;
}

body, p, div, li, td { font-size: 13px; }

br { display: none; }

#centerpanel { width: 741px; }
#body { width: 761px; }
#content, #sidebar { padding: 6px 4px 6px 6px; }
#sidebar { width: 239px; /* 249 - 10 padding */ }
#content { width: 482px; /* 492 - 10 padding */ }
#footer { width: 741px; }

/* kick the border to the edge of the div */
#newspage a { margin-left: -9px; padding: 2px 0px 1px 9px; width: 483px; }

#centerpanel {
  margin-left: 9px; /* 10px - 1 to overlap the border */
  border-left: 1px solid gray;
  border-right: 1px solid gray;
}
#body {
  margin: auto;
  text-align: left;
  background-image: url('combined_background.png');
}

#header {
  height: 196px;
  color: rgb(0, 72, 184);
  /* background-image: url('sdmm_banner.png'); */
  /* background-repeat: no-repeat; */
}
#header h1 {
  margin: 0;
  padding: 40px 0 0 10px;
  font-size: 25pt;
}

#sidebar {
  color: #EEE;
  background-color: rgb(0, 72, 184);
  float: right;
}
#sidebar a, #sidebar h2 {
  color: white;
}
#sidebar h2 {
  font-size: 14px;
}

blockquote { text-indent: -.5em; margin-left: 2.5em; font-style: italic; }
.attribution { width: 75%; margin-left: 20%; padding-left: 1em; text-indent: -1.1em; }

#content { float: left; }

#footer {
  clear: both;
  border-top: 1px solid gray;
  padding: .5em 10px .5em 10px;
  margin-left: -10px;
  background-color: white;
  color: rgb(0, 72, 184);
  text-align: center;
/*
  position: absolute;
  bottom: 0;
*/
}

#footer a { color: rgb(0, 72, 184); }

#navbar:after, div.columns:after, .buttonbar:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

#navbar {
  padding: 0;
  padding-left: 2em;
  clear-after: both;
  border-bottom: 1px solid gray;
  border-top: 1px solid #333;
}
#navbar a {
  font-size: 9pt;
  border: 1px solid transparent;
  border-right-color: #333;
  border-bottom: none;
  border-top: none;
  margin: 5px 0 5px -1px;
  padding: 0 4px 0 5px;
  color: rgb(0, 72, 184);
  float: left;
  text-decoration: none;
  font-weight: bold;
}
#navbar a:last-child {
  border-right-color: transparent;
}
#navbar a:hover {
  background-color: rgb(0, 72, 184);
  color: white;
  border-color: #333;
  text-decoration: none;
  margin: 0 0 0 -1px;
  padding: 5px 4px 5px 5px;
}

a {
  /* font-weight: bold; */
  text-decoration: underline;
  color: black;
}
a:hover {
  color: #012345;
}

a.button {
  display: block;
  float: left;
  background-color: rgb(0, 72, 184);
  color: white;
  border: 2px outset;
  padding: 3px 4px 3px 4px;
  margin-left: 6px;
  text-decoration: none;
  font-weight: bold;
}
a.button:hover {
  border: 2px inset;
  padding: 3px 3px 2px 3px;
  margin-top: 1px;
  margin-left: 8px;
}
a.button:active { color: gray; }

h1, h1 a, h2, h2 a, h3, h3 a, li:before {
  font-weight: bold;
  color: rgb(0, 72, 184);
}

ul { list-style: none; padding-left: 1.75em; text-indent: -1.4em; }
li:before { content: "\2022 \0020"; }
li:before { content: "\2219 \0020"; }
li:before { content: "\00BB \0020"; }
li { margin-top: .1em; }

h1 { font-size: 21px; }
h2 { font-size: 17px; }
h3 { font-size: 14px; }

#adspage h3 { margin-bottom: 2px; }
#adspage ul { margin-top: 0; }
li.wmv { list-style-image: url("mediaplayer_icon_tiny.png"); }
li.mov { list-style-image: url("quicktime_icon_tiny.png"); }
li.mp3 { list-style-image: url("mp3_icon_tiny.png"); }

table { width: 100%; margin: 0; padding: 0; } /* stupid kintera and its stupid tables it keeps inserting in my pretty html */

#icl_container ul {
  text-indent: 0;
  list-style: none;
}
#icl_container li:before { content: ''; }

div.leftcolumn {
  width: 50%;
  float: left;
}
div.rightcolumn {
  width: 50%;
  float: right;
}

#newspage a {
  font-weight: inherit;
  color: inherit;
  display: block;
  border: 1px solid transparent;
  border-left: none;
  border-right: none;
  font-size: 1.2em;
  font-weight: bold;
}
#newspage a:hover {
  text-decoration: none;
  border-color: rgb(155, 155, 155);
  background: #ABCDFF;
}
#newspage .date { }
#newspage .byline { font-style: italic; margin-bottom: .75em; }

#getinvolvedpage p { margin-left: 3em; }

.linebreak { clear: both; }

/* For the donation form; styling Kintera generated elements */

.form table { background-color: #DDD; }
.form .CTtitle, .form .CTsubtitle { color: rgb(0, 72, 184); }
.form tr:hover { background-color: #EEE; }
.form .Alert { color: red; }
.form .CTodd { background-color: #D9D9D9; }

.form input[type~='text'], .form input[type~='password'] { width: 90%; padding-left: .5em; padding-right: .5em; }

.form #requiredwarning { padding-left: 13em; }
.form #bodytext { border: 1px solid #333; margin-left: 1em; padding: 0 .25em 0 .25em; }
.form #email_body { width: 95%; margin-left: 1em; }
.form textarea { width: 90%; margin-left: 5%; padding: 0 .25em 0 .25em; }

.form td h2, .form td h3, .form td p { padding: 0; margin: 0; }
.form td h2 { padding: 0; margin: 0; }

.fineprint { font-size: 75%; font-style: italic; padding: .5em 1.5em .5em 1.5em; }
.form .fineprint { background-color: #DDD; }

.address { margin: .5em .5em .5em 1.5em; }

#creditcardpage #Table3 tr:first-child { display: none; }
#creditcardpage #Table3 td:first-child { width: 25%; text-align: right; }
#creditcardpage table br { display: inherit; }
#creditcardpage .info:after { content: "";  display: block; height: 0; clear: both; }
#creditcardpage .infoheader { width: 5em; text-align: right; padding-right: .5em; }
#creditcardpage input[type~='text'][name~='Amount'] { width: auto; padding-left: .25em; }
#creditcardpage #TableRequiredInfo { display: none; } /* present twice in the form */
#creditcardpage #emailcheck { width: 20%; }
#creditcardpage #TableInner td:first-child { width: 25%; }
#creditcardpage .fineprint { margin-top: 0; }