html, body {
    height:100%;     
    margin:0;
	padding:0;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#fff;
}
form, div, span, h1, h2, h3, h4, p, ul, li {
	margin:0;
	padding:0;
}
a img { border:none; }
a, a:active, a:visited
{
    text-decoration:none;
    color:#92dfe3;
}
a:hover 
{
    text-decoration:none;
    color:#0076ac;
}

/* container -------------------------------------------------*/
div#shim {
    visibility: hidden;
    width: 100%;
    height: 50%;               /* Bump div#container down half the height of the screen. */
    margin-top: -293px;        /* Half the height of div#container. */
    float: left;
}
div#container 
{
    margin:0 auto;
    width:931px;
    height:586px;
    clear: both;
    /*
     *
     * Issue: IE4 doesn't allow a negative margin-top.
     *
     * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
     * The content will be centered but will crop if the window is not small enough to accommodate it.
     *
     */
    position: relative;
    top: -293px;
    /* IE4ever Hack: Hide from IE4 **/
    position: static;
    /** end hack */
}
/*
 *
 * Issue: IE5mac interprets negative values as positive.
 *
 * I haven't figured out a workaround for this yet. The content won't be vertically centered but it won't be messed up by the previous code either.
 *
 */

/* Hide from IE5mac \*//*/
    div#shim {
        display: none;
    }
    html, body {
        height: auto;
    }
/* end hack */
    
/* navigation -------------------------------------------------*/
#navigation 
{
    width:394px;
    height:133px;
    float:left;
}
ul#nav 
{
    list-style:none;
}
ul#nav li 
{
    float:left;
    padding-right:5px;
}
ul#nav li.last { padding-right:0; }

/* content -------------------------------------------------*/
#content 
{
    width:494px;
    height:505px;
    padding:27px 0 0 28px;
    float:right;
    background:transparent url(bg-content.gif) no-repeat;
}
#content h1 
{
    height:79px;
    width:434px;
    font-size:22px;
    color:#fff;
    padding-bottom:45px;
}
h1.home { background:transparent url(title.gif) no-repeat 30px 10px;}
h1 span { display:none; }
#main-content 
{
    width:434px;
    height:233px;
    margin-bottom:33px;
    padding-right:10px;
}
#main-content a, a:active, a:visited
{
    text-decoration:none;
    color:#92dfe3;
}
#main-content a:hover 
{
    text-decoration:none;
    color:#0076ac;
}
#main-content p 
{
    padding-bottom:13px;
}
#main-content ul
{
	padding-left: 13px;
	padding-bottom: 13px;
}

/* squares -------------------------------------------------*/
#squares 
{
    width:394px;
    float:left;
}
#squares .square
{
    float:left;
    width:128px;
    height:129px;
    padding:0 5px 4px 0;
    background: transparent url(ajax-loader.gif) no-repeat 55px 55px;
    overflow: hidden;
}
#squares .end { padding-right:0; }

/* footer -------------------------------------------------*/
#footer 
{
    clear:both;
    color:#808285;
    font-size:9px;
    padding:10px 0 0 0;
}
#footer p { padding-bottom:8px; }
#footer p span { color:#00A5B2; }
#footer a, a:active, a:visited
{
    text-decoration:none;
    color:#808285;
}
#footer a:hover 
{
    text-decoration:none;
    color:#00A5B2;
}

.scrollgeneric {
    line-height:1px;
    font-size:1px;
    position:absolute;
    top:0; 
    left:0;
}

.vscrollerbase {
    width:14px;
    background:transparent url(scrollbar.gif) no-repeat;
}
.vscrollerbar {
    background-image: url(scrollbar-i.gif);
    width: 14px;
    height: 15px !important;
    padding:3px;
}
.hscrollerbase  
{
    height: 14px;
}
.hscrollerbar  
{
    height: 14px; 
    background-color: #00A5B2;
}
.scrollerjogbox {
    width: 14px;
    height: 14px;
    top: auto;
    left: auto;
    bottom: 0px;
    right: 0px;
    background: #00A5B2;
}