@charset "UTF-8";     
/*key.css provides long left menu, 2 dimensional menu c2015.07.20 IWU 8005211848 */

article {
min-width:190px;

}

#leftmenu {
display:inline;
position:relative;
float:left;
margin-left: 10px;
margin-right: 0px;
text-align:left;
width:285px;
height:186em;
/* opaque border based on http://stackoverflow.com/questions/4062001/css3-border-opacity */
    border-right: 2em solid rgba(255, 255, 255, .1);
    border-bottom: 1em solid rgba(255, 255, 255, .1);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box;
background-color: #eee;
}

#keylinks, #articledatabases, #books, #websites, #faculty, #oclstools  {
display:block;
position:relative;
float:left;
font-size:large;
margin-left: 5px;
margin-right: 20px;
text-align:left;
color:black;
padding:10px;
width:240px;
background-color:#eee;
}
#keylinks li, #articledatabases li, #books li, #websites li, #faculty li, #oclstools li  {
font-size:large;
margin-bottom:10px;
line-height:2;
}

#keylinks  { height:640px; }
#books { height: 500px; }
#articledatabases { height: 480px;}
#websites { height: 400px; }
#faculty { height: 440px;}
#oclstools { height: 400px;}

@media only screen and (max-width: 467px){
}

.widthreaches468px  {
display:none;
}
.widthreaches580px {
display:none;
}
.widthreaches750px  {
display:none;
}
.widthreaches840px  {
display:none;
} 
.widthreaches989px, .widthreaches1245px, .widthreaches1325px, .widthreaches1565px, .widthreaches1885px {
display:none;
}

@media only screen and (max-width: 467px){

}

@media only screen and (min-width: 468px){
.widthreaches468px {display:inline;}
}

@media only screen and (min-width: 580px){
.widthreaches580px {display:inline;}

}

@media only screen and (min-width: 750px){
.widthreaches750px {display:inline;}
}

@media only screen and (min-width: 840px){
.widthreaches840px {display:inline;}
}


@media only screen and (min-width: 989px){
.widthreaches989px {display:inline;}
#bodypagetitle {
padding:30px;
display:block;
height: 72px;
width: 480px;
float: left;
position:absolute;
top: 20px;
left:300px;
text-align: center;
font-size:xx-large;
font-weight:bold;
font-family:  'Georgia', 'serif';
}

/* Horizontal Navigation Menu  - Enabling Dropdowns In Desktops */

nav {
display:block;
width:100%;
height:1.3em;
background-color: #980826;  
border-style:none;
border-color: #980826;  
color:white;
float:right;
z-index:1000;
}     
nav  a {
background-color: #980826;  
color:white;
font-weight:bold;
}

.rootmenu, .subrootmenu {
display:inline; 
padding: 1px;
z-index:1001;
}
ul.rootmenu {
display:inline;
background-color: #980826; 
background-image: none;
}
ul.rootmenu li {
display:inline; 
height:30px; 
float:left; 
list-style:none; 
position:relative; 
}

li.rootmenu {
width: 180px; 
} 
li.rootmenu i {
text-decoration:none; 
color:white; 
display:none;
}
li.rootmenu li {
list-style:none; 
display:list-item; 
width:200px; 
margin:10px;
}

li.rootmenu ul {
padding:0px; 
display:none;}
li.rootmenu:hover div.subrootmenuhover {
display:block; 
top: 0px; 
width:252px;
height:400px;
background-color:#980826;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
}

li.rootmenu:hover ul {
display:block; 
width:200px;
}
/* Horizontal Navigation Menu Concludes - Dropdowns Enabled In Small Screens */



/* Vertical Navigation Menu Reverts to Traditional 2-Dimensional Menu */
#leftmenu {
display:block;
position:relative;
float:left;
margin-left: 5px;
margin-right: 10px;
text-align:left;
padding:0px;
width: 1000px;
height:1100px;
background-color: #fff;
}

div#leftmenu img { margin-left:-8px; }

#articledatabases, #books, #websites, #faculty, #oclstools  {
display:block;
position:relative;
float:left;
font-size: x-small;
margin-left: 0px;
margin-right: 0px;
text-align:left;
color:black;
padding:10px;
width:200px;
height: 400px;
background-color:#fff;
}

#faculty, #oclstools { height: 240px;}

 #articledatabases li, #books li, #websites li, #faculty li, #oclstools li   {
font-size: small;
margin-bottom:10px;
line-height:2;
position: relative;
left: -1.5em;  /* or spacing desired */
}

#keylinks {
top: 0px;
left: 0px;
} 
#articledatabases {
top: 15em;
left: 2em;
} 
#books { 
top: 15em;
left: 2em;
}
#websites {
top: 15em;
left: 2em;
} 

#faculty {
top: 25em;
left: 2em;
}
#oclstools { 
top: 25em;
left: 2em;
}

}

@media only screen and (min-width: 1079px){

}

@media only screen and (min-width: 1245px){
.widthreaches1245px {display:inline;}
li.rootmenu {width: 240px; } 
address {position:relative; float:right; color:#ffffff;}

}

@media only screen and (min-width: 1325px){
.widthreaches1325px {display:inline;}
}

@media only screen and (min-width: 1885px){
.widthreaches1885px {display:inline;}

#columnsetting {
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -webkit-column-rule-style: none;
    -webkit-column-width: 300px;
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -moz-column-rule-style: none;
    -moz-column-width: 400px;
    column-count:2;
    column-gap:40px;
    column-rule-style: none;
    column-width: 400px;
   padding:40px;
}  

}	


}