/* This is a style sheet for Everything in Easy and Beautiful Reach v. 2.0  */
/* The last time you put everything in easy and beautiful reach you were despearate */
/* Now you are desperate in a different way. Let the fun begin. */
body {width: 100%;
min-height: 800px;
background: url(monsterspalted.jpg); 
background-color: #F0E7E0;
color: #000000;
font-family: "bookman old style", "book antiqua", serif;
font-size: 108%;
}

/* This is a two page with divs like drawers in a central cabinet. */
.cabinet {width: 95%;
min-height: 95%;
margin: auto;
position: relative;
margin-bottom: 5%;
padding-bottom: 5%;
}
/*The first div is the box that holds your do-list*/
.do-list {width: 37.5%;
min-height: 600px;
position: absolute;
left: 3%;
top: 2.5%;
padding-left: 3.7%;
padding-right: 3%;
padding-bottom: 5%;
padding-top: 2.5%;
color: #FFECBB;
background-color: #660000;
border-width: 5px;
border-style: ridge;
border-color: #bc8b4a;
border-radius: 50px 10px 10px 50px;
}
/*Links have to be a different color*/
div.do-list a {color: #FFFFFF; 
font-size: 110%; 
text-decoration: none;
}
div.do-list ul {
margin: 0.5em;
text-indent: .3755em;
 list-style-image: url('spaltbutton.gif');
}
/*This is the second box. It's invisible*/
.invisible_fence {width: 40%;
min-height: 700px;
position: absolute;
left: 50%;
top: 2.5%;
padding-left: 3.7%;
padding-right: 3%;
padding-bottom: 5%;
padding-top: 2.5%;
background-color: none;
}
/* Here we have seven image positions */
/* That means seven classes */
.alma {position: absolute;
top: 5%;
left: 3%;
border: 0px;
max-width: 250px;
max-height: 300px;
}
.email {position: absolute;
top: 10%;
left: 67%;
border: 0px;
max-width: 250px;
max-height: 300px;

}
.library {position: absolute;
top: 40%;
left: 6%;
border: 0px;
max-width: 250px;
max-height: 300px;
}
.refsched {position: absolute;
top: 38%;
left: 55%;
border: 0px;
max-width: 250px;
max-height: 300px;
}
.guides {position: absolute;
top: 70%;
left: 10%;
border: 0px;
max-width: 250px;
max-height: 300px;
}
.intranet {position: absolute;
top: 94%;
left: 45%;
border: 0px;
max-width: 250px;
max-height: 300px;
}
.chat {position: absolute;
top: 91%;
left: 1.5%;
border: 0px;
max-width: 250px;
max-height: 300px;
}
/*And you'll need some span colors*/
/*These colors will change*/
.twofunction {color: #FFF688; font-weight: bold;}
.deferred {color: #CCFFE0; font-weight: bold;}
/*And headings go last*/
/*You like to make a big splash*/
.bigsplash {font-size: 188%;
font-weight: bold;
text-align: center;
margin-bottom: -.25em;
}