/* Rosemarie's exciting stylesheets!  Created for Mt.Doug's use on the library
   index project... thingy.  Copiously commented for ease of editing. */


body
{
   background:#FFFFFF;
   margin: 0px 0px 0px 0px;
}



/*
Only shown if the user hasn't
selected a preference (student or teacher)
*/
#entranceOption
{
   position:absolute;
   left:100px;
   top:70px;
   width:500px;
   height:150px;
   background:url("../images/selecttype.jpg");
   background-repeat:no-repeat;
   overflow:hidden;
   z-index:1;
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
}

#student
{
    position:absolute;
    left:100px;
    top:70px;
    width:250px;
    height:150px;
    z-index:2;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#teacher
{
    position:absolute;
    left:350px;
    top:70px;
    width:250px;
    height:150px;
    z-index:2;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#mdLibrary
{
    position:absolute;
    left:350px;
    top:210px;
    width:393px;
    height:200px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background:url("../images/mdlibrary.jpg");
    z-index:0;
    background-repeat:no-repeat;
    overflow:hidden;
}



/* Only shown if in student section */
#studentHeader
{
    position:absolute;
    left:0px;
    top:0px;
    width:536px;
    height:366px;
    background:url("../images/resources.jpg");
    background-repeat:no-repeat;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    z-index:1;
}

#mainStudentText
{
    position:absolute;
    left:140px;
    top:120px;
    width:400px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    z-index:2;
}

#mainStudentText a
{
    text-decoration:underline;
    color:#7d2394;
}

#mainStudentText a:visited
{
    text-decoration:underline;
    color:#999999;
}

#mainStudentText a:hover
{
    text-decoration:none;
    color:#b187b9;
}

#mainStudentText img
{
    border:none;
}

#mainStudentText h3
{
    font-family:verdana,sans-serif;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    color:#000000;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#mainStudentText p
{
    font-family:verdana,sans-serif;
    font-size:11px;
    line-height:14px;
    color:#000000;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#mainStudentText select
{
    border-style:solid;
    border-width:1px;
    border-color:#333333;
    font-family:verdana,sans-serif;
    font-size:10px;
    background:#FFFFFF;
    color:#333333;
}

#mainStudentForm
{
    position:absolute;
    left:305px;
    top:63px;
    width:100px;
    height:40px;
    z-index:4;
}

#mainStudentForm p
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#mainStudentForm select
{
    border-style:solid;
    border-width:1px;
    border-color:#666666;
    color:#000000;
    font-family:verdana,sans-serif;
    font-size:11px;
    background:#EEEEEE;
    font-weight:bold;
}

#studentNavBar
{
    position:absolute;
    left:500px;
    top:94px;
    width:250px;
    z-index:4;
    border-left-style:solid;
    border-left-width:1px;
    border-left-color:#7d2394;
}

#studentNavBar ul
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#studentNavBar li
{
    font-family:verdana,sans-serif;
    font-size:10px;
    color:#000000;
    list-style-type:none;
    margin-bottom:2px;
}


#studentNavBar li:hover
{
    list-style-image:url("../images/arrow.gif");
}

#studentNavBar a
{
    text-decoration:none;
    color:#7d2394;
    padding-left:5px;
}

#studentNavBar a:visited
{
    text-decoration:none;
    color:#999999;
}

#studentNavBar a:hover
{
    text-decoration:none;
    border-bottom-style:solid;
    border-bottom-color:#7d2394;
    border-bottom-width:1px;
    color:#b187b9;
}



/* Only shown if in teacher section */

#teacherHeader
{
    position:absolute;
    left:0px;
    top:0px;
    width:536px;
    height:366px;
    background:url("../images/teacher.jpg");
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    z-index:1;
}

#mainTeacherText
{
    position:absolute;
    left:130px;
    top:100px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    z-index:2;
}


#mainTeacherText a
{
    text-decoration:underline;
    color:#ef6300;
}

#mainTeacherText a:visited
{
    text-decoration:underline;
    color:#999999;
}

#mainTeacherText a:hover
{
    text-decoration:none;
    color:#FFCC00;
}

#mainTeacherText p
{
    font-family:verdana,sans-serif;
    font-size:12px;
    line-height:22px;
    color:#000000;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#mainTeacherText img
{
    border:none;
}

#mainTeacherForm
{
    position:absolute;
    left:365px;
    top:63px;
    width:100px;
    height:40px;
    z-index:4;
}

#mainTeacherForm p
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#mainTeacherForm select
{
    border-style:solid;
    border-width:1px;
    border-color:#666666;
    color:#000000;
    font-family:verdana,sans-serif;
    font-size:11px;
    background:#EEEEEE;
    font-weight:bold;
}

#mainTeacherText h3
{
    font-family:verdana,sans-serif;
    font-size:16px;
    font-weight:bold;
    line-height:19px;
    color:#000000;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#mainTeacherWriting
{
    position:absolute;
    left:350px;
    top:50px;
    width:200px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    z-index:3;
}

#mainTeacherWriting p
{
    font-family:verdana,sans-serif;
    font-size:12px;
    line-height:22px;
    color:#000000;
}

#teacherNavBar
{
    position:absolute;
    left:500px;
    top:94px;
    width:250px;
    z-index:4;
    border-left-style:solid;
    border-left-width:1px;
    border-left-color:#FFCC00;
}

#teacherNavBar ul
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

#teacherNavBar li
{
    font-family:verdana,sans-serif;
    font-size:10px;
    color:#000000;
    list-style-type:none;
    margin-bottom:2px;
}


#teacherNavBar li:hover
{
    list-style-image:url("../images/arrow2.gif");
}

#teacherNavBar a
{
    text-decoration:none;
    color:#ef6300;
    padding-left:5px;
}

#teacherNavBar a:visited
{
    text-decoration:none;
    color:#999999;
}

#teacherNavBar a:hover
{
    text-decoration:none;
    border-bottom-style:solid;
    border-bottom-color:#ff8300;
    border-bottom-width:1px;
    color:#FFCC00;
}

#mainStudentText .toppage
{
    line-height:20px;
    padding-top:8px;
    font-size:9px;
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color:#000000;
}

#mainStudentText .toppage:hover
{
    border-bottom-color:#7d2394;
}

#mainStudentText .toppagelink
{
    font-size:10px;
    text-decoration:none;
}

#mainStudentText .toppagelink:visited
{
    text-decoration:none;
    color:#7d2394;
}

#mainStudentText .toppagelink:hover
{
    text-decoration:none;
    color:#00CC00;
}


#mainTeacherText .toppage
{
    padding-top:10px;
    font-size:9px;
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color:#000000;
}

#mainTeacherText .toppage:hover
{
    border-bottom-color:#FFCC00;
    text-decoration:none;
}

#mainTeacherText .toppagelink
{
    padding-top:8px;
    font-size:10px;
    text-decoration:none;
}

#mainTeacherText .toppagelink:visited
{
    text-decoration:none;
    color:#ef6300;
}

#mainTeacherText .toppagelink:hover
{
    text-decoration:none;
    color:#FFCC00;
}