*,html {
margin: 0px;
padding: 0px;
list-style: none;
}
h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #544e38;
}
img {
border: 0px;
padding-right:-10px;
}
.centerdiv{ /*IE method of centering a relative div*/
text-align: left;
}
.centerdiv>div{ /*Proper way to center a relative div*/
margin-left: -200 auto;
}
.left {
float: left;
}
.right {
float: right;
}
.more {
text-align: right;
}
.clear {
clear: both;
}
body {
background: url(images/back.png) repeat-x;
height:1087px;
padding: 0 auto;
font: 11px verdana, arial, sans-serif;
}
#wrapper {
background: url('images/recordguys.jpg') no-repeat left top;
margin: 0 auto;
text-align: left;
padding-top:10px;
width: 867px;
height: 902px;
}
#wrapper2 {
background: url('images/recordguys2.jpg') no-repeat left top;
margin: 0 auto;
text-align: left;
padding-top:10px;
width: 867px;
height: 902px;
}
#wrapper3 {
background: url('images/show.jpg') no-repeat left top;
margin: 0 auto;
text-align: left;
padding-top:10px;
width: 879px;
height: 902px;
}
#fadeinbox{
position:absolute;
width: 250px;
margin-left: 600px;
margin-top: -850px;
border: none;
padding: 4px;
z-index:100;
visibility:hidden;
}
/*************content***********/
#content {
text-align: left;
height:407px;
margin-top:450px;
margin-left:590px;
margin-right:20px;
position: relative;
}
#navtop {
text-align: left;
margin-top:85px;
margin-left:430px;
margin-right:20px;
margin-bottom:630px;
position: relative;
}
#navtop2{
text-align: left;
margin-top:15px;
margin-left:500px;
margin-right:20px;
margin-bottom:380px;
position: relative;
z-index:80;
}
#navtop2 p{
text-align: left;
font-size:10pt;
}
#content2 {
text-align: right;
float:left;
margin-top:-405px;
margin-left:35px;
}
#contentabout {
text-align: left;
float:left;
margin-top:-545px;
margin-left:205px;
overflow-x:hidden;
overflow-y:auto;
height:260px;
width:550px;
}
#contentabout p{
font-family:verdana;
font-weight:normal;
font-size:10pt;
padding-right:70px;
}
#contentabout h3{
font-size:11pt;
text-transform:uppercase;
padding-bottom:5px;
}
#contentshow {
text-align: left;
float:left;
margin-top:-505px;
margin-left:30px;
height:269px;
width:506px;
background: url('images/showbox.jpg') no-repeat left top;
z-index:81;
}
#contentshow2 {
overflow-x:hidden;
overflow-y:auto;
margin-left:30px;
margin-top:20px;
height:190px;
width:406px;
padding:10px;
}
#contentshow3 {
z-index:1000;
overflow-x:hidden;
overflow-y:hidden;
margin-left:0px;
margin-top:20px;
height:190px;
width:480px;
padding:10px 30px 20px 10px;
}
#contentshow3 a {
z-index:200;
}
#contentshow p{
font-family:verdana;
font-weight:normal;
font-size:10pt;
padding-right:20px;
}
#contentshow h3{
font-size:11pt;
text-transform:uppercase;
padding-bottom:5px;
}
.link{
padding-top:5px;
padding-bottom:5px;
}
#content3 {
text-align: center;
float:center;
margin-top:-210px;
margin-right:20px;
}
#navigation a{
margin-left:-3px;
text-decoration:none;
}
#navigation{
margin-left:9em;
margin-top:90px;
padding-right:-1px;
padding-bottom:10px;
}
#contenttext{
padding-top:10px;
margin-left:60px;
margin-right:90px;
position: relative;
font-size:13px;
color:#8c8c8c;
font-weight:10;
text-align:left;
font-family:verdana;
}
#righttext{
float:right;
margin-left:210px;
}
#contenttext p{
margin-bottom:.5em;
}
#content .left {
margin-right: 10px;
}
#content a {
color: #5A5644;
}
#content a:hover {
color: #26241A;
}
h1 {
position: absolute;
top: 36px;
left: 13px;
font-size:26px;
color:#3f3c2d;
font-variant: small-caps;
font-family: Arial, Helvetica, sans-serif;
}
#nav {
position: absolute;
top: 43px;
left: 256px;
}
#nav a {
background-image:url(images/menu.gif);
width:90px;
height:19px;
display:inline;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
text-align:center;
padding-top:6px;
text-decoration:none;
color:#e9e4d0;
font-weight:bolder;
}
#nav a:hover {
color:#544e38;
}
#body-bot {
padding-top: 12px;
}
#welcome {
float: right;
width: 231px;
padding-left: 13px;
}
#welcome a {
color: #F2F7F8;
}
#welcome a:hover {
color: #CFCCBF;
}
#welcome h2 {
text-align: center;
margin: 11px;
color:#ceb085;
font-size:24px;
}
#welcome p {
margin: 0px 19px;
}
#welcome .more {
margin-top: 18px;
margin-bottom: 10px;
}
#intro {
margin: 12px;
}
.fineline {
border-bottom: 1px solid #D3CAA9;
margin-bottom: 12px;
}
.fineline-flat {
border-bottom: 1px solid #D3CAA9;
}
.fineborder {
border: 1px solid #D3CAA9;
padding: 2px;
width: 186px;
margin-bottom: 12px;
}
.bar-lit {
padding-left: 6px;
background: 0px 4px url(images/bar_lit.gif) no-repeat;
}
.bar-drk {
padding-left: 6px;
background: 0px 4px url(images/bar_drk.gif) no-repeat;
}
#picbar {
background: #A3A189;
margin: 2px 0 19px 0;
}
#arr-left, #arr-right {
float: left;
width: 15px;
}
.picbox {
float: left;
width: 117px;
padding: 2px;
border: 1px solid #8B846A;
margin: 5px 0px 5px 4px;
}
#picbar img {
display: block;
}
#arr-right {
margin-left: 4px;
}
#planer {
float: left;
width: 186px;
border-right: 1px solid #D3CAA9;
padding-right: 20px;
padding-top: 5px;
}
#stories {
float: right;
width: 195px;
padding-top: 5px;
}
#planer p, #stories p {
margin: 4px 0px;
}
#planer .more, #stories .more {
margin: 12px 0px;
}
.clear-flat {
margin-bottom: 4px;
}
#formstyle{
margin-left: -117px;
margin-top: -18em;
position:relative;
}
.newssubmit {
background: url('images/submit.png') no-repeat top left;
width:80px;
height:34px;
color:white;
font-weight: bold;
float:center;
margin-left: 33px;
margin-top: 10px;
border:none;
}
#ielogo{
margin-right:20px; margin-top:2.7em; margin-left:48px;
}
#footer2 {
font: 12px verdana, sans-serif;
color: white;
text-align: right;
margin-top: -50px;
margin-left:100px;
padding-right: 97px;
}
#footer2 a{
color:white;
}
#footer2 a:hover{
color:#e3e47f;
}
#footer {
margin-top: -100px;
font: 11px arial, sans-serif;
color: white;
text-align: left;
padding-left: 47px;
padding-top: 87px;
}