
html,
body {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
html>body #wrap {height:100%;} /* 100 % height */
#wrap {
	width:60em;
	margin:0 auto;
}

.topheadern{
margin:0; padding:0; border-collapse:collapse;  border:0;


}

html>body #content-wrap {height:100%;} /* 100 % height */
html>body #content { padding:10px 10px 10px 10px;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
#footer {
	width:60em;
	height:5em;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

/* Styling to make this demo page look just a little bit better */
html,
body {
background-color:#e20001;
	background-image:url(../images/bg_main.jpg);
	background-repeat: repeat-x;
}
body {font:76%/1.5 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}

p {margin:1em 0;}
.info {
	position:relative;
	padding:0.5em;
	border:1px solid #000000;;
	background:#fff;
}
A:link {	border-bottom:1px dotted;
	color:#000000;
	font-weight:bold;
	text-decoration:none;}
a:visited {
	border-bottom:1px dotted;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a:focus,
a:hover {
	border-bottom-style:solid;
	color:#990000; 
}

.vittext A:link {	border-bottom:1px dotted;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;}
.vittext A:visited {border-bottom:1px dotted;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;}
.vittext A:hover {	border-bottom-style:solid;
	color:#990000;}
	
	
.comments A:link {	border-bottom:1px dotted;
	color:#999999;
	font-weight:bold;
	text-decoration:none;}
.comments A:visited {border-bottom:1px dotted;
	color:#999999;
	font-weight:bold;
	text-decoration:none;}
.comments A:hover {	border-bottom-style:solid;
	color:#000000;}



.papa A:link {	border-bottom:0px dotted;
	color:#000000;
	font-weight:bold;
	text-decoration:none;}
.papa A:visited {border-bottom:0px dotted;
	color:#000000;
	font-weight:bold;
	text-decoration:none;}
.papa A:hover {	border-bottom-style:solid;
	color:#000000;}


.pics A:link {	border-bottom:1px solid;
	color:#000000;
	font-weight:bold;
	text-decoration:none;}
.pics A:visited {	border-bottom:1px solid;
	color:#000000;
	font-weight:bold;
	text-decoration:none;}
.pics A:hover {	border-bottom:1px solid;
	color:#000000;
	font-weight:bold;
	text-decoration:none;}


	
#header,
.footer {
	color:#111;
	background:#CCCCCC;
	text-align:center;
}
#content-wrap,
#content { background-color:#FFFFFF;
  min-height:600px;
  height:auto !important;
  height:600px;}


html>body #content2 {padding:15px 15px;} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */

#content-wrap2,
#content2 { background-image:url(../images/stripe_side.png); 
  min-height:600px;
  height:auto !important;
  height:600px;

}
#footer a {color:#111;}


html>body #content_music {} /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#A9D1DD}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #daebf0;
  border-right:1px solid #daebf0;
  background:#bedce5}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f6fafb;
  border-right:1px solid #f6fafb;
  background:#b9d9e3}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #b9d9e3;
  border-right:1px solid #b9d9e3;}
.spiffy4{
  border-left:1px solid #daebf0;
  border-right:1px solid #daebf0}
.spiffy5{
  border-left:1px solid #bedce5;
  border-right:1px solid #bedce5}
.spiffyfg{
  background:#A9D1DD}
