/*  

    Please note that this stylesheet is available simply 
    as a guide to web designers (I'm one myself) and is 
    not available for copying. I'm sure you know that I
    wouldn't like to come across my website if it's not
    on my domain.

*/

body {
width: 100%;
margin: 0 auto; 
font-family:Arial;
background: #2F3D4C;
}
.total {
width: 913px;
margin: 0 auto;
}
.leftside {
height:774px;
width:436px;
float:left;
background: url(leftside.gif) no-repeat;
}
.explanation {
height:144px;
width:468px;
margin-top:17px;
background: url(textarea.gif) no-repeat;
}
.agenda {
height:341px;
width:468px;
margin-top:22px;
background: url(agenda.gif) no-repeat;
}
.swarthmore {
height:163px;
width:468px;
background: url(swarthmore.gif) no-repeat;
}


/* Settings */

.right {
width:477px;
float:right;
}
.textarea {
padding-top:110px;
width: 400px;
padding-left:26px;
text-align:justify;
}
.textarea p {
font-family: Arial;
font-size: 14px;
color: #768699;
}


/* Hover items */

#menu { width: 477px; margin-top:21px;}
#items {  width:  477px; height:66px; background: url(menu.gif); }

#items #option1 a {width: 75px; }
#items #option1 { right: 396px; top: 0px;}
#items #option1 a:hover, #items #option1 a:active {background-position: -6px 0; }

#items #option2 a {width: 65px; }
#items #option2 { right: 330px; top: 0px; }
#items #option2 a:hover, #items #option2 a:active {background-position: -82px 0; }

#items #option3 a {width: 55px; }
#items #option3 { right: 275px; top: 0px;}
#items #option3 a:hover, #items #option3 a:active {background-position: -147px 0; }

#items #option4 a {width: 90px; }
#items #option4 { right: 185px; top: 0px;}
#items #option4 a:hover, #items #option4 a:active {background-position: -202px 0; }

#items #option5 a {width: 60px; }
#items #option5 { right: 124px; top: 0px; }
#items #option5 a:hover, #items #option5 a:active {background-position: -293px 0; }

#items #option6 a {width: 75px; }
#items #option6 { right: 48px; top: 0px; }
#items #option6 a:hover, #items #option6 a:active {background-position: -354px 0; }

#items dd a { width: 0px; height: 66px; display: block; border: 0; }
#items dd a:hover, #items dd a:active { background-repeat: no-repeat; background-image: url(hover.gif); margin-top:0px; }
#items dd { position: absolute; top: 0px; margin: 0;}
#items dl { display: block; position: relative;  margin: 0;}