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





body { background-color: #fff;
       font-family: arial, freesans, sans-serif;
       font-weight: normal;
       text-decoration: none;
       color: #000;
       font-size: 12px;
       padding: 0px;
       margin: 0px;
       padding-bottom: 20px;
     }





a { color: #37f; 
    text-decoration: none;
    font-weight: bold;
  }

a:hover { text-decoration: underline;
        }





table { font-size: 12px;
        border-collapse: collapse;
      }

td { 
     padding: 4px;
     padding-right: 3px;
   }

th { 
     padding: 4px;
     padding-right: 3px;
     font-size: 14px;
   }





.inputtable, .inputtable td { border: 0px;
                              padding: 5px;
                              padding-top: 1px;
                              padding-bottom: 5px;
                              font-size: 12px;
                              font-family: arial, freesans, Sans-Serif;
                            }

.listtable { width: 100%;
             border: 2px solid #f0f0f0;
           }

.listtable td, th { padding: 5px;
                    font-family: arial, freesans, Sans-Serif;
                    font-size: 12px;
                  }

.listtabletd { background-color: #f0f0f0;
             }

.colourtable td { margin: 0px;
                  padding: 0px;
                }








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





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





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





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

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

optgroup { margin: 0px;
           padding: 0px;
         }

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




#indexbox { width: 460px;
            height: 100px;
            margin: auto;
            margin-top: 20px;
            background-color: #000;
            background-image: url("images/indexbox_bg.jpg");
            background-repeat: no-repeat;
            background-position: top left;
            padding: 20px;
            padding-top: 110px;
          }



#indexlogin { width: 460px;
              margin: auto;
              padding: 20px;
              padding-bottom: 0px;
              background-color: #000;
              font-family: arial, freesans, sans-serif;
              font-size: 12px;
            }


#loginbox { float: left;
            width: 300px;
            height: 85px;
            background-image: url("images/loginbox_bg.gif");
            background-repeat: no-repeat;
            background-position: top left;
            margin-right: 10px;
            padding: 10px;
            padding-top: 5px;
            background-color: #fff;
          }


#statusbox { margin-left: 340px;
             height: 80px;
             background-image: url("images/statusbox_bg.gif");
             background-repeat: no-repeat;
             background-position: top left;
             padding: 10px;
             background-color: #fff;
           }


#indexfooter { width: 500px;
               margin: auto;
               background-color: #000;
             }





#header { width: 270px;
          height: 100px;
          background-image: url("images/header_bg.jpg");
          background-repeat: no-repeat;
          background-position: top left;
          background-color: #fff;
          padding: 10px;
          padding-left: 490px;
          text-align: left;
          margin: auto;
          margin-top: 20px;
          border-bottom: 0px;
          color: #fff;
          font-size: 14px;
          
        }

#header h2 { color: #fff; 
           }










#leftmenu { margin-left: 20px;
clear: both;
        
        padding: 0px;
      }

.menuitem { float:left;
            height: 15px;
            background-color: #000;
            border-left: 10px solid #000;
            padding: 5px;
           
            font-weight: bold;
          }


.menuitemgreen { float: left;
                 width: 70px;
                 height: 15px;
                 margin-top: 10px;
                 background-color: #2a2;
                 padding: 5px;
                 font-size: 12px;
                 font-weight: bold;
                 text-align: center;
               }

.menuitemblue { float: left;
                 width: 70px;
                 height: 15px;
                 margin-top: 10px;
                 background-color: #22a;
                 padding: 5px;
                 font-size: 12px;
                 font-weight: bold;
                 text-align: center;
               }

.menuitemred { height: 15px;
               width: 70px;
               margin-top: 10px;
               margin-left: 160px;
               background-color: #f22;
               padding: 5px;
               font-size: 12px;
               font-weight: bold;
               text-align: center;
             }


.menuitem a, .menuitemgreen a, .menuitemblue a, .menuitemred a { color: #fff;
            }


#main { width: 770px;
        margin: auto;
        padding: 0px;
        background-color: #000;
      }

#content { clear: left;
           padding: 10px;
           background-color: #fff;
           border-left: 20px solid #000;
           border-right: 20px solid #000;
         }

.paragraph { text-align: justify;
             margin-bottom: 30px;
           }

#help { display: none;
        font-size: 14px;
        font-family: monospace;
        background-color: #ffc;
        padding: 10px;
      }





#footer { width: 760px;
          height: 15px;
          color: #fff;
          background-color: #000;
          background-image: url("images/footer_bg.gif");
          background-repeat: repeat-x;
          background-position: top left;
          font-size: 12px;
          text-align: center;
          margin: auto;
          margin-bottom: 10px;
          padding: 5px;
        }

#footer a { color: #fff;
          }












.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;
            }


.settingsbox { width: 120px;
               background-color: #fff;
               float: left;
               font-size: 12px;
               text-align: center;
             }



.galleryitem { margin-bottom: 20px;
             }

.centre { text-align: center;
        }





.clearboth { clear: both;
           }







.textbox { font-size: 12px;
           font-family: arial, freesans, Sans-Serif;
           border: 2px solid #999;
           background-image: url("images/textboxbg.gif");
         }



.greenbutton { border-left: 2px solid #9d9;
               border-top: 2px solid #9d9;
               border-right: 2px solid #494;
               border-bottom: 2px solid #494;
               background-color: #4a4;
               color: #fff;
               font-size: 12px;
               font-family: arial, freesans, Sans-Serif;
             }

.bluebutton { border-left: 2px solid #77f;
               border-top: 2px solid #77f;
               border-right: 2px solid #00f;
               border-bottom: 2px solid #00f;
               background-color: #33f;
               color: #fff;
               font-size: 12px;
               font-family: arial, freesans, Sans-Serif;
             }

.redbutton { border-left: 2px solid #d99;
             border-top: 2px solid #d99;
             border-right: 2px solid #944;
             border-bottom: 2px solid #944;
             background-color: #d44;
             color: #fff;
             font-size: 12px;
             font-family: arial, freesans, Sans-Serif;
           }







.verticalalign { vertical-align: middle;
               }

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

.greentext { color: #4a4;
             font-weight: bold;
           }


.redtext { color: #e44;
           font-weight: bold;
         }


.messages { margin: 20px;
            padding: 10px;
            border-top: 5px solid #789Cd2;
            border-left: 5px solid #789Cd2;
            border-right: 5px solid #385C92;
            border-bottom: 5px solid #385C92;
            background-color: #fff;
          }


.coloursquare { width: 20px;
                height: 10px;
              }

.imagepreview { width: 200px;
                height: 50px;
                overflow: hidden;
                border: 2px solid #999;
              }

.formhint { color: #777; 
            font-size: 10px;
          }



#messagebg { display: block; 
             z-index: 2;
             position: absolute;
             left: 50%;
             top: 50%;
             margin-left: -170px;
             margin-top: -130px;
             width: 340px;
             height: 260px;
             background-color: #000;
             opacity: 0.5; 
             filter:alpha(opacity=50);
           }

#message { display: block;
           z-index: 3;
           position: absolute;
           left: 50%;
           top: 50%;
           margin-left: -120px;
           margin-top: -80px;
           width: 216px;
           height: 136px;
           border: 2px solid #000;
           padding: 10px;
           background-color: #fff;
           font-weight: bold;
         }