html, body {
font-size: 100%;
margin: 0;
padding: 0; }

body {
background: #000; 
font: 90% Georgia, serif;
color: #333; }

#splashpic { text-align: center; }

#splashpic img { border: 1px solid #fff; }

#headerwrapper {
background: #f8f8f8 url("img/angles-story-header-short09.jpg") no-repeat top left; 
height: 300px; }

/* #header { } */

#leftcol {
float: right; 
width: 15em; 
margin: 9em 3em 0 0 ; 
padding: 0; 
vertical-align: bottom; }

#contentwrapper { background: #f8f8f8; }
 
#contenttoc {
 /* margin-right: 12em;  */
 margin: 0;
padding: 2.5em 5em 3em 3em; }

dl.table-display {
margin: 2em 0;
padding: 0;
font-family: georgia, times, serif;
width: 100%; }

.table-display dt {
float: left;
/* width: 20em;   USED % TO SCALE BETTER ON FONT RESIZE */
width: 30%;
margin: 0 0 0 0;
padding: 1em .5em .5em .5em;
border-top: 1px solid #dedede;
font-weight: bold;
font-size: 95%;}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd {
float: left;
/* width: 26em;  USED % TO SCALE BETTER ON FONT RESIZE */
width: 50%;
margin: 0 0 3em 0;
padding: 1em 0em .5em .5em;
border-top: 1px solid #dedede; 
line-height: 1.4;}

#content {
background: url("img/page-edge.png") repeat-y top right; 
margin-right: 22em; 
padding: 2.5em 5em 3em 3em; }

#content h1, #contenttoc h1 {
font-size: 150%;
font-weight: bold;
margin: 0;
padding: 0 0 .5em 0; }

h1#angles { padding-bottom: 0;}

p#anglesblurb { color: #000; font-weight: bold; }

#content h2 {
font-size: 100%;
font-style: italic;
margin: 0;
padding: 0 0 1.3em 0; }

#content h2.assignmnt {
font-size: 125%;
font-style: normal;
margin: 0;
padding: 1em 0 .5em 0; }

#content h3 {
font-size: 100%;
font-style: italic;
margin: 0;
padding: 1.5em 0 0 0; }

#content p {
line-height: 1.5;
padding-bottom: .5em; 
text-indent: 2.5em; }

#content p.assignment {
padding-bottom: 2em;
 text-indent: 0; }

#content p.indentmore { padding-left: 5em; text-indent: 0; }

#content p.indentquote {padding-left: 2em; text-indent: 0; }

#content p.noindent { text-indent: 0; }

#content p.pullquote {
background: transparent url("img/quotes.png") no-repeat scroll .2em 1.4em;
color: #151515;
font-size: 115%;
font-style: italic;
line-height: 1.5em;
border-top: 2px solid #7F93E5;
border-bottom: 2px solid #7F93E5;
text-align: left;
width: 180px;
float: right;
margin: 18px 0 10px 20px;
padding: 20px 20px 20px 45px; 
text-indent: 0em; }

#content p.cntrimg { text-align: center; text-indent: 0; }

.smalltxt { font-size: 85%; }

a { text-decoration: none; }

blockquote {
margin: 0;
padding: .3em 0 .7em 2.5em; }

dl { 
margin: 0;
padding: 0; }

dt { font-weight: bold; padding: 1em 0 .5em 0; }

dd.txtbk {
font-size: 90%;
font-family: 'Courier New', monospace;
padding: 0 0 1em 3em; 
line-height: 1.6;
text-indent: -2em; }

#rightcol {
float: right; 
width: 15em; 
margin: 9em 3em 0 0 ; 
padding: 0; 
vertical-align: bottom; }

#rightcol h4 { 
color: #666; 
margin: 0; 
padding: 0; 
font-size: 80%; 
font-family: Arial, san-serif; 
letter-spacing: 3px; }

#rightcol p { 
color: #666; 
font-size: 80%;  
font-family: Arial, san-serif;  
line-height: 1.6; }

img#authorpic {
float: left; 
padding: .5em .8em 0em 0; }


/* NAVIGATION  TOP */

#nav {
margin: 0;
padding: 0;
border-top: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8; }

#navcontainer ul {
background-color: #fff;
color: #000;
margin: 0;
padding: .5em 0 .5em 2em; }

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
color: #8D8D8D;
font-size: 85%;
padding: .5em .4em .5em 0em;
text-decoration: none; }

#navcontainer ul li a:hover { color: #666; }


/* NAVIGATION BOTTOM */
#navbot {
margin: 0;
padding: 0;
border-top: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8; }

#navcontainerbot ul {
background-color: #fff;
color: #000;
margin: 0;
padding: .5em 0 .5em 2em; }

#navcontainerbot ul li { display: inline; }

#navcontainerbot ul li a {
color: #8D8D8D;
font-size: 85%;
padding: .5em .4em .5em 0em;
text-decoration: none; }

#navcontainerbot ul li a:hover { color: #666; }

li.active  { 
color: #8D8D8D;
font-size: 85%; }

/* FOOTER */
#footer {
background-color: #000;
color: #D7DEDE;
font-size: 80%;
margin: 0;
padding: 2em 0 5em 0; }

 p.cntr { text-align: center; color: #333; }
 
dl.footerinfo {
background-color: transparent;
width: 40%; 
text-align: left;
padding: 1em 2em;
float: left;
margin-right: 0em; }
.footerinfo dt { font-weight: bold; padding-bottom: .5em; }
.footerinfo dd { color: #8B8F8F; line-height: 1.3; margin: 0; padding: 0; }

dl.footerlinks {
background-color: transparent;
border-left: 1px solid #333;
width: 30%;
text-align: left;
padding: 1em 2em;
float: left;
margin-right: 0em; }
.footerlinks dt { font-weight: bold; padding-bottom: .5em; }
.footerlinks dd { color: #8B8F8F;  line-height: 1.3; margin: 0; padding: 0; }

/* dl.footermasthead {
background-color: transparent;
border-left: 1px solid #333;
width: 40%;
text-align: left;
padding: 1em 2em;
float: left;
margin-right: 0em; }
.footermasthead dt { font-weight: bold; padding-bottom: .5em; }
.footermasthead dd { color: #8B8F8F;  line-height: 1.3; margin: 0; padding: 0; } */

#footer a:link {
color: #8B8F8F; 
text-decoration: underline; }

#footer a:visited {
color: #8B8F8F;
text-decoration: underline; }

#footer a:hover, #footer a:active {
color: #999;
text-decoration: none; }