/* CSS Document 
 */

body {
 background:#aaa url("background.gif") repeat 0 0;
 font-family: arial, helvetica, sans-serif;
 }
#page {
 width:740px;
 margin:0 auto;
 }
#page2 {
 background:#fff;
 float:left;
 width:720px;
 padding:10px;
 border:solid #444;
 border-width:1px 3px 3px 1px;
 color:#233;
 }
a.toplinks {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
 }
a.toplinks:hover {
	color: #f00;
 }
.text-toplinks {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: right;
	padding: 5px;
 }
p {
 margin-bottom: 0.5em;
 margin-top: 0.5em;
}
h1,h2,h3,h4 {
	border: 0px;
	padding: 0px;
    /*line-height: 1ex;*/
 }
#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
 * 	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}