html, body {
	margin: 0;
	padding: 0;
	text-align: center;
}

body {
	background: #6F7F8F url(images/body.gif) no-repeat top right;
	font-size: 12px;
	font-family: Verdana, 'Trebuchet MS', 'Bitstream Vera Sans', Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
  color: #2e2e2e;
}

#logo {
  padding: 60% 0 0 10px;
}

.cite {
  color: #505053;
  font-style: italic;
  padding-top: 20px;
}

.author {
  font-size: 9px;
  font: Arial;
  color: #717189;
  text-align: left;
  padding-left: 15px;
  padding-top: 5px;
}

img.cite_begin {
  padding-right: 5px;
  border: none;
  float: left;
}

img.cite_end {
  padding-left: 6px;
  border: none;
  float: right;
}

a {
	color: #005577;
	text-decoration: none;
}

a:hover {
	color: #e34e0d;
}

h1, h1 a {
	color: #005577;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Trebuchet MS', 'Georgia', 'Times New Roman', 'Times' ,'Lucida Sans', 'Lucida Sans Unicode', 'serif';
	margin: 30px 0 10px 0;
	padding-left: 5px;
	text-decoration: none;
}

h2, h2 a {
	color: #005577;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Trebuchet MS', 'Georgia', 'Times New Roman', 'Times' ,'Lucida Sans', 'Lucida Sans Unicode', 'serif';
	margin: 20px 0 10px 0;
	padding-left: 5px;
	text-decoration: none;
}

img {
	border: none;
}

.clear {
  clear: both;
}

div#page {
  width: 70%;
  margin: 50px auto 0 auto;
}
 
div#left {
  float: left;
  text-align: left;
  width: 50%;
}

div#right {
  float: right;
  text-align: left;
  width: 50%;
}

div#top {
  background: transparent url(images/top.gif) center no-repeat;
  width: 312px;
  height: 110px;
  margin-top: 10px;
}

div#middle {
  background: transparent url(images/middle.gif) center repeat-y;
  width: 312px;
}
 
.content {
  padding: 20px 30px;
}

.content span {
  padding-left: 10px;
}

.g2ImageBlock {
	margin: 30px 10px 0 0px;
	width: 220px
	height: 105x;
}

div.one-image {
	float: right;
	padding: 0;
	margin: 0 9px;
	width: 100px;
  height: 100px;
}

div.one-image img { /* used for WPG2 Imageblock in sidebar */
	border: 1px solid #a0adb6;
	padding: 4px;
	margin: 1px;
	-moz-border-radius: 3px;  
  background: #E9E9E9;
}

div.one-image a:hover img {
	border-width: 2px;
	border-color: #005577;
	margin: 0;
	-moz-border-radius: 5px;
}

div#bottom {
  background: transparent url(images/bottom.gif) top no-repeat;
  width: 312px;
  height: 84px;
}

#footer {
	clear: both;
	color: #39444f;
	font-size: 10px;
	height: 30px;
	margin: 0;
	padding: 50px 10px 0px 10px;
	text-align: center;
}

#footer div {
	text-align: center;
}

#footer a {
	color: #005577;
}

#footer a:hover {
	text-decoration: underline;
}

ul#navigation {
  list-style: none;
  text-align: center;
  padding: 0px;
}

ul#navigation li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}

ul#navigation a {
  letter-spacing: 1px;
  color: #545454;
  font-size: 8px;
  width: 74px;
  height: 27px;
  float: left;
  padding-top: 8px;
  text-decoration: none;
  background: transparent url(images/button.png) no-repeat top center;
}

ul#navigation a:hover {
  background: transparent url(images/button_active.png) no-repeat top center;
}

ul#navigation span {
  letter-spacing: 1px;
  color: #545454;
  font-size: 8px;
  width: 74px;
  height: 27px;
  float: left;
  padding-top: 8px;
  text-decoration: none;
  background: transparent url(images/button_active.png) no-repeat top center;
}

#counter-img {
  margin-top: 2px;
  height: 7px;
  width: 25px;
}

li#counter a {
  background: transparent url(images/counter.png) no-repeat top center;
}

li#counter a:hover {
  background: transparent url(images/counter_active.png) no-repeat top center;
}
  

