/* CSS Document */
html, body { height: 100%; }

body {
	margin: 0;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: .85em;
	background: url(../images/header-background-f0f0f0.png) #F0F0F0 repeat-x;
	}
	
#main {
	/*background-repeat:no-repeat;
	width:950px;
	padding:.5em 0;*/
	background-color:#FFFFFF;
	width: 90%;
    max-width: 1200px;
    min-width: 900px;
	margin: 0 auto -27px;
    min-height: 100%;
}
	
#banner {
	background-image:url(../images/drs-banner.png);
	background-position: bottom right;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 900px;
    position: relative;
    z-index: 5;
    top: 32px;
}

#banner a 
{
    float: right;
	clear: none;
	margin: 25px;
    background: url(../images/UIUC-I.jpg) no-repeat;
    width: 35px;
    height: 47px;
}

#logo 
{
    background-image: url(../images/radiation-logo.png);
    width: 175px;
    height: 66px;
    position: absolute;
    margin-top: 20px;
    margin-left: 50px;
}

#bluebar 
{
    /*background: rgba(110, 144, 205, 0.7);*/
    background: #6E90CD;
    width: 100%;
    height: 32px;
    line-height: 32px;
    -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,.7);
    -moz-box-shadow: 0 2px 4px 0px rgba(0,0,0,.7);
    -box-shadow: 0 2px 4px 0px rgba(0,0,0,.7);
    position: absolute;
    z-index: 10;
}

#bluebar #container  {
    width: 90%;
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto; 
    height: 100%;
}

.bluebarlink {
            color: #fff;
            text-decoration: none;
            display: inline-block;
            padding: 0 8px 0 8px;
            background: none;
        }
        
        .bluebarlink.drs  
        {
            background: url(../images/bluebar-arrows.png) no-repeat 6px;
            padding-left: 25px;
        }
        
        .bluebarlink.drs:hover { background: url(../images/bluebar-arrows.png) no-repeat 6px #284e92; }

        .bluebarlink:hover {
            background: #284e92;
            color: #FFF;
        }
	
#links {
	background-color:#ececec;
	border-bottom:solid 1px #ccc;
	text-align:right;
	font-size:.8em;
	padding:.25em;
	}
	
#content {
	background-color: #FFF;
	width: 90%;
	margin: 0 auto;
	position: relative;
	padding-top: 80px;
}

a { color: #955719; }
a:hover { color: #e3882d;}

div#logos {
	padding:.25em;
	text-align:right;
	background-color:#FFFFFF;
}

div#footer {
	background-color: #1f3f61;
	color:#FFFFFF;
	text-align:right;
	padding: 6px 0;
	font-size:.85em;
    text-align: center;
    position: absolute;
    width: 100%;
}
