/* ----- ALL SECTIONS ----- */

div, p, ol, li, tr, th, td, dt, dd, blockquote, 
h1, h2, h3, h4, h5, h6, input, textarea, option {
  font-family : Verdana, Helvetica, Arial, sans-serif;
  font-size   : 12px;
  font-weight : normal;
  font-style  : normal;
  color       : #333;
	background  : transparent;
}

div, p, ul, ol, li, tr, th, td, dl, dt, dd, blockquote, 
h1, h2, h3, h4, h5, h6, form {
  border      : 0;
  padding     : 0;
  margin      : 0;
  text-align  : left;
  line-height : 20px;
}

img {
  border  : 0;
  padding : 0;
  margin  : 0;
}

h1 {
	margin-bottom  : 5px;
	color          : #0668A7;
	font-size      : 12px;
	font-weight    : bold;
	font-style     : normal;
}

h2 {
	margin-bottom  : 0;
	color          : #333;
	font-size      : 11px;
	font-weight    : bold;
	font-style     : normal;
}

p {
  margin-bottom : 10px;
}

a, a:link, a:visited {
	color           : #008E58;
	text-decoration : underline;
}

a:hover, a:active, a.selected {
	color           : #FFF;
	background      : #71B2DC;
  text-decoration : none;
}

ul {
  padding : 0;
  margin  : 0 0 10px 25px;
}

ol {
  padding : 0;
  margin  : 0 0 10px 30px;
}

li {
  padding : 0;
  margin  : 0;
}

table {
  border-collapse : collapse;
  margin-bottom   : 20px;
}

td {
  border-bottom  : #EEE 1px solid;
  padding        : 7px 5px;
  width          : 49%;
  line-height    : 16px;
  vertical-align : middle;
}

tr.odd, 
td.odd {
  background : #F8F8F8; /* #ffffed #F0F8FF */
}

td.icon {
  width      : 2%;
  text-align : center;
}

input {
  padding     : 3px;
  width       : 150px;
  font-size   : 11px;
	font-weight : bold;
	background  : #EEE;
}

input#search_submit {
  margin-left : 5px;
  width       : 70px;
}

.spaced_out { margin-bottom : 10px; }
.print_only { display       : none; }
.clear_both {	clear         : both; }


/* ----- BODY ----- */

body {
  padding    : 0 20px 20px 20px;
  margin     : 0 auto;
  width      : 732px;
  text-align : center;
	background : #CFCBBF url(/images/body_background.jpg);
}


/* ----- MAIN ----- */

#main {
	border     : #A4A3A1 1px solid;
	border-top : none;
	width      : 730px;
	height     : 1%; /* IE6 footer float bug fix -- critical! */
	text-align : left;
	background : #FFF;
}


/* ----- HEADER ----- */

#header {
	width      : 730px;
	height     : 115px;
	background : transparent url(/images/header_inner.jpg) top left no-repeat;
}

#header_left {
  float : left;
  width : 218px; /* 218px to please IE6 */
}

a#link_home {
  float  : left;
  margin : 10px 0 0 20px;
  width  : 170px;
  height : 65px;
  color  : #FFF;
}

a#link_home:hover, 
a#link_home:active {
	color      : #FFF;
	background : transparent;
}

#header_right {
  float : left;
  width : 510px;
}

a#link_facebook,
a#link_twitter,
a#link_donate {
  float       : left; /* don't float right or IE6 will break */
  padding     : 0;
  margin      : 20px 0 0 0;
  height      : 25px;
  font-family : Georgia, serif;
  font-size   : 12px;
  font-weight : bold;
  font-style  : italic;
  text-decoration : none;
  color       : #9DD1F3;
  background  : transparent;
}

a#link_facebook {
  margin-left : 283px;
  width       : 16px;
  background  : transparent url(/images/icon_facebook.gif) 0px 5px no-repeat;
}

a#link_twitter {
  margin-left : 12px;
  width       : 16px;
  background  : transparent url(/images/icon_twitter.png) 0px 5px no-repeat;
}

a#link_donate {
  margin-left : 8px;
  width       : 142px;
  background  : transparent url(/images/link_donate_inner.jpg) top left no-repeat;
}

a#link_donate:hover, 
a#link_donate:active {
	color      : #1B75AF;
	background : transparent url(/images/link_donate_inner_onhover.jpg) top left no-repeat;
	text-decoration : none;
}


/* ----- NAVIGATION ----- */

#navi {
  float      : left;
  padding    : 36px 20px 0 0;
  margin     : 0;
  width      : 492px;
  height     : 34px;
  list-style : none;
}

#navi li {
  display     : inline;
  line-height : 34px;
  list-style  : none;
}

#navi li a, 
#navi li a:link, 
#navi li a:visited {
  /*padding       : 7px 8px 6px 8px;*/
  padding         : 7px 7px 6px 7px;
  line-height     : 34px;
  text-decoration : none;
  font-family     : Georgia, serif;
  font-size       : 17px;
  color           : #008E58;
}

#navi li a:hover, 
#navi li a:active, 
#navi li a.selected {
  text-decoration : none;
  color           : #008E58;
	background      : #F0F8CF;
}


/* ----- SIDEBAR/CONTENT ----- */

#sidebar_and_content {
  clear      : both;
  background : #FFF url(/images/sidebar_inner.jpg) top left no-repeat;
}


/* ----- SIDEBAR ----- */

#sidebar {
	float      : left;
	padding    : 5px 0 0 0;
	width      : 175px;
  background : transparent;
}

#subnavi {
  padding    : 0;
  margin     : 22px 0 0 0;
  list-style : none;
}

#subnavi li {
  padding     : 0;
  margin      : 0 0 1px 0;
  line-height : 16px;
  list-style  : none;
}

#subnavi li a {
  padding   : 4px 10px;
  width     : 155px; /* CRITICAL! IE6 will double LI height without this */
  display   : block;
  font-size : 12px;
}

#subnavi li a, 
#subnavi li a:link, 
#subnavi li a:visited {
  color           : #FFF;
  text-decoration : none;
}

#subnavi li a:hover, 
#subnavi li a:active, 
#subnavi li a.selected {
	color           : #FFF;
	background      : #71B2DC;
  text-decoration : none;
}

#subnavi ul.thirdnavi {
  padding    : 0;
  margin     : 1px 0 0 0;
  list-style : none;
}

#subnavi ul.thirdnavi li {
  padding     : 0;
  margin      : 0 0 1px 0;
  line-height : 12px;
  list-style  : none;
}

#subnavi ul.thirdnavi li a {
  padding   : 4px 10px 4px 20px;
  width     : 145px; /* CRITICAL! IE6 will double LI height without this */
  display   : block;
  font-size : 11px;
}

#sidebar img {
 border-top    : #A7D6F5 1px solid;
 border-bottom : #A7D6F5 1px solid;
 margin-top    : 22px;
 width         : 175px;
 height        : 175px;
}

#sidebar p.fact, 
#sidebar blockquote {
  padding : 15px;
}

#sidebar p.fact, 
#sidebar blockquote p.quote {
  margin-bottom  : 5px;
  line-height    : 14px;
  font-size      : 10px;
  color          : #CCC;
}

#sidebar blockquote p.author, 
#sidebar blockquote p.school {
  margin         : 5px 0 0 10px;
  line-height    : 14px;
  font-size      : 10px;
  color          : #CCC;
}

#sidebar blockquote p.school {
  margin         : 0 0 15px 19px;
}


/* ----- CONTENT ----- */

#content  {
  float      : right;
  padding    : 30px 40px 40px 43px;
	width      : 470px;
	background : #FFF;
}

#content p em {
  /* inline decorated text */
  font-style  : normal;
  font-size   : 12px;
  font-weight : bold;
  color       : #0668A7;
}

#content img {
  float   : right;
  padding : 5px 0 10px 20px;
}

iframe {
  /* Flickr + Wufoo */
  margin : 5px 0 15px 0;
  width  : 470px;
}

table#schools {
  margin-top : 10px;
}

table#schools th {
  padding        : 7px 5px;
  font-weight    : bold;
  font-size      : 12px;
  line-height    : 16px;
  vertical-align : middle;
}

table#schools td a {
  text-decoration : none;
}


/* ----- FOOTER ----- */

#footer {
	clear      : both;
	float      : left;
	padding    : 8px 15px;
	width      : 702px;
	text-align : left;
}

#footer p {
  float          : left;
  vertical-align : middle;
  font-size      : 9px;
  font-style     : italic;
}

#footer form {
  float : right;
}

#footer form input#footer_search_entry {
  border       : #BEBAAD 1px solid;
  padding      : 3px;
  margin-right : 5px;
  width        : 100px;
  font-size    : 9px;
  font-weight  : normal;
  background   : #F8F7F2;
  vertical-align : middle;
}

#footer form input#footer_search_submit {
  border  : none;
  padding : 0;
  margin  : 0;
  width   : 63px;
  height  : 17px;
  vertical-align : middle;
}