body {
  background:#004488 url("/style1/background.jpeg");
  margin:0;
  padding:0;
  color:#000;
/*  font:Serif;*/
} /*html>body {font-size:small;}*/

#thepage {
	padding:0px;
	margin: 0px 10% 10% 10%;
    width:80%;
}

.header {
	margin:50px 0px 0px 0px; /* extra space at the bottom */
/*    height:22px;*/
	padding:0px;
  font-family: "Helvetica Medium", sans-serif;
  font-size:small;
}

#navigation {
  float:left;
  width:100%;
  /*  background-image: url('/style1/background.jpeg');*/
  /*background:#DAE0D2 url("/style1/bg.gif") repeat-x bottom;*/
  line-height:normal;
  padding:0px;
  height:22px;
}
#navigation ul {
  margin:0px;
  padding:0px 10px;
  list-style:none;
}
#navigation li {
  float:left;
  background:url("/style1/tab-left-unhilite.gif") no-repeat left top;
  margin:0px;
  padding:0px 0px 0px 10px;
}
#navigation a {
  float:left;
  display:block;
  background:url("/style1/tab-right-unhilite-sliding.gif") no-repeat right top;
  padding:3px 17px 10px 6px;
  text-decoration:none;
  font-weight:bold;
  border:none;
  /*color:#765;*/
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */
#navigation a:hover {
  color:#fff;
}
#navigation #selected {
  background-image:url("/style1/tab-left-hilite.gif");
  border-width:0;
}
#navigation #selected a {
  background-image:url("/style1/tab-right-hilite-sliding.gif");
  color:#333;
  padding-bottom:5px;
}

#announcements {
	background-color:#ffffff;
	border:5px solid #1188ff;
	width:100%;
	padding:10px;
}

#navigation2 {
	clear:both;
	padding:0px 10px;
	margin:0px;
	display:block;
	width:100%;
	background:#bbb;
	border:5px solid #1188ff;
	border-bottom:none;
}
#navigation2 a {
	text-decoration:none;
	font-weight:bold;
}
#navigation2 img {
	margin:0px 5px 0px 0px;
}

#navigation2 ul {
	margin:0px;
	padding:0px 10px;
	list-style:none;
}

#navigation2 li {
	border:none;
	padding:10px 5px;
	height:1em;
	display:inline-block;
	color:white;
}
#navigation2 #selected a {
	color:white;
}

#navigation2 #selected {
	background:#18f;
}

#navigation2 a:hover {
  color:white;
}

.content {
	clear:both;
	padding:10px;
	margin:0px;
/* 	float:left;*/
	display:block;
	width:100%;
	background-color:white;
	border:5px solid #1188ff;
	border-top:none;
}
.footer {
	padding:10px;
/*	position:static;*/
	clear:both;
 	float:left;
	display:block;
	width:100%;
	background-color:#1188ff;
	border:5px solid #1188ff;
	color:#ffffff;
	font-size:small;
	margin:0px 0px 100px 0px; /* extra space at the bottom */
}

#email {
	position:relative;
    float:left;
	display:inline;
	width: 30%;
/*	padding:10px 10px 10px 10px;*/

/*	border-style:solid;
	border-width:1px;
	border-color:#000000;*/
}

#counter {
	position:static;
	display:inline;
/*	padding:10px 10px 10px 10px;*/
	width: 30%;

/*	border-style:solid;
	border-width:1px;
	border-color:#000000;*/
}
#counter img {
	border:1px solid white;
}

#modified {
	position:static;
    float:right;
	display:inline;
/*	padding:10px 10px 10px 10px;*/
	width: 30%;
	text-align:right;

/*	border-style:solid;
	border-width:1px;
	border-color:#000000;*/
}

#song {
	position:relative;
	display:inline;
    float:left;
/*	padding:10px 10px 10px 10px;*/
	clear:both;

/*	border-style:solid;
	border-width:1px;
	border-color:#000000; */
}

#copyright {
	position:relative;
    float:right;
	display:inline;
/*	padding:10px 10px 10px 10px;*/
	text-align:right;
	font-size:x-small;

/*	border-style:solid;
	border-width:1px;
	border-color:#000000;*/
}

/*#footer {
	position:relative;
	display:inline;
	float:left;
}*/


/* general things*/
#quote {
    position:relative;
    display:block;
    background:#9ecfff;
	border-style:solid;
	border-width:1px;
	border-color:#003;
    padding:10px 10px 10px 10px;
    margin:10px 25px 10px 25px;
}