/* This is the primary [default] layout for all normal pages*/
html {
   /*overflow:hidden;removes the outer scrollbars in IE*/
}
body {
font-family:Verdana, Tahoma, Geneva, Helvitica, Arial, sans-serif;font-size:12px;color:#093939;
margin:0;width:100%;height:100%;z-index:0;background: #485056 url('../Images/bgr_gradient.jpg') repeat-x;
}
div{margin:0;padding:0;}
div.wrap {width:800px;height:100%;padding:0;margin-left:auto;margin-right:auto;}
div.wrap div.banner {width:100%;margin:0;padding:0;height:80px;}
div.content {
position:absolute;top:130px;bottom:27px;overflow:auto;width:770px;padding: 0px 20px 0px 10px;
background-color:white;margin: 0 auto 0 auto;background: #FFF url(../Images/background_4.jpg) no-repeat center -20px fixed;
}
div.content div.pagehead {font-family:tahoma, georgia, serif;color:#456;padding:16px 0 20px 0;margin:0;font-size:16px;font-weight:600;width:100%;text-shadow: 0px 1px 1px rgb(170, 170, 170);}
div.wrap div.foot img.foot, span.foot {width:100%;display:block;text-align: center;}
div.wrap div.foot {
border-top:1px white solid;position:absolute;bottom:1px;height:25px;margin:0;padding:0;width:800px;
font-family: Arial, Platino, sans-serif;font-size:10px;color:#123;background-color:#C6E7E7;  
}
div.wrap div.foot span.foot {margin:6px auto 6px auto;}
input.gradbutton, input.gradgrnbut{
color:#FFF;text-shadow:1px 1px 1px #022;border:solid 1px #788;border-top-color:#ABB;
 border-left-color:#ABB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
 -moz-box-shadow:rgba(0,0,0,0.4) 1px 1px 3px;box-shadow:rgba(0,0,0,0.4) 1px 2px 3px;
 background-color:black;background-image:url('../Styles/Images/butgrdblck.gif');margin:1px;
}
input.gradbutton:hover{color:#AEF;}
input.gradgrnbut:hover{color:#FAA;}
input.gradgrnbut{background-image:url('../Styles/Images/butgrdgrn.gif');}
div.content A:link{text-decoration: none; /*color:#344;*/}

/* Some Browsers don't handle the 'hover' tag well, so the method below
   allows for the overiding of the properties in those cases ----------*/
div.content A:hover
{
text-decoration:none;color: #F33;
}
/*div.content A[name]:hover
{
text-decoration:inherit;color:inherit;
}*/
div.content A:visited
{
text-decoration:none;color:#677;
}
div.content A:active
{
text-decoration:none;color:#677;
}