/* setup the master page colour and text properties here */
body {
   text-align:left;
   font-family: georgia,garamond,serif;
   font-size:10px;
   padding: 0px;
   margin: 5px;
   background-color:#FFFFFF;
   line-height: 220%;
}

/* headers - from a google point of view it's important to use the header tags
properly, it defines the importance of bits of text, not just the styling */
h1 {
  font-size: 13px;
  color: #344152;
  text-transform: uppercase;
  font-weight: normal;
}

h1.about {
  font-size: 13px;
  color: #344152;
  text-align:left;
  text-transform: uppercase;
  font-weight: normal;
}

h2 {
  font-size: 10px;
  color:#344152;
  text-transform: uppercase;
  font-weight: normal;
}

h3 {
  font-size: 10px;
  color:#344152;
  font-style: italic;
  font-weight: normal;
}

/* basic paragraph and link text styles */
p {
    color: #344152;
    text-transform: uppercase;
    
}

/* paragraph style for news and events */
p.news {
    color: #344152;
    text-transform: none;
    line-height: 100%;
}

/* paragraph style for about page */
p.about {
    color: #344152;
    font-size: 11px;
    text-transform: none;
    text-align: left;
    line-height: 130%;
}

a {
  text-decoration: none;
}

a:link {
  color:#6B6B6B;
}

a:visited {
  color:#9C9C9C;
}

a:hover {
  color:#404040;
}

a.upper {
    text-transform: uppercase;
}

a.about {
    font-size: 11px;
    text-transform: none;
    text-align: left;
    line-height: 130%;
}

a.about:visited {
    font-size: 11px;
    text-transform: none;
    text-align: left;
    line-height: 130%;
}

/* layout divs */
div.pagewrapper {
    width: 100%;
}

div.links {
    min-width: 140px;
    max-width: 250px;
    width: 16%;
    float: left;
}

div.mainimage {
    text-align:center;
    width: 60%;
    min-width: 600px;
    max-width: 800px;
    min-height: 500px;
    float:left;
    margin: 5px;
}

div.thumbs {
    width: 19%;
    min-width: 100px;
    float:right;
}

div.details {
    margin: 4px;
    clear:both;
}

div.news {
    width: 19%;
    min-width: 100px;
    float:right;
}

img.thumb {
    height:80px;
    width:80px;
    margin: 6px 4px 6px 4px;
    border:0px;
    float: left;
}

img.main {
    margin-left: auto;
    margin-right: auto;
    border:0px;
}

img.events {
    margin: 5px auto 5px auto;
    margin-right: auto;
    margin-top:
    border:0px;
}