@import "navmenu.css";

/* ********** GENERAL TAGS ********** */

html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
ul, ol, li,dt,dl,dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead
{
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: top;
}


body
{
  margin: 0;
  padding:0;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  font-size: small;
  background: #006;
  margin:0;
  padding:0;
}

ul, ol, li
{
  list-style:none;
}


a img { border:0; }

.bold {font-weight: bold;}
.center {text-align: center;}
.viewall { font-size:85%; text-align: right;}
.moremessage { font-size:85% }
.returnmessage { text-align: center;}

a:hover { text-decoration:none; }

/* All headings */
H1,H2,H3,H4,H5,H6
{
  font-family:Georgia,Times;
}

address
{
  font-style:normal;
}

/* ********** LAYOUT ********** */

#container
{
  background-color:#c00;
  padding-bottom:14px;
  width:100%;
  border:0;
  margin:0;
  float:left;
}

#content-wrapper
{
  background:#fff url(/images/curves-upper-body.gif) top left no-repeat;
  float:left;
  border-left:0;
  margin-left:14px;
  width:1000px;
}

#content
{
  background:url(/images/curves-lower-body.gif) bottom left no-repeat;
  padding:30px 40px;
}


#maincontent
{
  min-height:200px; 
}


/* Clearing elements */
#header:after,
#footer:after,
#content:after,
#content li:after,
#container-wrapper:after
{
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}


/* ****************** MICROFORMATS ****************** */

.vcard a.url
{
 display:none;
}

.vcard a.im
{
 display:inline;
}


.vcard div.adr
{
  margin:.5em 0;
}


/* ******** HEADER ******* */




#header
{
  background:url(/images/header.jpg) #00003E no-repeat top left;
  border-bottom:3px #fff solid;
  position:relative;
  height:146px;
}

#header #logo
{
  position:absolute;
  top:35px;
  left:30px;
}

#header #title
{
  position:absolute;
  top:50px;
  left:220px;
}

#header h1
{
  text-indent:-9999em;
  margin:0;
  padding:0;
}


#header #signupform
{
  text-align:right;
  padding:30px 0 0 0;
  margin:0;
  width:1000px;
}

#header #signupform legend
{
  text-align:right;
  color:#fff;
  font-weight:bold;
}

#header #signupform label
{
  color:#fff;
  font-weight:bold;
}

#header #signupform input#input_text_name2,
#header #signupform input#input_text_email2
{
  font-size:85%;
  margin:2px 0;
}

#print-header
{
  display:none;
  visibility:hidden;
}

/* ******** RIGHT FRAME ******* */

#right
{
  font-size:90%;
  float:left;
  width:19%;
  padding-left:2%;
  margin-left:-1px;
  border-left:1px solid #999;
}

#content #right h2
{
  font-weight:bold;
}

#right li
{
  margin:0 0 1em 0;
  padding:0;
}

#right .box
{
  margin:1em 0;
}

#home #right .box,
#blog #right #recentposts
{
  margin:1em 0;
  padding:.5em 0;
  border-bottom:#999 1px solid;
}



#right #donatenow
{
  background:transparent url(/images/donatenow.png) top left no-repeat;
  display:block;
  width:196px;
  height:122px;
  text-indent:-9999em;
  margin-bottom:2em;
}

#right #donatenow:hover
{
  background:transparent url(/images/donatenow2.png) top left no-repeat;
}


/* ******** FOOTER  ******* */

#footer
{
  border-top:3px solid #ccc;
  background-color:#006;
  color:#fff;
  margin-bottom:0;
  padding:10px 0;
  font-size:80%;
  clear:both;
  text-align: left;
}

#footer p,
#footer address
{
  text-align: center;
  width:1000px; /* this will center paragraphs under main #content. And makes footer wrapper unnecessary */
}


#footer a
{
  color:#ddf;
}

#footer a:visited
{
  color:#c9f;
}

#print-footer { display:none; visibility:hidden; }

/* ******** CONTENT ******* */

#content H1
{
  font-size: 180%;
  color: #600;
  font-weight:bold;
  margin-top:0;
}

#content H2
{
  font-size: 140%;
  color: #900;
  font-weight:500;
  margin:0;
}

#content H3
{
  font-size: 120%;
  color: #a00;
  font-weight:bold;
}

.photo
{
  float:right;
  border:1px solid #f00;
  margin:0 0 10px 10px;
  padding:3px;
}

.photo .caption
{
  margin:.5em;
  padding:0;
  font-size:85%;
  line-height:1.5;
}

#maincontent ul li
{
  margin:0 0 3em 0;
  padding:0;
}

#addthis
{
  text-align:right;
  display:block;
  margin-bottom:1em;
}

/* ******** SECTION SPECIFIC CONTENT ******* */

#home #header
{
  background:url(/images/header.jpg) #00003E no-repeat 0 -5px;
  height:185px;
}

#home #header #logo
{
  left:60px;
}


#home #ashbrook-quote
{
  background:#fff url(/images/quotebg.gif) bottom left repeat-x;
  border-top:1px solid #142863;
  border-bottom:1px solid #142863;
  margin-bottom:1em;
  padding:1em;
  font-size:110%;
}

#home #ashbrook-quote cite
{
  font-style:normal;
  text-align:right;
  display:block;
}

#home #ashbrook-quote blockquote p
{
  margin-top:0;
  padding-top:0;
  font-style:italic;
}

#home #featured-bio .biophoto
{
  width:100px;
}

#home #featured-bio .photo
{
  margin-top:1em;
}

#about #content .photo
{
  width:200px;
}

#endorsements #content ul
{
   margin:0;
   padding:0;
   list-style:none;
}

#endorsements #content ul blockquote
{
   margin:0;
   padding:0;
   list-style:none;
}


#endorsements #content ul li
{
   margin:0 0 1.5em 0;
   padding: 0 0 0 60px;
   background:#fff url(/images/quotationmark.gif) top left no-repeat;
}

#endorsements #content ul li cite
{
   border-bottom:1px solid #eee;
   text-align:right;
   display:block;
   padding-bottom:1em;
}


/* the pages with #right columns */
#record #maincontent,
#home  #maincontent,
#blog #maincontent,
#about #maincontent
{
  width:75%;
  margin-left:-1px;
  margin-right:0;
  padding-right:2%;
  border-right:1px solid #999;
  float:left;
}

#news table.listing
{
  width:100%;
  border-collapse: collapse;
}

#news table.listing .date
{
  width:20%;
}

#news table.listing td
{
  border-bottom:1px solid #ccc;
  padding:1em 0;
}

#involved #content legend
{
  font-weight:bold;
  margin-bottom:.5em;
}

#involved #content label
{
  width:5em;
  margin-right:.5em;
  text-align:right;
  display:block;
  float:left;
}

#involved #content input[type=submit]
{
  margin:.5em 0 0 5.5em;
}