/* CSS Document */

div, body, h1, h2, h3{
	padding:0px;
	margin:0px;
}

body{
    height:100%;
    margin:auto;
    background:url(styleImage/pageLayoutBackgrounds/background_repeat.gif) center top repeat-y;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
 	font-size:14px;
}

a{
	color:#006699;
}

a:hover, a:visited{
	color:#99CC33;

}
a img{
    border:none;
}

    
h3{
	font-size:1.2em;
	color:#006699;
}


/* Layout Classes */

    #bottomLayer{
        /* this is where the random background images are */
        width:800px;
        margin:auto;
        position:absolute;
        left:0;
        top:0;
        z-index:0;
    }
    
    #bottomLayer img{
        left:10px;
        top:0;
        position:absolute;
    }
    
    #wrapper{
        width:800px;
        margin:auto;
        position:relative;
    }
    
    #header img{
        margin-left:150px;
        padding:10px;
    }
    
    #nav a{
        color:#006699;
        font-weight:bold;
        text-decoration:none;
        padding:6px 20px 6px 15px;
        width:130px;
        display:block;
    }
    
    #nav{
        float:left;
        list-style-type:none;
        padding:0px;
        margin:50px 0px 180px 0px;
        text-align:left;
        width:160px;
    }
     
    #nav .active{
        background:url(styleImage/pageLayoutBackgrounds/activeLinkBottom.gif) left bottom no-repeat;
    }
    
    #nav .active a{
        color:#FFFFFF;
        background:url(styleImage/pageLayoutBackgrounds/activeLinkTop.gif) left top no-repeat;
    }
    
    /*Category classes for the vertical title image*/ 
    #programs{
        background-image:url(styleImage/pageLayoutBackgrounds/pageCurrLink.gif);
    }
    .active #programs{
        background:url(styleImage/pageLayoutBackgrounds/activeLink.gif);
    }
    
    
    #main{
        background:url(styleImage/pageLayoutBackgrounds/background_top2.gif) no-repeat center top;
        z-index:20;
        width:800px;
        margin:auto;
        position:absolute;
        top:0;
        left:0;
        padding-top:40px;
    }
    
    .subnav{
        display:none;
    }
    
    #programsSub{
        display:block;
    }
    
    .subnav a{
        color:#FFFFFF;
        font-weight:bold;
        text-decoration:none;
    }
    
    .subnav a:hover{
        color:#006699;
        font-weight:bold;
        text-decoration:none;
    }
    .subnav{
        float:left;
        list-style-type:none;
        padding:0px 5px 0px 0px;
        margin:50px 0px 0px 0px;
        text-align:left;
        width:95px;
    }
     
    .subnav li{
        padding:4px 00px;
    }
    
      
    #header{
        width:100%;
    }
    
    #title{
        background-image:url(styleImage/pageLayoutBackgrounds/background_titleGradient.gif);
        width:400px;
        height:80px;
        background-repeat:no-repeat;
        color:#006699;
    }
    
    #content{
        width:400px;
        float:left;
        text-align:left;
        background:url(styleImage/titlePhoto/photo_programs.gif) no-repeat left 70px;
        padding-left:125px;
    }
    #footer{
        clear:both;
        position:relative;
        bottom:0px;
        background:url(styleImage/pageLayoutBackgrounds/background_bottom.gif) no-repeat #FFFFFF center top;
        height:250px;
    }
    #footer img{
        float:left;
        padding-top:20px;
    }
    #footer p{
        font-size:9px;
        position:absolute;
        bottom:0px;
        left:375px;
    }
    #text{
        padding-left:20px;
        width:330px;
        min-height:400px;
    }
    
    #title h2{
        padding-left:20px;
        height:100%;
        padding-top:15px;
        vertical-align:middle;
        font-weight:900;
        font-size:25px;
        color:#FFFFFF;
    }


/* adjustments for z-indexing and hall header */
    #UWHeaderTop{
        z-index:100;
    }
    #UWHeader{
        z-index:50;
    }


/*Classes*/
.imageR{
	float:right;
	margin:5px 0px 5px 5px;
}

.imageL{
	float:left;
	margin:5px 5px 5px 0px;
}
#imageC{
	text-align:center;
}



/*Special Page Classes */

/*Staff classes*/
    .studentStaff {
        float:left;
        margin:5px;
        width:125px;
    }
    
    .staffGroup {
    	width:330px;
        padding-left:20px;
    }
    
    .staffGroup h2, p{
        clear:both;
    }
    
    .staffer, studentStaff {
        float:left;
        margin:5px;
        width:150px;
        height:175px;
        position:relative;
    }
    
    .staffer p {
    	font-size: 11px;
    	margin: 1px auto;
    }
    
    .staffer img {
    	width: 125px;
    }
    
    .staffGroup .position, .divider, .hall, .contact {
    	display: none;
    }
    
    .staffGroup .caption {
    	font-size: 11px;
    }
    
    .diversityStaff .position {
    	display: block;
    }
    
    #staffer4_1{
        clear:both;
    }
    #staffer3_1{
        width:100%;
    }
    
    .prostaffimg{
        width:100px;
        float:left;
        clear:both;
        margin:0px 10px 10px 0px;
    }
    .leadership p{
    }


	.staffer .hoverIcon { height:125px; width: 125px; right:25px;}
    
    
    /* styles for Evan's no-email popup, must be on top of everything */
    #screen {z-index:200;}
    #popup {z-index:201;}


/*Inventory Classes*/
	.omega_head{
    /*The h1 tag that includes the hall's name.  Can always be hidden if not used.*/
 		display:none;
	}
	.omega_subhead{
	/*The h2 subheaders for each category of checkout item (VHS, DVD, etc... see Kronshage for example)*/
    color:#006699;
	padding-left:5px;
    margin-left:-30px;
	}
    
	.omega_table{
	/*The tables of inventory*/
	margin-bottom: 20px;
	padding-right: 2px;
    margin-left:-30px;

	}
	.omega_tableheaderrow{
	/*The top line of each table, which has the column headers*/
	font-size:.8em;
	}
    
	.omega_tableheaderitem{
	/*The td tags of each item in the table header*/
	font-size:.8em;
	color: #99CC33;
	}
    
	.omega_tablerow1{
	font-size:.8em;
    }
    
	.omega_tablerow2{
	/*These two classes alternate each row of the table, for contrasting row background colors*/
	font-size:.8em;
	}
    
	.omega_item{
	/*The td tag containing the name of the checkoutable item*/
	font-weight: bold;
	border-bottom:1px dotted #66ccff;
	padding-left:5px;
    margin-left:10px;
    }
    
	.omega_checkedin{
	border-bottom:1px dotted #66ccff;
	color: #006699;
	font-size:.75em;
    }
    
	.omega_checkedout{
	/*The td tags containing the status*/
	color: #006699;
	border-bottom:1px dotted #66ccff;
	font-size:.75em;
    }
	

/*Tabs for Common Read Page*/
    #tabs{
        float:left;
        padding:23px 0px 0px 10px;
        margin:0px;
        list-style:none;
        font-size:.9em;
        margin-top:-25px;
        background:url('styleImage/pageLayoutBackgrounds/subsubbackgroundGraident.gif') no-repeat left top;
        height:60px;
        width:100%;
        }
        
    #tabs li{
        display:inline;
        padding:5px;
        }
        
    #tabs a{
        text-decoration:none;
        color:#FFFFFF;
        font-weight:bold;
    }
    
    /*Tabs Hover*/
    #tabs a:hover{
        color:#99CC33;
        }
        
        
    /*Active tab*/
    #tabs .tabactive{
    }
    #tabs .tabactive a{
        text-decoration:underline;
    }




/* Events Calendar*/  
    .event h2{
        border-bottom:dotted 1px #66ccff;
        color:#006699;
        font-size:1.1em;
    }
    .event{
        margin-bottom:10px;
        font-size:.9em;
    }   

/*WMMW Classes*/
    .wmmwSpeaker img{
        float:left;
        clear:both;
        margin:0px 5px 10px 0px;
    }
    .wmmwSpeaker p{
        clear:none;
        padding:0px;
        margin:0px;
    }
    .wmmwSpeaker h3{
        padding:0px;
        margin:0px;
    }
    .wmmwSpeaker{
        margin-top:10px;
        clear:both;
    }



/* Hans' tweaks */

#content li {margin-bottom:8px;}
.bookCover {float:right; margin:0 0 5px 10px;}
.quote {border:1px solid #888; padding:12px; font-size:13px; font-style:italic; background-color:#EEE; margin-bottom:6px;}


/* Updated nav system */

#homeSub {margin-top:47px;}
#eventsSub {margin-top:55px;}
#involvementSub {margin-top:118px;}
#coursesSub {margin-top:140px;}
#resourcesSub {margin-top:175px;}
#programsSub {margin-top:220px;}
#facStaffSub {margin-top:264px;}
#staffSub {margin-top:306px;}