/* CSS for Tree of Life, May 2009 */

body { background-color: #e8a20c; color: #454545; margin: 0px; padding-top: 0px; text-align: center;
       background-image: url(images/tof-bg-tile.jpg); background-repeat: repeat-x; background-position: top left; } 
       /* centering fix for IE6 - this will be inherited throughout site, so beware */

* { font-family: Verdana, Arial, Helvetica, Geneva, 'Lucida Sans', 'Bitstream Vera Sans', sans-serif; }

a:link { color: #164394; }
a:visited { color: #164394; }
a:active { color: #0a5df3; } 
a:hover { color: #0a5df3; }

b { letter-spacing: 0.2px; }
img { border: 0px; padding: 0px; margin: 0px; text-decoration: none; }
p { font-size: 13px; line-height: 20px; margin: 0 0 10px 0; }
td { font-size: 13px; line-height: 20px; }
ul { border: 0px; margin-top: 2px; list-style-type: disc; }
ol { border: 0px; margin-top: 2px; list-style-type: decimal; }
li { line-height: 20px; padding-bottom: 4px; list-style-position: outside; font-size: 13px; }


/* --------------------------- structural ids and classes --------------------------- */
.white_bg { background-color: #ffffff; text-align: left; }
.tan_bg { background-color: #fef6e4; text-align: left; }
.margin-index { padding: 10px 20px 10px 40px; }
.margin-article { padding: 10px 35px 10px 40px; }

#background-patch { width: 920px; margin: 0 auto 0 auto; }
#metawrapper { background-color: #fef6e4; width: 910px; margin: 11px 10px 0 0; }
#wrapper { width: 920px; margin: 0 auto 0 auto; }
#columnone { background-color: #ffffff; text-align: left; width: 563px; min-height: 400px; float: left; 
             background-image: url(images/2colordiv-1px.gif); background-repeat: repeat-y; background-position: top right;}
#columntwo { background-color: #fef6e4; text-align: left; width: 347px; min-height: 400px; float: right; margin-right: 10px; }
.shadow-left { background-image: url(images/shadow-left-tile.jpg); background-repeat: repeat-y; background-position: top left; }
.shadow-right { background-image: url(images/shadow-right-tile.jpg); background-repeat: repeat-y; background-position: top left; }

/* --------------------------- masthead --------------------------- */
#masthead { width: 920px; height: 110px; margin: 0 auto 0 auto; text-align: left; }
#logo { float: left; padding: 0 220px 0 0; }

/* --------------------------- footer --------------------------- */
#footer { clear: both; background-color: #e8a20c; border-bottom: 1px solid #e8a20c; }

/* --------------------------- top nav --------------------------- */
#topnav { float: right; margin: 16px 20px 66px 0; }
.tn { font-size: 13px; font-weight: bold; color: #164394; text-decoration: none; }
a.tn:link { color: #164394; }
a.tn:visited { color: #164394; }
a.tn:active { color: #0a5df3; } 
a.tn:hover { color: #0a5df3; }
.dots { margin-bottom: -5px; }

/* --------------------------- blue navbar --------------------------- */
#navbar { width: 920px; height: 48px; margin: 0 auto 0 auto; 
          background-image: url(images/navbar.gif); background-repeat: no-repeat; background-position: top left; }
#nb-margin { padding-top: 8px; } /* margin worked in IE, but not Firefox */
.nb { font-size: 12px; font-weight: bold; color: #ede4cf; text-decoration: none; }
a.nb:link { color: #ffffff; }
a.nb:visited { color: #ffffff; }
a.nb:active { color: #fdda90; } 
a.nb:hover { color: #fdda90; }

/* --------------------------- side nav --------------------------- */
#sidenav { padding: 30px 20px 20px 25px; }
.sn { font-size: 12px; font-weight: bold; color: #164394; text-decoration: none; }
a.sn:link { color: #164394; }
a.sn:visited { color: #164394; }
a.sn:active { color: #0a5df3; } 
a.sn:hover { color: #0a5df3; }