/*
 * colours:
 *
 *  background      : #6E0070
 *  header/footer   : #91C9C8
 *  content         : #E1EFE2
 *  left column     : #00A6A6
 */


/*
 * only non-css browsers will see elements with this class */
.hidden
{
  display: none;
}

body
{
  margin: 0 auto;
  padding: 20px;
  font: 90% Verdana,Tahoma,Arial,sans-serif;
  background-color: #6E0070;
}

#container
{
  width: 750px;
  margin: 0 auto;
  overflow: hidden;
  background: url('../images/back.jpg') top left repeat-y;

}

#header
{
  height: 100px;
  width: 750px;
  padding: 0;
  background: url('../images/header.jpg') top left no-repeat;
}

#footer
{
  height: 40px;
  width: 750px;
  background: url('../images/footer.jpg') top left no-repeat;
  clear: both;
  text-align: center;
  font: 70% "Courier-New", monospace;
}

#leftcol
{
  width: 150px;
  float: left;
  clear: left;
  margin: 0;
  overflow: hidden;
}

#content
{
  padding: 10px;
  overflow: hidden;
  color: #492554;
  float: left;
  width: 580px;
}

#content h2
{
    text-align: center;
    color: #96549E;
    font-size: 1.1em;
    border-bottom: 1px solid #96549E;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#content h3
{
    font-size: 1.0em;
    padding: 2px;
    margin: 0;
    background-color: #CEEFD0;

}

.indent
{
    margin-left: 20px;
}

.italicindent
{
    font-style: italic;
    margin-left: 20px;
}

#areascovered
{
    border-top: 2px dashed white;
    color: #fff;
    font-size: 0.8em;
    margin-top: 350px;
    padding: 10px;
}

#areascovered ul
{
    font-style: italic;
}

/* ----------------------------------------------------------------------------
 *  MENU
 */

#navmenu
{
  font-size: 0.9em;
  font-weight: bold;
}

#navmenu ul
{
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;

}

#navmenu li a
{
  height: 20px;
  display: block;
  text-decoration: none;
  color: #EEEEEE;
  padding: 4px 0 4px 10px;
}

#navmenu li a:hover
{
  border-left: 4px solid #FFFFFF;
  padding-left: 6px;
}

#navmenu li a.activepage
{
    color: #fff;
    background-color: #000;
}

#navmenu h3
{
    padding: 4px 0 4px 10px;
    margin: 0;
    font-size: 1.0em;
    color: #EEEEEE;
}

#navmenu li li a
{
    padding-left: 25px !important;
}

#navmenu li li a:hover
{
    padding-left: 21px !important;
}


/*
 * content specific: home */

#homepage p
{
    margin-bottom: 2em;
}

#homeimage
{
    background: url('../images/p_double.jpg') top left no-repeat;
    height: 400px;
    width: 250px;
    float: right;
}

#homeevents
{
    color: #96549E;
    font-weight: bold;
}

/*
 * content specific: gallery */

.gallery
{
    list-style: none;
    overflow: auto;
    padding: 0 0 0 15px;
    margin: 0;
}

.gallery li
{
    display: block;
    background-color: #000000;
    float: left;
    margin: 5px;

}

.gallery li img
{
    height: 150px;
    width: 150px;
    padding: 10px 10px 5px 10px;
    border: 0;
}


/* 
 * content specific: contact/comments */

#genform
{
    border-top: 1px dashed #000000;
    font-size: 0.8em;
    margin-right: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 5px;
}

#genform input
{
    width: 150px;
    padding: 3px;
}

#genform textarea
{
    width: 100%;
    padding: 3px;
}

#genformsubmit
{
    float: right;
}

/*
 * content specific: links */

.linkitem
{
    margin-bottom: 20px;
    background-color: #CDDFED;
}

.linkitem h3
{
    font-size: 1.0em;
    padding: 2px;
    margin: 0;
    background-color: #CEEFD0;
}

.linkitem a
{
    text-decoration: none;
    color: #492554;
}

.linkitem a:hover
{
    color: #0000FF;
}

.linkinfo
{
    font-size: 0.9em;
    padding: 4px 4px 4px 20px;
}

.linkcontact
{
    font-size: 0.7em;
    margin-top: 5px;
    padding: 3px;
}

/*
 * content specific: comments */

#commentscontainer
{
    text-align: center;
}

.comment
{
    margin-left: auto;
    margin-right: auto;
    clear: both;
    width: 550px;
    background-color: #cddfed;
    padding: 0;
    margin-bottom: 15px;
}

.commentheader
{
    background: url('../images/bubble_top.jpg') top left no-repeat;
    width: 550px;
    height: 32px;
}

.commentfooter
{
    background: url('../images/bubble_bot.jpg') top left no-repeat;
    width: 550px;
    height: 32px;
}

.commentbody
{
    margin-left: 40px;
    margin-right: 40px;
    text-align: justify;
}

.commentfrom
{
    text-align: right;
    margin-top: 15px;
    margin-right: 40px;
    margin-left: 40px;
    font-size: 0.8em;
    font-style: italic;
}

.validateinfo
{
    background-color: #5f5;
    color: #000;
    padding: 6px;
    margin-bottom: 10px;
}