/* MSU HomePage ReDesign CSS June 13 2006 */
*{
margin: 0;
padding: 0;
font-family: verdana, georgia, tahoma, sans-serif;
line-height: 1.2em;
}

.clear{clear: both; }

p{margin: 1em 0;}

ul, ol, li{ margin: .2em 1.5em;}

dt{margin: .2em 0;}
dd{margin: .5em 0 1em 1em;}

body{
/*background-image: url(../images/gradient.jpg);
background-color: #c4c4c4;
background-repeat: repeat-x;
*/
background: #009;
width: 100%;
}

div#outside{
background: #fff;
margin: 0 auto;
padding: 0;
width: 63.5em;
}

div#inside{
background: #fff;
margin: 0 auto;
width: 62.55em;
}

div#masternav ul {
margin: 0;
margin-left: 11em;
text-align: right;
text-transform: uppercase;
padding: .2em 0 0 0;
list-style: none;
background: inherit;
}

div#masternav ul li a{
color: #000080;
font-size: 80%;
text-decoration: none;
font-weight: bold;
display: block;  /* Fixes IE FLoat Issue */
}

div#masternav ul li a:hover{background: none;}

div#masternav ul li {
display: inline;
float: left;
margin: 0 .5em 0 0;
padding: .2em .25em;
}

div#masternav li ul {
position: absolute;
width: 14em;
border: 2px solid #006;
border-top: 0;
margin: 0;
margin-top: .2em;
padding: 0;
left: -999em;
background-color: #77b4ee;
filter:alpha(opacity=90);
opacity: .90;
}

div#masternav li ul li{
display: block;
width: 100%;
padding: .25em 0;
text-indent: .5em;
margin: 0;
clear: both;
text-align: left;

}

div#masternav li:hover ul, div#masternav li.sfhover ul {
left: auto;
}

div#masternav ul li:hover a, div#masternav ul li.sfhover a{
color: #69f;
}

div#masternav li ul li a:link,div#masternav li ul li a:visited{
color: #fff;
width: 100%;
border: 0;
margin: 0;
padding: 0;
}

div#masternav li ul li:hover, div#masternav li ul li.sfhover{
background: #fc3;
color: #006;
}

div#masternav li ul li:hover a, div#masternav li ul li.sfhover a{
color: #006;
}

div#header{
margin: 0 auto;
padding: .05em 0;
background: #009;
display: block;
}

div#logo a{
margin: 5px 0 0 10px;
padding: 0;
width: 248px;
height: 63px;
background-image:url("../images/logo.jpg");
background-repeat: no-repeat;
float: left;
}

div#logo span{display: none;}

div#date-weather a img{border: 0;}

div#date-weather{
color: #fff;
text-align: right;
margin: 0 .5em;
float:right;
background: inherit;
}

div#date-weather a{
text-decoration: none;
color: #fff;
}

div#date-weather a:hover{background:none;}

div#date-weather img{
vertical-align: middle;
}

div#unittitle{
text-align: right;
color: #fc3;
font-size: 180%;
font-weight: bold;
font-family: Futura, "Century Gothic Bold", Verdana, Georgia, sans-serif;
background: #009;
text-transform: uppercase;
margin: 0;
padding: 0;
padding-right: .5em;
}

div#unittitle h1{

}

div#collage{
margin: 0 auto;
width: 100%;
text-align: center;
}

div#collage img{border: 0;}

div#collage img, object, embed{width: 100%;}

div#pagebody{
margin: .25em auto;
width: 100%;
background: #fff;
}

div#breadcrumb{
margin: .25em 0;
text-indent: .5em;
font-size: 80%;
color: #000;
background: inherit;
font-weight: bold;
text-transform: uppercase;
}

div#breadcrumb a:link, div#breadcrumb a:visited{
color: #009;
text-decoration: none;
}

div#breadcrumb a:hover{
background: none;
color: #009;
text-decoration: underline;
}

div#search{
width: 100%;
margin: 0 auto;
text-align: center;

}

div#search #submit{
color: #009;
font-weight: bold;
}

div#search legend{
display: none;
line-height: 0%;
}

div#search fieldset, div#search form{
margin: 0;
padding: 0;
border: none;
}

div#search label{
font-size: 80%;
color: #009;
font-weight: bold;
}

div#search input{
margin: .03em;
padding: 0;
}

div#footer{
margin: .5em 0 0 0;
width: 100%;
color: #777;
}

div#footer a{
color: #777;
font-weight: bold;
text-decoration: none;
}

div#footer a:hover{text-decoration: underline; background: none;}

div#footer p{
padding: 0 .5em;
padding-bottom: .5em;
font-size: 80%;
font-weight: bold;
}

div#footer hr {
display: block;
color: #777;
background-color: #777;
height: 1px;
width: 100%;
} 

div#footer ul {
margin: .5em 0;
width: 100%;
text-align: center
}

div#footer ul li{
display: inline;
border-right: 1px solid #777;
margin: 0;
padding: 0 1em;
}

div#footer ul li.last{border-right: 0;}

div#footer ul li a{
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
color: #009;
font-size: 80%;
}

div#footer ul li a:hover{text-decoration: underline;}

div#login{
width: 100%;
text-align: center;
font-size: 75%;
margin: .1em auto;
}

div#content a:link, div#content a:visited{text-decoration: none;}
div#content a:hover{text-decoration: underline;}

div#login a{color: #009;}