@import url('reset.css');
body{
	background:#555 url(../images/random_grey_variations.png) repeat top left;
	color:#000;
	font-family:  Arial, sans-serif;
	font-size:14px;
	overflow-y:scroll;
}
a {
	color:#0080b0;
	text-decoration:none;
}
ul {
   list-style-type:circle
}
li {
   margin-left: 2em;
}
.clr{
	clear:both;
}
.container {
	width:100%;
	margin:auto auto;
}
.header{
	padding-top:10px;
}
h1{
	clear:both;
	font-size:34px;
	padding:12px;
	text-shadow:0px 0px 1px #000;
	color:#f8f8f8;
        text-align:center;
     font-family:'Comic Sans MS', Arial, sans-serif;
     margin-left:auto;
     margin-right:auto;
}
h2{
     padding:10px 20px 0 0;
     font-size:18px;
     margin-bottom:1em;
     font-family:'Comic Sans MS', Arial, sans-serif;
}
.content{
     width:100%;
     position:relative;
     margin:20px 0 0 0;
     clear:both;
}
/* Footer Style */
.topbar{
     position:relative;
     width:100%;
     height:25px;
     line-height:24px;
     bottom:0;
     font-size:13px;
     background:#000;
     opacity:0.7;
     text-transform:uppercase;
     font-family: 'PT Sans Narrow', Arial, sans-serif;
     z-index:4;
}
.topbar a {
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#ddd;
	text-align:right;
}
.topbar a:hover{
	color:#fff;
}
.topbar a span{
	font-weight:bold;
}
.topbar span.right_ab{
	position:absolute;
	right:4px;
}

div.infoborder {
	width:910px;
	position:relative;
        margin-top:10px;
        margin-bottom:50px;
        padding: 5px;
        margin-left:auto;
        margin-right:auto;
	clear:both;
        background:#000;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px 4px 4px 4px;
}
div.infoz {
        color: #000;
	position:relative;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:5px 5px 3px 5px;
	background:#000;
}
div.info {
        color: #000;
	position:relative;
	overflow:hidden;
	padding:10px 10px 10px 10px;
	margin:5px 5px 5px 5px;
        min-height: 490px;
	background:#ddf;
}
iframe {
   border: 0px;
}
h2.hmenu {
        margin-left:auto;
        margin-right:auto;
        padding: 0;
	font-size:12px;
        text-align:center;
	color:#bda2dc;
	font-family:  Arial, sans-serif;
        margin: 0px 0 0px 0;

}
img.imgc {
   display:block;
   margin-left:auto;
   margin-right:auto;
   margin-top: 20px;
   margin-left: 0px;
   margin-bottom: 2px;
   padding:1px;
   border:1px solid #021a40;
}

p.indent {
   font-style: italic;
   margin-left: 50px;
}

p {
   padding-bottom: 1em;
}

#preview{
   position:absolute;
   border:1px solid #ccc;
   background:#333;
   padding:5px;
   display:none;
   color:#fff;
}