/* ---------------
Produced by John Tomlinson, The Synergos Institute
--------------- */

/* GENERAL */
body {font-family: Arial, Helvetica, san-serif; color: #000000; margin: 0 0 20px 0; padding: 0; line-height: 1.6em; font-size: 80%; background: #ccc;  }
h1, h2, h3, h4, h5 {font-weight: bold; font-family: Arial, Helvetica, "Lucida Sans", sans-serif; color: #096; background: transparent;  }

h4 {margin: 10px 0 0 0;}

h5 {margin: 5px 0 0 0; padding-bottom: 0;}

p {	margin-top: 0; padding-top: 0;}


#topback {margin: 0; padding: 0; background: #096 url(h/topbackground.gif) top right no-repeat; } 
#printhead, #printlogo {display: none;}

/* MAIN LAYOUT */
#contentbackground {background: #ccc;}
#main {margin: 0 64px 0 70px; width: 85%; background: #ffffee; padding: 0; border-bottom: 20px solid #096;}
#slide {margin: 0 64px 0 70px; width: 724px; color: #fff; background: #333; padding: 0; border-bottom: 20px solid #096;}
.right {padding: 0 0 0 3px;}
.text {padding: 3px;}
.right p {font-size: 85%; color: #333333; line-height: 1.3em; width: 300px; margin-left: 10px;}


.pullquote {font-style: italic; margin: 15px; float: right; line-height: 1.7em; width: 240px;}
.photo {font-size: 80%; color: #666; font-family: Arial, Helvetica, sans-serif;}

.right img {border: 1px solid #000; margin: 0; padding: 0;}

.plenright {width: 120px;  margin: 0 0 8px 12px; padding: 0; float: right; font-size: 80%; font-family: Arial, Helvetica,  sans-serif; line-height: 1.0em;}
.plenleft {width: 120px;  margin: 0 12px 8px 0; padding: 0; float: left; font-size: 80%; font-family: Arial, Helvetica,  sans-serif; line-height: 1.0em;}
.plenleft300 {width: 300px;  margin: 0 12px 8px 0; padding: 0; float: left; font-size: 80%; font-family: Arial, Helvetica,  sans-serif; line-height: 1.0em;}
.plenleft220 {width: 220px;  margin: 0 12px 8px 0; padding: 0; float: left; font-size: 80%; font-family: Arial, Helvetica,  sans-serif; line-height: 1.0em;}
.plenright img, .plenleft img, .plenleft300 img, .plenleft220 img  {border: 1px solid #000;}

.homeright {width: 300px;  margin: 0 5px 8px 12px; padding: 0; float: right; font-size: 100%; font-family: Arial, Helvetica,  sans-serif; line-height: 1.2em;}

a:link {text-decoration: underline; color: #0033cc; background: transparent; }
a:visited {text-decoration: underline; color: #003399; background: transparent; }
a:active {text-decoration: underline; color: #0000cc; background: transparent; }
a:hover {text-decoration: underline; color: #0000cc; background: transparent; }

/* NAV BARS */
#topnavcontainer {font-size: 80%; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 2px; padding: 0; float: right;}
ul#topnavlist {margin: 0; padding: 0; white-space: nowrap; }
#topnavlist li {display: inline; list-style-type: none; margin: 0; padding: 0;}
#topnavlist a { padding: 1px 5px; }
#topnavlist a:link {color: #ffffff; background-color: #039; text-decoration: none; }
#topnavlist a:visited {color: #cccccc; background-color: #039; text-decoration: none; }
#topnavlist a:hover {color: #ffffff; background-color: #000000; text-decoration: none; }
#current {background-color: transparent ! important; color: #ffffff ! important; border: 1px solid #cccccc; cursor: default; }

#uninavcontainer a {background: #fff;}

#botnavcontainer {font-size: 85%; font-family: Arial, Helvetica, sans-serif; margin: -1px 0 0 0; padding: 0; background: #096; border-top: solid #fff 5px; }
ul#botnavlist {margin: 0 0 0 64px; padding: 0; white-space: nowrap; } 
#botnavlist li {display: inline; list-style-type: none; margin: 0; } 
#botnavlist a { padding: 1px 3px;  }
#botnavlist a:link {color: #ffffff; background-color: #096; text-decoration: none; }
#botnavlist a:visited {color: #cccccc; background-color: #096; text-decoration: none; } 
#botnavlist a:hover {color: #ffffff; background-color: #000066; text-decoration: none; }
#homecurrent {background-color: transparent ! important; color: #ffffff ! important; border: 1px solid #ffffee; cursor: default; }


#slide a:link {color: #fff;  text-decoration: none; font-size: 85%;  }
#slide a:visited {color: #ccc;  text-decoration: none; font-size: 85%;  }
#slide a:active, #slide a:active {color: #fff;  text-decoration: underline;  font-size: 85%; }
#slide h4 {color: #fff;}

.right ul {list-style-type: none; padding: 0; margin: 0; font-size: 105%; font-family: Arial, Helvetica,  sans-serif; font-weight: bold;}

.topics {list-style-type: none; }
.topics li {margin-bottom: 5px;}
table.topicslist {padding: 0;}
.topic {font-size: 90%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 1.0em 0 0 0; }
.tight td {padding: 0; margin: 0;}

.right h5 {margin-bottom: 0; padding-bottom: 0;}

.topicnum {font-size: 90%; font-family: Arial, Helvetica, sans-serif; color: #069;}

.topjump {font-size: 80%; font-family: Arial, Helvetica, sans-serif; text-align: right;}
#narrower {width: 75%;}



.transcript {padding: 0 120px 0 0;}
.slidefooter {font-size: 9px; color: #666;}
#thumbs td {background: #333; text-align: center;}

form {font-size: 75%; font-family: Arial, Helvetica,  sans-serif;  line-height: 1.2em;} 

form td {padding: 8px 0;}

.sidebarlist {margin: 0 0 0 8px; line-height: 1.1em;}
.rightbox  {float: right; margin: 8px; width: 300px; font-size: 85%; line-height: 1.2em; }
.leftbox {float: left; margin: 8px 12px 8px 0; width: 300px; font-size: 85%; line-height: 1.2em; }
.leftbox200 {float: left; margin: 8px 12px 8px 0; width: 200px; font-size: 85%; line-height: 1.2em; }
.rightbox img, .leftbox img, {border: 1px #000000 solid; margin: 0; }