/* CSS Document */
html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
}

body{ font:12px arial, helvetica, trebuchet,tahoma,sans-serif; line-height:18px; background: #7e7f7e; /* Old browsers */
background: -moz-linear-gradient(top, #7e7f7e 0%, #b4b4b4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7f7e), color-stop(100%,#b4b4b4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7e7f7e 0%,#b4b4b4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7e7f7e 0%,#b4b4b4 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #7e7f7e 0%,#b4b4b4 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#b4b4b4',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #7e7f7e 0%,#b4b4b4 100%)repeat-x; /* W3C */ 
}

a:link{color:#eee;  }
a:visited{text-decoration:none; color:#eee;}
a:hover{text-decoration:underline; color:#9C0; }


#wrapper{width:100%; margin:auto; }

#holder2{position:absolute;	z-index:0;	top:50%; margin-top:-340px;	width:650px; height:650px; left:50%; margin-left:-330px; }

#holder1{position:absolute;	z-index:0;	top:50%; margin-top:-340px;	width:650px; height:650px; left:50%; margin-left:-330px; background:url(images/backgroundsh.png) no-repeat}

#content{ position:relative; z-index:2; width:540px; height:433px; margin-top:33px; color:#fff; margin-left:37px; padding:20px; }
#right{float:right; z-index:3; width:300px; text-align:right}
#left {float:left; z-index:4; width:220px; height:400px; overflow:auto  }
#middle{z-index:4;  width:auto; height:425px; overflow:hidden }
#mainnav {position:relative; z-index:1; color:#ccc;  width:100px; height:100px;  margin:-110px 0 0 37px; padding-left:20px; font-size:11px}
#info {position:relative; z-index:1; color:#eee;  width:400px; height:100px;  margin:15px 0 0 37px; padding-left:120px; font-size:10px; overflow:auto }
.menulink_on{color:#9C0; font-weight:bold}
.menu_on{color:#fff; font-weight:bold}
#mainnav a:link{color:#eee; text-decoration:none;}
#mainnav a:hover{text-decoration:underline; color:#9C0; }


img{padding:10px}

#subnav {position:relative; z-index:3;  text-align:right; width:560px; height:20px; margin-top:-20px; margin-left:40px; font-size:11px; color:#ccc;}
#subnav a:link{color:#ccc; text-decoration:none;}
#subnav a:hover{ color:#9C0; }

h1 {font-size:30px; font-weight:normal; line-height:30px}

.textfield{
border:solid 1px #ccc
}

.button{
background:#666; 
border:none;
color:white
}