.body {
   width : 500px;
   height : 375px;
   border : 1px solid #a1a1a1;
   background : white; padding:2px;
}

.banner {
   background : #b22222;
   width : 100%;
   height : 68px;
   margin-bottom : 6px;
}

.text {
   overflow : auto;
   height : 280px;
   padding : 3px;
   margin-right : 6px;
}

p,td {
   font-family : verdana,arial,sans-serif,helvetica;
   font-size : 11px;
   line-height : 17px;
   margin-bottom : 9px;
   margin-top : 6px;
   text-align : left;
}

h1 {
   font-family : verdana,arial,sans-serif,helvetica;
   font-size : 14px;
   font-variant : small-caps;
   color : #555555;
   text-align : left;
   margin-top: 3px;
   margin-bottom: 8px;
} 

h2 {
   font-family : verdana,arial,sans-serif,helvetica;
   font-size : 12px;
   color : #555555;
   text-align : left;
   margin-top: 18px;
   margin-bottom: 8px;
   padding-left: 2px;
   border-bottom : 1px solid #a1a1a1;
} 


li {
   list-style-image : url(images/list.gif);
   margin-left : -18px;
   margin-bottom : 3px;
}

code {
	background : #e1e1e1;
}

a:link, a:visited {
  color : #b22222;
}

a:hover {
   text-decoration : none;
   color : #cd8989;
}

.input {
   font-family : verdana,arial,sans-serif,helvetica;
   font-size : 11px;
   border : 1px solid #a1a1a1;
}

.input:focus {
	border : 1px solid black;
}

a#tooCool {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(/images/too_cool.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}