/* tspp.css  10/28/09*/


.vnav ul, .vnav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block; 
   border-bottom: 1px solid black; /* yellow;*/	
	border-top: 0px solid black; /* yellow;*/
	border-left: 0px solid black; /* yellow;*/
	border-right: 0px solid black; /* yellow;*/ }
.vnav ul {
	border: solid 1px #fafad2;
	border-bottom-width: 0; }
.vnav ul li {
	border-bottom: solid 1px #fafad2;
	font-family: arial; }
.vnav ul li a {
	border: 1px solid black;
	display: block;
	text-decoration: none;
	padding: 1px 10px;
	color: blue;
	background-color: #e0edc5; 
	font-family: arial, helvetica, sans-serif; 
	/* font-size: 0.8em; */ }
.vnav ul li a:hover {
	background-color: #fef886;
	color: red; 
	border: 1px solid red; }
.vnav {
	margin-bottom: 1em; }
  
/* HORIZ NAVIGATION */

#navlist {
border-bottom: 0px solid black;
border-top: 0px solid black;
border-left: 0px solid black;
border-right: 0px solid black;
margin: 0px;
margin-bottom: 0px;
text-align: center;
background-color:   fafad2;
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
padding: 0px; 
padding-left: 1px;
padding-bottom: 3px;
padding-top: 3px; }

#navlist a, #navlist a:link, #navlist a:visited {
border: 1px solid black;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
color: blue;
/* font-weight: bold; */
text-decoration: none; }

#navlist a:hover, #navlist a:active, #navlist a:focus {
border: 1px solid red;
color: red;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none; }

#navlist li {
padding-right: 1px;
display: inline; 
background-color: #e0edc5; }

#navlist ul {
margin: 0px;
padding: 0px; }

#navlist #active a { 
background-color: red; }


/*---- LAYOUT ----*/
div {
	padding: 0;
	margin: 0; }
body {
	padding: 20px;
	margin: 0; }
div.imagecaption { 
	float: left;
	width: 120 px; 
	display: inline; 
	margin: 1em 1em 1em 1em; 
	text-align: left; 
	font-family: arial, helvetica, sans-serif;
	font-size: 0.7em; }
div.imagecaption img {
	display: inline; 
	text-align: center; 
	border: 0; } 
img {
	
	 } 
hr {
	color: black;
	background-color: black;
	height: 2px; }
#masthead h1, h2, h3, h4 {
	display: inline; 
	font-family: arial, helvetica, sans-serif; }
#contentColumn {
	width: auto;
	margin-left: 5 px; }
#masthead, #innerLeftColumn, #innerContentColumn, #innerRightColumn, #innerFooter {
	padding: 10px; }
#footer {
	clear: both; }
#innerFooter {
	text-align: left; }
#innerContentColumn {
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
	margin-right: 20px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */ }
#innerContentColumn h2 {
	text-align: center;
	font-family: arial, helvetica, sans-serif; 
	display: inline;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 0px;  
	padding-bottom: 0px; }
#innerContentColumn h3, h4 {
	font-family: arial, helvetica, sans-serif;
	display: inline;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 0px;  
	padding-bottom: 0px; }
#contentColumn>#innerContentColumn {
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */ }
#innercontentcolumn {
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */ }
#masthead, #footer {
	z-index: 10; }

/*---- BORDERS ----*/
#pageFrame {
	border: solid 2px black; }
#footer, #masthead, #innerLeftColumn, #contentColumn, #innerContentColumn {
	border: solid 0px #fafad2; }
#footer {
	border-top-width: 1px; 
	border-top-color: black; }
#masthead {
	border-bottom-width: 2px; 
	border-bottom-color: black; }

#contentColumn {
	border-left-width: 1px; }

/*---- VISUAL ELEMENTS ----*/
body {
	background-color: #fffad7;
	color: #000;
	padding: 20px;
	margin: 0; }

p.news {      /*-- font for inner (text) column -- */
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	font-size: 105%; }
ul#list {
	margin-left: 20px;
	padding-left: 0; 
	font-family: arial, helvetica, sans-serif; }
#masthead {
	background-color: #d4e7b2; 
	color: #000; }
#footer { 
	background-color: #d4e7b2;
	color: #000; }
#pageFrame {
	background-color: white;
	color: #000;
	min-width: 500px; }
A:link { 
	text-decoration: none; 
	color:  blue; }
A:visited { 
	text-decoration: none; 
	color:  blue; }
A:hover { 
	text-decoration: none; 
	color: red; 
	background-color: #fef886; /* yellow; OR  #ffffcc; */
	/* font-weight: bolder; */
	border: 1px solid red; }

/* Modified from: http://webhost.bridgew.edu/etribou/layouts/index.html */

.superscript{
font-size:x-small;
vertical-align:top;}
.subscript{
font-size:x-small;
vertical-align:bottom;}