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





body { background-color: #ccc;
       font-family: Arial, Sans-Serif;
       font-weight: normal;
       text-decoration: none;
       color: #000;
       font-size: 14px;
       padding: 0px;
       margin: 0px;
     }





a { color: #0E5EA7; 
    text-decoration: none;
  }

a:hover { text-decoration: underline;
        }





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

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


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


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

.blankday { background-color: #ccc;
          }


.eventday { background-color: #eee;
          }

#stafftable { border: 2px solid #eee;
              width: 100%;
            }

#stafftable td { padding: 5px;
                 border-right: 1px solid #fff;
                 text-align: left;
               }


h1 { font-family: Arial, Sans-Serif;
     font-weight: normal;
     font-size: 22px;
     color: #000;
     margin: 0px;
   }

h2, h3 { margin: 0px;
       }





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


#page { margin: auto;
        margin: 20px;
      }



#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: #55f;
          padding: 0px;
          text-align: left;
          margin: auto;
          margin-top: 20px;
          height: 120px;
        }

#header a { color: #fff;
          }


#menu { margin: auto;
        color: #fff;
        font-size: 14px;
        background-color: #000;
        zoom: 1;
      } 

#menu a { color: #fff;
          text-decoration: none;
        }


.menuitembox { float: left; 
             }


.menuitem { padding: 10px; 
            padding-left: 6px; 
            padding-right: 6px;
          }


.menuhighlight { background-color: #aaa;
                 padding: 10px; 
                 padding-left: 6px; 
                 padding-right: 6px;
               }


.submenu { display: none;
           position: absolute;
           font-size: 12px;
           z-index: 2;
           background-color: #000;
         }

.submenuitem { padding: 4px; 
          }

.submenuhighlight { background-color: #aaa;
                 padding: 4px; 
               }


#contents  { height: 90px;
             width: 300px;
           }


#main { background-color: #fff;
        margin: auto;
      }


#contents a { color: #f7f7f7;
            }

#contents a:hover { color: #fff; 
                  }





#content { background-color: #fff;
           padding: 10px;
           text-align: left;
           margin: auto;
         }





#footer { color: #fff;
          background-color: #55f;
          background-position: bottom;
          padding: 5px;
          font-size: 16px;
          text-align: center;
          margin: auto;
          margin-bottom: 20px;
        }

#footer a { color: #fff;
          }

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



.albumimage { width: 40px;
              height: 40px;
              float: left; 
              margin-right: 5px;
              border: 1px solid #ccc;
              }


.galleryitem { width: 140px;
               height: 180px;
               float: left; 
               margin-right: 10px;
               margin-bottom: 20px;
               font-size: 12px;
               text-align: center;
             }

.galleryimage { width: 100px;
                height: 100px;
                background-color: #ddd;
                padding: 5px;
                border: 1px solid #ccc;
                margin: auto;
                margin-bottom: 5px;
                text-align: center;
              }

#medialeft { margin-right: 20px;
             height: 290px; 
             font-size: 12px;
           }

#medialist { height: 240px; 
             overflow: auto; 
             font-size: 12px;
           }



#mediaright { width: 320px; 
              height: 270px; 
              margin-left: 20px; 
              float: right; 
              background-color: #333;
              background-image: url(images/media_bg.jpg);
              background-repeat: no-repeat;
            }

#zoombar { height: 20px;
           text-align: center;
           font-size: 12px;
           color: #fff;
           background-color: #444;
         }

#zoombar a { color: #fff;
           }


.centre { text-align: center;
        }

.paragraph { margin-bottom: 20px;
             text-align: justify;
             position: relative;
           }

.sysmsg { width: 678px;
          background-color: #fff;
          margin: auto; 
          margin-top: 20px;
          border: 2px solid #f00; 
          padding: 10px; 
          color: #f00;
        }

.whitedot { margin: 8px;
            vertical-align: middle;
          }


.hwtable, .hwtable th, .hwtable td { padding-left: 10px;
                                     padding-right: 10px;
                                     text-align: left;
                                     font-size: 12px;
                                   }


.transparent { filter: alpha(opacity=50);
               -moz-opacity: 0.5;
	       -khtml-opacity: 0.5;
	       opacity: 0.5;
             }

.textbox { border: 1px solid #000;
           
         }