/* left navs */
#navlist
{
color: #264762;
background: #E8F0F7;
padding: 0 0px;
margin-left: 0;
width: 179px;
font: normal 10px Verdana, sans-serif;
/*
background-image: url(/files/images/vnavfoot.png); 
background-repeat: no-repeat;
background-attachment:fixed;
background-position: bottom;
*/
}

#navlist li
{
list-style: none;
margin: 0;
font-weight: bold;
}

#navlist a
{
display: block;
width: 100%;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: #264762;
background: #E8F0F7;
padding: 0.25em 0.5em 0.4em 0.5em;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a
{
width: 100%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 100%;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;
/* font-size: 100%; */
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover
{
width: 100%;
margin-bottom: .5em;
margin-top: 0.5em;
background: #DAE7F1;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.6em;
}

#navlist a:active, #navlist a#current:active
{
background: #17a;
padding: 0.4em 0.35em 0.25em 0.6em;
}


/* these are the rollovers for the ikons */
a.archiveroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 71px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/archive_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.archiveroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/archive_off.png); /* source for target image */
     } 

a.addroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 38px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/add_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.addroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/add_off.png); /* source for target image */
     } 

a.editroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 40px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/edit_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.editroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/edit_off.png); /* source for target image */
     } 








	 
a.deleteroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 57px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/delete_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.deleteroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/delete_off.png); /* source for target image */
     } 


	 
	 
	 
	 
	 
	 
a.viewroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 47px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/view_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.viewroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/view_off.png); /* source for target image */
     } 

a.setorderroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 80px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/setorder_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.setorderroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/setorder_off.png); /* source for target image */
     } 

a.backroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 43px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/back_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.backroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/back_off.png); /* source for target image */
     } 

a.schoollocationroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 133px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/schoollocation_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.schoollocationroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/schoollocation_off.png); /* source for target image */
     } 

a.assignroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 59px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/assign_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.assignroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/assign_off.png); /* source for target image */
     } 

a.createroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 60px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/create_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.createroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/create_off.png); /* source for target image */
     } 

a.replyroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 52px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/reply_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.replyroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/reply_off.png); /* source for target image */
     } 

a.pdfroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 39px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/pdf_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.pdfroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/pdf_off.png); /* source for target image */
     } 

a.printroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 51px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/print_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.printroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/print_off.png); /* source for target image */
     } 

a.requesttimeoffroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 140px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/requesttimeoff_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.requesttimeoffroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/requesttimeoff_off.png); /* source for target image */
     } 

a.submittimesheetroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 147px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/submittimesheet_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.submittimesheetroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/submittimesheet_off.png); /* source for target image */
     } 

a.checkinroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 71px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/checkin_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.checkinroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/checkin_off.png); /* source for target image */
     } 

a.checkoutroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 81px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/checkout_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.checkoutroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/checkout_off.png); /* source for target image */
     } 

a.checkedoutroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 105px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/checkedout_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.checkedoutroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/checkedout_off.png); /* source for target image */
     } 
 
a.leaverequestroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 98px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/leaverequests_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.leaverequestroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/leaverequests_off.png); /* source for target image */
     } 

a.addcategoryroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 91px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/addcategory_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.addcategoryroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/addcategory_off.png); /* source for target image */
     } 
 
 a.requestcheckoutroll { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 145px; /* width of reactive image */
     height: 16px; /* height of reactive image */
     background-image: url(/files/images/ikons/requestcheckout_on.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.requestcheckoutroll:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/ikons/requestcheckout_off.png); /* source for target image */
     } 

 
 
/* this is the end of the ikon rollovers */


/* These are the new rollovers */

a.editrolloverS { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 26px; /* width of reactive image */
     height: 26px; /* height of reactive image */
     background-image: url(/files/images/imageicons/editS.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.editrolloverS:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/imageicons/editR.png); /* source for target image */
     } 


a.deleterolloverS { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 26px; /* width of reactive image */
     height: 26px; /* height of reactive image */
     background-image: url(/files/images/imageicons/deleteS.png); /* source for start image */
     background-repeat: no-repeat;
     }
a.deleterolloverS:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(/files/images/imageicons/deleteR.png); /* source for target image */
     }