body {font: 1em Helvetica, Arial, Verdana, sans-serif; text-align: center;}
* {margin:0; padding:0;}

div#mainwrapper {width:776px; margin-left: auto; margin-right: auto; text-align: left;}

div#header {width:776px; height:136px; margin-top: 10px; padding-bottom: 5px; border-bottom:1px solid black;}

div#columnswrapper {float:left; width:776px; background-color:#FFFFFF;}
div#nav {float:left; width:150px; margin-left:-626px;} /* nagative margin moves nav column into position */
div#content {float:left; width:476px; margin-left:150px; display:inline;} /* display inline is hack fix for IE */
div#rightcolumn {float:left; width:150px}
div#footer {width:776px;}
.clearthis {clear:both;}

/* content column styles */
div#content {padding:0 0}
div#contentinner {margin: 0 10px 20px;}
div#content div#mainimage {width:180px; float:left; margin:0 8px 4px 0;}
div#content div#mainimage img {border: 1px solid #960;}
div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#C60;} 
div#content h1{font-size:1.2em; margin-top:2em; color:black;}
div#content h2{font-style: italic; font-weight: normal; font-size:.9em; margin-top:.8em; margin-bottom:.3em; color:black;}

div#content p {font-size:.8em; margin-top:0; margin-bottom: 1em;}	
div#content li {font-size:.75em;}
div#content blockquote {width: 200px; float:right; font-size:.7em; border-top: 3px dotted #960; border-bottom:2px dotted #960; margin:20px 20px 20px 0; padding: 6px 10px;}
div#content blockquote p {margin:0; font-style:italic;}
div#content a {text-decoration:underline; color:#C60;}
div#content a:hover {color: #960; text-decoration:none;}

/* nav styles */
div#nav {padding-top:20px;}
div#nav ul {border:0; margin:12px 1.25em 12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em;}
div#nav li {border-bottom:2px dotted #960; margin:0; padding:.3em 0; text-indent:.5em}
div#nav li:first-child {border-top:2px dotted #960;}
div#nav a {text-decoration:none; color:#C60;}
div#nav a:hover {color: #960;}
/* a hack for IE Win only \*/	
* html div#nav ul {border-top:2px dotted #960;}
/*end of hack */

/* right column styles */
div#rightcolumn {padding-top:34px;  border-bottom:2px solid #960;}
div#rightcolumn p {font-size:.75em;}
div#rightcolumn img {border:none; border-top:2px solid #960;}
div#rightcolumn div#newslinks ul {list-style-type:none; font-size:.7em; padding-left: 10px; margin:0 6px 0 0;}
div#rightcolumn div#newslinks li {margin-top:0; margin-bottom:.5em;}
div#rightcolumn h3 {text-align:center; font-size:.8em; color:#960; margin-bottom:0px; padding-top:3px; border-top: 2px dotted #960;}
div#rightcolumn a {text-decoration:none; color:#C60; text-decoration:underline}
div#rightcolumn a:hover {color: #960; text-decoration: none;}
div#rightcolumn li.morelink {font-style:italic;}

/*footer styles*/
div#footer {
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.8em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:#000000; /* sets the background color of the div */
					border-top:1px solid #000000; border-bottom:2px solid #981E32;}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#C60; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 						 color:#981E32; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline; color:#787878} /* underlines the links when hovered */
 div#footer ul.fineprint li {font-size: .7em; color:#C60;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#C60;} /* had to explicitly color these or they inherit from div#footer li */
  div#footer ul.fineprint li a:hover {color:#960;} /* turns bottom row white when hovered */
  
  /* to top link */
  a.chirplink { display: none;}
  
  #totop {
  position: absolute;
  position: fixed;
  bottom: 1em;
  right: 1em;
  width: 40px;
  overflow: auto;
  text-align: right;
  font-size: 11px;
}