/* mac hide \*/
html, body{
height:100%;
width:100%;
}
/* end hide */
body { 
background-color: #B6BDD2;
font-family: "Trebuchet MS", Arial, Helvetica;
text-align:center;
min-height:506px;/* for good browsers*/
min-width:675px;/* for good browsers*/
}
div#outer {
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
div#container {
text-align: center;
position:relative;
display:table-cell;
height: 523px;
vertical-align:middle;
} 
#inner {
width: 675px;
height: 523px;
text-align: center;
margin-left:auto;
margin-right:auto;
}
div#frame {
width: 675px;
height: 280px;
background-color: 
text-align: center;
margin-left:auto;
margin-right:auto;
background-image:url("../include/graphicsgen/gradientimg.php?width=1&height=523&shape=vertical&startcolor=003399&endcolor=6699CC&step=0");
background-repeat: repeat-x;
}
div#head {
margin-top: 10px;
width: 598px;
height: 62px;
text-align: center;
margin-left:auto;
margin-right:auto;
}
div#slideshow {
width: 350px;
height: 160px;
margin-top: 10px;
text-align: center;
margin-left:auto;
margin-right:auto;
vertical-align: center;
/*background-image: url("../images/logo.png");*/
}
div#text {
margin-top: 10px;
margin-bottom: 10px;
color: #CCCCCC;
text-align: center;
margin-left:auto;
margin-right:auto;
}