/*
 __________________________
|                          |
| Martyn Bampton           |
| martyn(at)erinshore.com  |
| Handwritten with Notepad |
| April 2007               |
|__________________________|
*/





/*
 __________________________
|                          |
| HTML elements            |
|__________________________|
*/


body { background-color: #fff;
       background-image: url("images/bgfade.jpg");
       background-repeat: repeat-x;
       font-family: "Trebuchet MS", Arial, freesans, Sans-Serif;
       font-weight: normal;
       text-decoration: none;
       color: #333;
       font-size: 14px;
       padding: 0px;
       margin: 0px;
       height:100%; 
     }


a { color: #6A8DA0; 
    text-decoration: none;
    font-weight: bold;
  }

a:hover { text-decoration: underline;
        }


table { padding: 0px;
        border: 0px;
        border-collapse: collapse;
        border-spacing: 0px;
      }

td { padding-right: 5px;
   }


h1 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     font-size: 28px;
     color: #000;
     margin: 0px;
     text-shadow: #aaa 1px 1px 5px;
   }


h2 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     font-size: 22px;
     margin: 0px;
     color: #798777;
   }


h3 { font-family: Arial, freesans, Sans-Serif;
     font-weight: bold;
     text-decoration: none;
     font-size: 18px;
     color: #798777;
     margin: 0px;
   }


img { border: 0px;
      padding: 0px;
      margin: 0px;
    }


form { border: 0px;
       padding: 0px;
       margin: 0px 0px;
     }


ul { border: 0px;
     padding: 0px;
     margin: 0 20px;
   }










/*
 __________________________
|                          |
| Index page styles        |
|__________________________|
*/


#indexheader { background-color: #798777;
               padding: 0px;
               text-align: left;
               width: 680px;
               height: 120px;
               margin: auto;
               margin-top: 0px;
               border-left: 5px solid #ddd;
               border-right: 5px solid #ddd;

             background-image: url("images/index_header.jpg");
             background-repeat: no-repeat;

             }


#indexmenu { color: #fff;
             background-color: #000;
             padding: 10px;
             border-top: 1px solid #fff;
             border-bottom: 1px solid #fff;
             font-weight: bold;
             font-size: 14px;
             width: 520px;
             margin: auto;
           }


#indexmenu a { color: #fff;
             }

#indexcontent { width: 680px;
                margin: auto;
                margin-bottom: 0px;
                background-color: #000;
                border-left: 5px solid #ddd;
                border-right: 5px solid #ddd;
              }


#indexleft { width: 99px;
             height: 200px;
             float: left;
             text-align: center;
             font-size: 16px;
             font-weight: bold;
             overflow: hidden; 
             border-top: 1px solid #fff;
           }


#indexmiddle { width: 340px;
               height: 200px;
               float: left;
               border-top: 1px solid #fff;
               border-left: 1px solid #fff;
               border-right: 1px solid #fff;
             }


#indexright { width: 239px;
              height: 200px;
              float: right;
              text-align: left;
              color: #fff;
              font-size: 12px;
              font-weight: bold;
              overflow: hidden; 
              border-top: 1px solid #fff;
            }

#indexright h3 { color: #fff;
               }


#indexleft a, #indexright a { color: #fff;
                            }

#indexleft a:hover { text-decoration: none;
                   }

#morelinks { width: 130px;
              
             display: none; 
             clear: both;

             border: 1px solid #fff;
             border-top: 0px;

             background-image: url("images/menufade.png");
             background-repeat: repeat-x;

             position: absolute;
             top: 175px;
             margin-left: 80px;
             z-index: 2;
           }

#morelinks a, #bcesislinks a, #bcesislinksql a { color: #fff;
                text-decoration: none;
              }



.menuclose { border-top: 1px solid #fff;
             background-color: #798777;
             color: #fff;
             text-align: center;
             height: 19px;
           }
             

#bcesislinks { width: 150px;
              
             display: none; 
             clear: both;

             border: 1px solid #fff;
             border-top: 0px;

             background-image: url("images/menufade.png");
             background-repeat: repeat-x;

             position: absolute;
             top: 300px;
             margin-left: 200px;
             z-index: 2;
           }

#bcesislinksql { width: 120px;
              
             display: none; 
             clear: both;

             border: 1px solid #fff;
             border-top: 0px;

             background-image: url("images/menufade.png");
             background-repeat: repeat-x;

             position: absolute;
             top: 420px;
             margin-left: -20px;
             z-index: 2;
           }





#enterwebsite { background-color: #55c;
                height: 22px;
                font-size: 16px;
                padding: 5px;
              }


.indexbutton { border-top: 1px solid #fff;
               text-align: left;
               font-size: 13px;
               height: 17px;
               padding: 5px;
               overflow: hidden; 
             }



#bcesislinksql .indexbutton { border-top: 1px solid #fff;
               text-align: left;
               font-size: 10px;
               height: 19px;
               padding: 5px;
             }

#indexlinks .indexbutton { float: left;
                           width: 120px;
                           
                         }


.indeximage { vertical-align: middle;
              margin-right: 5px;
            }


.news { font-size: 10px;
        font-weight: normal;
        padding: 5px;
      }



#google { padding-top: 5px;
          padding-bottom: 5px;
          vertical-align: middle;
          color: #fff;
          background-color: #000;
          text-align: center;
          border-top: 1px solid #fff;
          clear: both;
        }

#google input { vertical-align: middle;
                border: 1px solid #fff;
              }

#googletextbox { background-color: #ccc;
               }

#googlebutton { color: #fff;
                background-color: #000;
              }


#indexfooter { width: 680px;
               height: 40px;
               color: #000;
               background-color: #798777;
               font-size: 12px;
               text-align: center;
               margin: auto;
               border: 5px solid #ddd;
               border-top: 0px;
               padding: 0px;
             }










/*
 __________________________
|                          |
| Table styles             |
|__________________________|
*/


.contacttable { font-size: 12px;
              }


.postingstable { font-size: 12px;
                 text-align: left;
                 width: 100%;
               }


.postingstable td { padding: 3px;
                  }


.postingstabletd { background-color: #eee;
                 }


#calendartable { width: 98%;
                 padding: 5px;
                 background-color: #eee;
               }


#calendartable td { padding: 5px;
                    border: 2px solid #fff;
                    font-size: 16px;
                    height: 70px;
                    vertical-align: top;
                    text-align: left;
                  }


#calendartable th { padding: 5px;
                    border: 2px solid #fff;
                    background-color: #000;
                    color: #fff;
                    font-size: 14px;
                  }

#calendartable h3 { font-size: 12px;
                  }

.blankday { background-color: #ccc;
          }


.eventday { background-color: #eee;
          }

.doctable { width: 98%;
            border: 2px solid #bbb;
          }

.doctable tr { 
             }

.doctable td { padding: 2px;
               background-color: #eee;
               border: 1px solid #fff;
             }

.doctable h3 { color: #fff;
             }

.doctabletab { width: 98%;
               border: 2px solid #bbb;
               background-color: #bbb;
               font-size: 16px;
               font-weight: bold;
               color: #fff;
             }

.doctabletab td { padding: 5px;
                }
               










/*
 __________________________
|                          |
| Main page styles         |
|__________________________|
*/


#sd6bar { padding: 3px;
          padding-bottom: 0px;
          border-top: 1px solid #ddd; 
          border-right: 1px solid #777; 
          border-bottom: 1px solid #777;
          border-left: 1px solid #ddd; 
          margin-bottom: 0px; 
          background-color: #aaa; 
          font-size: 16px;
          font-family: Arial, Sans-Serif;
          font-weight: bold;
        }


.sd6bar_submenu { border: 1px solid #777;
                  display: none; 
                  position: absolute;
                  font-size: 11px;
                  font-family: verdana, freesans, sans-serif;
                  background-color: #fff; 
                  padding: 5px; 
                  width: 180px;
                  z-index: 2;
                }


.sd6bar_submenu a { color: #777;
                    font-weight: normal;
                  }


#header { background-color: #798777;
          background-image: url("images/headerbg.jpg");
          background-repeat: no-repeat;
          background-position: top right;
          padding: 0px;
          text-align: left;
          height: 120px;
          margin: 0px;
          margin-left: 35px;
          margin-right: 35px;
          border-left: 5px solid #ddd;
          border-right: 5px solid #ddd;
        }


#menu { background-image: url("images/menubg.gif");
        background-repeat: repeat-x;
        height: 35px;
        margin-left: 35px;
        margin-right: 35px;
        border-left: 5px solid #ddd;
        border-right: 5px solid #ddd;
        color: #fff;
        background-color: #000;
        font-weight: bold;
        font-size: 16px;
      }

.menuitem { height: 35px;
            padding-left: 5px;
            padding-right: 5px;
          }


.submenu { color: #fff;
           padding: 5px; 
           background-image: url("images/menufade.png");
           background-repeat: repeat-x;
           border-top: 1px solid #777;
           display: none; 
           z-index: 2;
           font-size: 12px;
         }




#menu a { color: #fff;
        }

.submenu a { color: #fff;
           }


.title { background-color: #000;
         background-image: url("images/titlebg.jpg");
         background-repeat: no-repeat;
         background-position: top right;
         padding: 10px 0px 10px 10px;
       }

.titleql { background-color: #000;
           background-image: url("images/quicklinksbg.gif");
           background-repeat: no-repeat;
           background-position: top right;
           padding: 10px 0px 10px 10px;
         }


#calendartitle { text-align: center;
                 height: 30px;
               }


.divborder { background-color: #ddd;
             background-image: url("images/bgfade.jpg");
             background-repeat: repeat-x;
             padding: 5px;
             margin: 20px;
           }


#content { margin-left: 35px;
           margin-right: 35px;
           background-color: #fff;
           border-left: 5px solid #ddd;
           border-right: 5px solid #ddd;
         }


#contentleft { 
               margin-right: 150px;
               padding: 10px;
             }

#contentright { width: 150px;
                float: right;
                padding-top: 10px;
                text-align: justify;
                background-image: url("images/qlfade.jpg");
                background-repeat: repeat-y;
              }

#quicklinks { padding-left: 10px;
            }

#qlbottom { height: 100px;
            background-image: url("images/ql_bottom.gif");
            background-repeat: no-repeat;
          }







.paragraph { margin-bottom: 30px;
             position: relative;
           }


.nowrap { overflow: auto;
          width: 95%;
        }

html>body .nowrap { width: 100%;
                  }


#welcomeleft { float: left;
               width: 48%;
               margin-right: 20px;
               margin-bottom: 25px;
             }

#welcomeright { 
                
              }

#helpdeskleft { float: left;
               width: 60%;
               margin-right: 30px;
               margin-bottom: 25px;
             }

#helpdeskright { 
                
              }



.zones { float: left;
         width: 30%;
         margin-right: 20px;
       }





#exampleschool { font-size: 12px;
                 text-align: left;
                 margin-bottom: 20px;
               }

#exampleschool h3 a { color: #798777;
                    }






#footer { color: #000;
          background-color: #fff;
          font-size: 12px;
          text-align: center;
          height: 40px;
          margin-left: 35px;
          margin-right: 35px;
          border: 5px solid #ddd;
          border-top: 0px;
          padding: 0px 40px 0px 0px;
        }






#footer a { color: #000;
          }


#indexfooter a { color: #fff;
               }

#footer a:hover { text-decoration: underline;
                }

#footerleft { float: left;
            }




#intranetloginbg { display: none; 
                   z-index: 2;
                   position: absolute;
                   top: 0px;
                   left: 0px;
                   bottom: 0px;
                   width: 100%;
                   height: 100%;
                   background-color: #000;
                   opacity: 0.5; 
                   filter:alpha(opacity=50);
                 }

#intranetloginbox { display: none;
                    z-index: 3;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    width: 490px;
                    height: 290px;
                    background-color: #fff;
                    background-image: url('images/bg_intranetlogin.jpg');
                    background-repeat: repeat-x;
                    background-position: bottom;
                    border: 5px solid #000;
                    margin-left: -250px;
                    margin-top: -150px;
                  }







.border { border: 1px solid #fff;
        }

.notes { font-family: verdana;
         font-weight: normal;
         text-decoration: none;
         font-size: 10px;
         color: #aaa;
       }



.right { float: right;
         margin-right: 10px;
       }


.photo { 
         background-color: #D7D4B5;
         padding: 5px;
       }


.imageleft { border: 1px solid #798777;
             background-color: #fff;
             padding: 1px;
             margin: 0 10px 0px 0px;
             float: left;
           }

.imageright { 
              background-color: #798777;
              padding: 5px;
              margin-left: 10px;
              float: right;
            }






.galleryitem { margin-bottom: 20px;
             }

.centre { text-align: center;
        }



.box { width: 170px;
       float: left;
       margin-right: 5px;
       margin-bottom: 30px;
       text-align: left;
       font-size: 12px;
     }

.boxql { width: 91px;
         height: 120px;
         float: left;
         text-align: center;
         font-size: 12px;
       }

.boxqlsmall { width: 40px;
              height: 70px;
              float: left;
              text-align: center;
              font-size: 10px;
              margin-right: 5px;
            }


.boxcontact { font-size: 11px;
              margin: 25px 0px 15px 0px;
              padding-bottom: 10px;
              font-family: "Verdana", Arial, freesans, Sans-Serif;
            }

.clearboth { clear: both;
           }

#search { font-size: 12px;
          text-align: center;
        }

#search a { color: #798777;
          }




.textbox { font-size: 12px;
           font-family: "Trebuchet MS", Arial, freesans, Sans-Serif;
           border: 2px solid #798777;
           background-image: url("images/textboxbg.gif");
           background-repeat: repeat-x;
         }

.searchtextbox { font-size: 12px;
           font-family: "Trebuchet MS", Arial, freesans, Sans-Serif;
           border: 2px solid #fff;
           background-color: #bbb;
         }


#qldate { margin: 0px 0px 10px 0px;
          font-size: 12px;
          vertical-align: middle;
        }

.verticalalign { vertical-align: middle;
               }

.redlink { color: #f00;
           font-size: 12px;
         }

#welcome { background-color: #000;
           border-bottom: 1px solid #fff;
         }


.database { width: 125px;
            height: 150px;
            float: left;
            margin-right: 20px;
            margin-bottom: 30px;
          }

.database img { margin-bottom: 10px;
              }





#healthsafety { display: none;
              }




.alignmiddle { vertical-align: middle;
             }


.error { color: #f00;
         font-weight: bold;
       }

.blankday { background-color: #ccc;
          }


#webmail { color: #fff;
           padding: 10px;
         }

#webmail h2 { color: #fff;
            }

#webmail a { color: #fff;
             font-size: 20px;
           }



.webmailbg { background-color: #fff;
             background-image: url("images/webmailbg.jpg");
             background-repeat: no-repeat;
             background-position: top right;
           }


.school { width: 300px;
          float: left;
          border-bottom: 1px dotted #000;
          margin-bottom: 20px;
        }

#searchbox { width: 490px;
             height: 90px;
             background-image: url("images/bg_search.gif");
             background-repeat: no-repeat;
             background-position: top left;
             color: #fff;
             padding: 10px;
             margin-bottom: 30px;
           }



.continue { background-color: #090;
            background-image: url("images/continuebg.gif");
            background-repeat: repeat-x;
            margin: auto;
            padding: 5px;
            text-align: center;
            margin-top: 10px;
          }


.calinfo { display: none;
           position: absolute;
           font-size: 11px;
           z-index: 2;
           background-color: #ffc;
           width: 165px;
           border: 1px solid #aaa;
           padding: 10px;
         }










/*
 ____________________________
|                            |
| Superintendent page styles |
|____________________________|
*/


.superintendent_textbox { font-size: 11px;
                          font-family: "Trebuchet MS", Arial, freesans, Sans-Serif;
                          border: 1px solid #ddd;
                          background-repeat: repeat-x;
                        }

#superintendent_left { float: left;
                       width: 48%;
                       margin-right: 20px;
                     }

#superintendent_right { 
                        margin-left: 48%;
                      }

.superintendent_section_header { 
                                 font-family: Arial, freesans, Sans-Serif;
                                 font-weight: bold;
                                 font-size: 22px;
                                 color: #000;
                                 padding: 5px;
                               }
.superintendent_separator { border-top: 2px solid #ddd;
                          }










/*
 ____________________________
|                            |
| Departmentent page styles  |
|____________________________|
*/



.departmentbox { width: 300px;
                 height: 120px;
                 float: left;
                 margin-right: 20px;
                 margin-bottom: 20px;
                 border: 1px solid #ccc;
                 padding: 10px;
                 font-size: 11px;
               }