html{
	margin:0;
	padding:0;
}

body{
	background-color:#fff;
	margin:0;
	padding:0;
	font-family: verdana, tahoma, arial, sans-serif;
	color: #002233;
	font-size: x-small;
	line-height:1.2em;
} html>body {font-size: small;}



#container{
	position:relative;	
	padding:0;
	margin:0;
	border-color:black;
	border-width: 10px 0 5px 7px;
	border-style:solid;
	height:auto;
}

#topRow{
	background: transparent url(../Images/lines-green.gif) top left repeat-x;
	width:100%;
	position:relative;
	margin:0;
	padding:0;
}

#main{
	padding: 0 .5em .5em .5em;
	margin:0 .5em 0 .5em;
}

#main p{
	margin: 0 0 1em 0;
}

#footer{
	background: transparent url(../Images/lines-white.gif) bottom left repeat-x;
	width:100%;
	padding:0;
	margin:0;
	position:relative;
}

#footer #bottomRight{
	position:absolute;
	right:0;
}

#footer img{
	padding:0;
	margin:0;	
}

#footer #homeLink{
	position:absolute;
	right:30px;
}


#topRow h1{
	/* TO DO: but in a background here that is essentially identical to the 
	green #topRow background, so that if the window width is collapsed 
	the black title text is legible over the black header area top left
	*/
	font: bold 110% verdana, tahoma, arial, sans-serif;
	color: white;
	display:inline;
	position:absolute;
	bottom:8px;
	left:305px;
	margin: 0;
	padding:0;	
}	

h1{
	font-size:medium;
	font-weight:normal;
}

#main h5{
	font: bold 100% verdana, tahoma, arial, sans-serif;
}	

a:link {
	color: #00e;
	border-bottom: solid 1px #90a0ff;
	text-decoration: none;
	line-height:12px;
}
a:visited {
	color: #949;
	border-bottom: solid 1px #9f6f8f;
	text-decoration: none;
}
a:hover {
	color: #0af;
	text-decoration: underline;
	border: 0;
}
a.image:link, a.image:visited{ 
	border: 0;  /* don't underline image links */
}


#main blockquote a{
	line-height:1.3em;
}

code, .code {
	font-family: Courier, Monospace; 
}

li {
	padding-bottom: 1em;
}