html,body{
	height: 100%;
	}
body{
	font-size: 62.5%;
	font-family: verdana, helvetica, arial, sans-serif;
}
div#shim {
                visibility: hidden;
                width: 100%;
                height: 50%;                                                                     /* Bump div#blueBox down half the height of the screen. */
                margin-top: -120px;                                                              /* Half the height of div#blueBox. */
                float: left;
            }
#intro{
	margin: 0 auto;
}

            div#intro  {

                
                width: 320px;
                height: 240px;
                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: -120px;
                /* IE4ever Hack: Hide from IE4 **/
                    position: static;
                /** end hack */

            }
#intro p{
	text-align: center;
	font-size: 1em;
}            
a{
	color: #3366CC;
}
a:hover{
	color: #444444;
}
.hidden{
	display: none;
}
#alternate_content{
	position: relative;
	text-indent: -10000px;
}