/* CSS Document */


/* Image rollover */

#image {float:right;}
span{display:none;}

#wrap {float:left;}

#richmond a {float:left; margin-right:5px; margin-bottom:5px; height:70px; width:100px; background-image:url(../images/Schools/school-1-rich.jpg);background-position:0px 0px;}
#richmond a:hover {float:left; margin-right:5px; margin-bottom:5px; height:70px; width:100px; background-image:url(../images/Schools/school-1-rich.jpg);background-position:100px 0px;}

#northside a {float:left; margin-right: 5px; margin-bottom:5px; height:145px; width:100px; background-image:url(../images/Schools/school-2-north.jpg); background-position:0px 0px;}
#northside a:hover {float:left; margin-right: 5px; margin-bottom:5px; height:145px; width:100px; background-image:url(../images/Schools/school-2-north.jpg); background-position:100px 0px;}

#childcare1 a {float:left; margin-bottom:5px; height:145px; width:100px; background-image:url(../images/Schools/school-2-child1.jpg); background-position:0px 0px;}
#childcare1 a:hover {float:left; margin-bottom:5px; height:145px; width:100px; background-image:url(../images/Schools/school-2-child1.jpg); background-position:100px 0px;}

#pacifichills a {float:left; margin-bottom:5px;  height:70px; width:100px; background-image:url(../images/Schools/school-1-pachill.jpg); background-position:0px 0px;}
#pacifichills a:hover {float:left; margin-bottom:5px; height:70px; width:100px; background-image:url(../images/Schools/school-1-pachill.jpg); background-position:100px 0px;}




/* option Navigation */

#option {float:left; width:660px; height:40px;}
#option p{font-size:13px; color:#FFFFFF; text-align:center; font-weight:200; margin-top:6px;}

.option-1 a{width:330px; height:40px; float:left; background-image:url(../images/OptionsNav/Options-1.png); background-position:0px 40px;}
.option-1 a:hover{width:330px; height:40px; float:left; background-image:url(../images/OptionsNav/Options-1.png); background-position:0px 0px;text-decoration:none;}

.option-2 a{width:330px; height:40px; float:left; background-image:url(../images/OptionsNav/Options-2.png); background-position:0px 40px;}
.option-2 a:hover{width:330px; height:40px; float:left; background-image:url(../images/OptionsNav/Options-2.png); background-position:0px 0px;text-decoration:none;}






/* List of Projects */

#list {float:left; height:145px; width:660px;}


#list-groves a {float:left; margin-right: 10px; height:145px; width:100px; background-image:url(../images/Schools/school-2-groves.jpg); background-position:0px 0px}
#list-groves a:hover {float:left; margin-right: 10px; height:145px; width:100px; background-image:url(../images/Schools/school-2-groves.jpg); background-position:100px 0px}

#list-northside a {float:left; margin-right: 10px; height:145px; width:100px; background-image:url(../images/Schools/school-2-north.jpg); background-position:0px 0px}
#list-northside a:hover {float:left; margin-right: 10px; height:145px; width:100px; background-image:url(../images/Schools/school-2-north.jpg); background-position:100px 0px}

#list-richmond a {float:left; margin-right: 10px; height:145px; width:100px; background-image:url(../images/Schools/school-2-rich.jpg); background-position:0px 0px}
#list-richmond a:hover {float:left; margin-right: 10px; height:145px; width:100px; background-image:url(../images/Schools/school-2-rich.jpg); background-position:100px 0px}

#list-childcare a {float:left; margin-right: 10px; height:145px; width:100px; background-image:url(../images/Schools/school-2-child1.jpg); background-position:0px 0px}
#list-childcare a:hover {float:left; margin-right: 10px; height:145px; width:100px; background-image:url(../images/Schools/school-2-child1.jpg); background-position:100px 0px}

#list-phcs a {float:left; margin-right: 10px; height:145px; width:100px; background-image:url(../images/Schools/school-2-pachill.jpg); background-position:0px 0px}
#list-phcs a:hover {float:left; margin-right: 10px; height:145px; width:100px; background-image:url(../images/Schools/school-2-pachill.jpg); background-position:100px 0px}

#list-cedars a {float:left; margin-right: 0px; height:145px; width:100px; background-image:url(../images/Schools/school-2-cedars.jpg); background-position:0px 0px}
#list-cedars a:hover {float:left; margin-right: 0px; height:145px; width:100px; background-image:url(../images/Schools/school-2-cedars.jpg); background-position:100px 0px}