html, body{height:100%;} 

body {
position: absolute;
left: 0; top: 0px;
width: 98%; height: auto;
font-family: verdana;
background-color:#ffffff;
}

p {font-family:verdana; font-size:80%;}

A:link {color: blue; text-decoration:none}
A:visited {color: blue; text-decoration:none}
A:active {color: blue; text-decoration:none}
A:hover {color: red; text-decoration:underline}

/* table {
border: 1px solid #A0B6FF;
font-family:verdana;
font-size:75%;

}
*/

html>body #button li a {
		width: auto;
		} 

#header{
position: absolute;
 left: 0; top: 0;
 width: 100%; height: 100px;
background-color: #ffffff;
overflow:hidden;
z-index: 0;	
}

#left {
position: absolute;
left: 0; top: 110px;
width: 15%; height: auto;
padding: 0 0 0 0;
background-color: #ffffff;
font-family:verdana;
z-index: 1;
text-align:center;
font-size:75%;
}

#centrecontent {
position: absolute;
left: 15%; top: 100px;
width: 65%; height: auto; 
background-color:#ffffff;
padding-bottom: 4px;
padding-left: 5px;
padding: 1em
z-index: 0;

border: 1px solid #BEC2D6;
}

#right { 
position: absolute;
left: 80%; top: 110px;
padding: 1px 0 0 0;
width: 15%; height: auto;
background-color: #ffffff;
/* color: #000000; */
text-align: center;
z-index: 2;
padding-left: 5px
}

#footer {
position: absolute;
width: 100%; height: auto;
bottom:-50px;
margin-top: 20px;
font: verdana;
font-size: 80%;
padding: 5px;
text-align: right;
}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */

font-family:verdana;
 }

#clearheader{height:100px;}/*needed to make room for header*/

#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/

@media all and (min-width: 0px){
  #left a:hover span {
	
  }
}

#footer span {
	display:none;	
font-family:verdana;
font-size:60%;
}	
#footer a:hover {
	color: #CC1818;
	background: #FFFFCC;
	text-decoration: none;
font-family:verdana;
}
#footer a:hover span {
	display:block;
	position:absolute;
	top:-95px;
	width:150px;
	z-index:20;
	background:#ffffCC;
	left:50%;
font-family:verdana;
}

/* html > body  #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper thanks to Tim Connor*/ 


 /* Styles the list holder.
#left ul{
 margin: 0; padding: 0;
 list-style: none;
 font: verdana;
color: #BEC2D6;
 background-color: #ffffff;
}

*/

 /* Styles each "list-item" (or "button") with the same style. */
#left ul li{

list-style-type: none;

display: block;
color: #A0B6FF;
margin: 0 0 1px 0; 
padding: 3px 3px 3px 3px;
background-color: #ffffff;
border: 1px solid #BEC2D6;
 font-weight: bold;


}

 /* Gives the button a hover-effect. */
#left ul li:hover{

list-style-type: none;
 margin: 0 0 1px 0; padding: 2px 3px 2px 3px;
 border-top: 1px #ccc solid; border-bottom: 1px #ccc solid;
 background-color: #BEC2D6;
 color: #ffffff;
 font-weight: bold;
}

 /* Styles the link within the button. */
#left ul li a{
display: block;
 color: #1A47DD;
 text-decoration: none;
 font-weight: bold;
}


#googlead {/*border: 1px solid #A0B6FF;*/}


.imgframe {border: 10px solid #D1DAFB; }

td.jc {
font:12px verdana, arial, helvetica, sans-serif;
line-height: 1.4em; 
padding: 0 0 0 0;
}