html,body {
    height:100%;
}
body {
    background-color:#d60000;
    color:#ffffff;
    font:normal 12px/1.2em Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
}
a:link, a:active {
    color:#000000;
    text-decoration:none;
}
a:visited {
    color:#666666;
    text-decoration:none;
}
h1 {
    font:bold 24px/1em Arial, Helvetica, sans-serif;
    letter-spacing:0.1em;
    text-transform:uppercase;
}
h1#mid {
	cursor: pointer;
    text-align:center;
    position:absolute;
    top:50%;
    left:50%;
    height:30px;
    width:80%;
    margin-top:-15px;
    margin-left:-40%;
    visibility:visible;
}
div#imgNav {
    padding:1.2em;
    text-align:left;
}
div.imgDisp {
    padding:0 1.2em;
    text-align:center;
}
div.imgDisp span {
    float:left;
}
img {
    vertical-align:text-top;
}
iframe { 
   overflow:visible; 
   border:none;
}

/*
img, div, span {
   border:1px solid lightblue;
}
*/

#info {
	color: #fff;
	display: none;
	left: 25px;
	position: absolute;
	top: 25px;
	width: 175px;
}

.text {
	font: normal 11px/15px Arial,sans-serif;
}

.text h2 {
	background: repeat-x url(rule.png) 0 bottom;
	color: #000;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 8px;
	padding-bottom: 12px;
	text-transform: uppercase;
}

.text a {
	color: #fff;
}

.text .intro,
.text .main {
	background: repeat-x url(rule.png) 0 bottom;
	padding-bottom: 12px;
	margin-bottom: 25px;
}

.text p {
	margin: 0;
}

#info p + p {
	margin-top: 1em;
}