/*typography*/
body{
/*	font: 76% verdana,arial,sans-serif;*/
	font: 85% verdana,arial,sans-serif;
	text-align: center;
}
table#lst {
	margin: 0 auto;
	clear: left;
	text-align: center;
	border: 1px solid #CDFFAA;
	width: 95%
}
table#lst th {
	letter-spacing: 4px;
	font-size: 12px;
}
table#lst caption {
	font-variant: small-caps;
}
table#lst td {
	border-bottom: 1px dashed blue;
}
table#lst td#two, table#lst th#two {
	background-color: #CDFFAA;
}
h1,h2,h3{font-family: Verdana,Arial,sans-serif}
h1 {
	font-size: 160%;
	letter-spacing: 1px;
	margin-top: 0;
	margin-bottom: 0px;
}
body div#slogan {
	font-size: x-small;
}
/*h2{font-size: 160%}*/
h2 {
	font-size: 350%;
	letter-spacing: 1px;
	margin-top: 0;
	margin-bottom: 0px;
}
#news {
	font-size: 85%
}
h3{
	font-size: 110%;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 5px;
	text-align: center;
}
#content h3 {
	float: right;
	font-size: x-small;
}
p img {
	float: left;
	margin: 0 2%;
	padding-right: 10px;
}
h2,p{margin: 0 15px;padding:0}
p{padding-bottom: 0.7em;line-height: 1.5}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
address{
	padding: 3px 15px;
	font-style: normal;
	font-size: 10px;
}
div.relax p{font-size: 120%}


/*layout*/
html{height: 100%; margin-bottom: 1px}
html,body{
	margin: 0;
	padding: 0 0 20px;
}
div#googban {
	float: right;
	width: 260px;
	padding: 10px;
}
div#googlink {
	margin: 0 auto;
}
div#container{width: 750px;margin: 0 auto;text-align: left}
div#header{margin:0 0 10px;padding: 0 0 5px}
div#header h1{margin:0 5px;padding:60px 0 2px}
div#header a{margin-left: 10px}
div#sidebar{
	float: left;
	width: 150px;
	margin-top: 30px;
}
div#sidebar div{padding: 5px 0;margin-bottom: 10px}
div#nav ul,div#nav li{margin:0;padding:0;list-style-type:none;line-height: 1.5}
div#nav a{margin-left:5px;padding-left:10px}
div#sidebar p{margin: 0 5px;padding:0}
div#sidebar p+p{margin-top: 0.7em}
#content form {
	margin: 0 auto;
	padding: 5px 0 0;
/*	width: 70%;*/
	clear: both;
	font-size: 12px;
}
#content form input {
/*	width:130px;
	height: 80%;*/
	text-align: center;
}
#content form h3{margin-bottom: 10px}
#content form div{padding: 5px 0}
div#content{
	float: right;
	width: 550px;
	padding: 5px 0 0;
}
blockquote {
	float: left;
	display: inline;
	width: 200px;
	margin: 0 10px 5px 15px;
	padding: 5px 0;
}
blockquote p {
	margin: 0;
	padding: 0 5px;
	text-align: center;
}
div.relax{
	float: left;
	margin: 10px 15px;
	width: 225px;
}
div.relax p, div.relax h2{
	margin: 0 5px;
}
div#footer{
	clear: both;
	text-align: center;
}

div#news div{
	float: right;
	width: 201px;
	margin-top: 10px;
	background: #E5A3A5 url(gfx/gradient.jpg) repeat-y top;
}
div#googsrch {
	text-align: right;
	float: right;
	width: 40%;
	margin: .5em;;
	padding: .3em;
}
	 
/*colors*/
body {
	background: #fff;
}
a:hover {
	color: #993300;
}
#content a:visited {
	color: #996600;
}
div#header{background: #84B7FF}
div#header h1{background: #657DA6}
h2 a{
	color: #4396D8;
	text-decoration: none;
}
h2 a:hover{
	color: #36C;
	text-decoration: none;
}
h1{color: #f60}
.relax h2{color: #f60}
h3{color: #B02A36}
div#nav{background: #95B3DE}
div#nav a{
	background: url(gfx/bullet.jpg) no-repeat center left;
	color: #2660B1;
	text-decoration: none;
}
div#nav a:hover{
	color: #FFF;
	text-decoration: none;
}
div#sidenotes{background:#B1C0D5}
#content form {
	/*	background: #B4CEF7*/
/*	background-color: #99FF00;*/
	float: right;
}
div#content {
	background: #fff
}
blockquote {
/*	background: #CDFFAA url(gfx/quote-open.gif) no-repeat top left;*/
	background: #ff6 url(gfx/quote-open.gif) no-repeat top left;
}
div.relax{
	background: url(gfx/greenshade.jpg) repeat-x top;
}
div.relax h2{
	color: #99FF00;
	font-size: 160%
}
div.relax p{color: #fff}
div#footer{background: #CCC;color: #333}
div#footer img {
	float: left;
	border: none;
}
code {
	color: blue;
	float: left;
	width: 100%;
	font-size: 120%;
}
code cite {
	color: black;
}