@charset "UTF-8";
@import "/cwis/css/global.css";
@import "/cwis/css/toplevel_headerfooter.css";
@import "print.css";


html
{
    height:100%;
    width:100%;
}

body
{
    margin:0px; 
    padding:0px;
    width:100%;
    height:100%;
    font-size:75%;
}

/* In effect hide this link, but don't use display:none because screen
   readers need to be able to see it */
.skiplink
{
    position:absolute;
    top:-999999px;
    left:-999999px;
}
@media screen
{
#depban_div
{
    height:100px;
	background:#276c41 url(../images/h_shs_grad.png) repeat-x;
	margin:6px 0px ;
	padding:0;
	position: relative;
}

#depban_div h1
{
    margin:0;
    padding:0;
    display:block;
    width:100%;
    height:100px;
    background:url(../images/h_shs.png) no-repeat;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

#depban_div h1 a
{
    display:block;
    width:100%;
    height:100px;
}

#depban_div h1 span, #depban_div address span
{
    position:absolute;
    top:-999999px;
    left:-999999px;
}

#depban_div address
{
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:140px;
    height:100px;
    background:url(../images/h_shs_right.png) no-repeat;
}

 /* navigation elements begin. */

#mainwrapper_div  #lnav_div
{
    width:150px;
    border-right:#CCCCCC 1px solid;
    border-top:#CCCCCC 1px solid;
    margin:5px 10px 0px 0px;
    position: absolute;
    padding:0px;
    top:0px;
    left:1px;
    height:100%;
}

#mainwrapper_div #lnav_div ul 
{
    padding:0;
    margin:0;
    list-style:none;
}

#mainwrapper_div #lnav_div li
{
    background:#FFFFFF;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    padding:5px;
    border-bottom:1px #8a8a8a solid;
}

#mainwrapper_div #lnav_div li,
#mainwrapper_div #lnav_div li a 
{
    color:#000000;
    display:block;
    text-decoration:none;
    margin:0px;
    font-weight:bold;
}

#mainwrapper_div #lnav_div li a:hover 
{
    font-family:Arial, Helvetica, sans-serif;
    color:#7a631d;
    display:block;
    text-decoration:none;
    margin:0px;
    font-weight:bold;
}

* html #mainwrapper_div #lnav_div li li
{
    border-bottom:1px #ffffff solid;
}

#mainwrapper_div #lnav_div li .section
{
    color:#2d060b;
    text-transform:uppercase;
}

#mainwrapper_div #lnav_div li li 
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:80%;
    color:#000000;
    display:block;
    text-decoration:none;
    margin:0;
    padding:0;
    border:none;
}

#mainwrapper_div #lnav_div li li a:hover 
{
    font-family:Arial, Helvetica, sans-serif;
    color:#aa7c24;
    display:block;
    text-decoration:none;
    margin:0px;
    padding:0;
}

#mainwrapper_div #lnav_div li.homelink,
#mainwrapper_div #lnav_div li.homelink a
{
    color:#01543a;
    border:none;
}

/* navigation elements end. */
} /* end @media screen */
  
body #mainwrapper_div
{
    padding:0px;
    margin:0px;
    width:100%;
    position: relative;
    height:auto;
}
 
#mainwrapper_div #content_div
{
	height:100%;
	padding:0px;
	margin:0px;
	top:0px;
	left:0px;
	position:relative;
}

#mainwrapper_div #content_div #contentarea_div
{
	padding:10px;
	margin:2px 15px 0 165px;
	top:0;
	left:0;
	position:relative;
    min-height:400px;
}

* html #mainwrapper_div #content_div #contentarea_div
{
    height:400px;
}

#mainwrapper_div #content_div #contentarea_div ul li
{
    list-style-image:url(../images/i_list_style.gif);
    margin:0;
    padding:1px 0;
    line-height:97%;
}

.infobox
{
margin:0 0 5px 0;
padding:0 4px;
border:1px #bcc0c4 solid;
background:#e0e0e0;
}

.infobox h2
{
    background:#276c41 url(../images/bg_infobox.png) no-repeat top left;
    color:#ffffff;
    font-size:100%;
    margin:-1px -5px 0 -5px;
    height:25px;
    line-height:25px;
    padding:0 10px 0 42px;
    font-weight:bold;
}

.inforow
{
    position:relative;
    text-align:center;
}

.inforow .infobox
{
    display:block;
    display:inline-block;
    zoom:1;
    *display:inline;
    margin:5px;
    width:200px;
    min-height:180px;
    vertical-align:top;
    text-align:left;
}

#mainwrapper_div #contentarea_div h1.pagetitle
{
    background:url(/images/toplevel/titleline.gif) repeat-x;
    margin:-5px 0 10px -10px;
    font-size:16px;
    text-transform:uppercase;
    color:#000000;
}

#mainwrapper_div #content_div h1.pagetitle img,
#mainwrapper_div #content_div h1.pagetitle span
{
    background-color:#ffffff;
}


@media print
{
    #mainwrapper_div #lnav_div
    {
        display:none;
    }
    #mainwrapper_div #content_div #contentarea_div
    {
        margin-left:0;
    }
    #wsuban_div, a.wsulogoro, a.wsulogoro:hover
    {
        height:auto;
    }
}