*
{
    margin: 0;
    padding: 0;
    border: none;
}

body
{
    font-family: Verdana, Sans-Serif;
    font-size: small;
    color: #000000; /* Black */
    background: #ffffff; /* white-space */
}

p
{
    margin-bottom: 0.5em;
}

h1
{
    font-size: 130%;
    color: #000080; /* navy */
    text-align: center;
    margin-top: 0.1em;
    margin-bottom: 1em;

}

h2
{
    font-size: 120%;
    color: #42929d; /* sea green */
    margin-top: 0.2em;
    text-align: center;
}

h3
{
    font-size: 110%;
    color: #42929d; /* sea green */
    margin-top: 1em;
    text-align: center;
}

h4
{
    font-size: 100%;
    color: #000080; /* navy */
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

h5
{
    font-weight: bold;
}

.emphasis
{
    font-style: italic;
    font-weight: bold;
    color: #42929d; /* sea green */
}

#container
{
    width: 95%;
    margin: 0 2.5%;
    background: #ffffff; /* white */
}

#header
{
    min-width: 1024px;
}

#top-left   /* logo */
{
    min-width: 20%;
    background: #ffffff;
    float: left;
}

#top-centre
{
    float: left;
    width: 50%;
}

#logo
{
    margin: 0.5em;
    min-width: 192px;
}

.tagline
{
    font-style: italic;
    font-weight: bold;
    color: #000000; /* black */
    font-size: 150%;
    padding-top: 0.5em;
    text-align: center;
}

#fish
{
    text-align: right;
}

#top-right /* image and link to resort */
{
    background: #ffffff; /* white */
    text-align: right;
    float: right;
    min-width: 253px;
}


#line
{
    width: 100%;
    border-bottom: solid 0.25em #42929d; /* sea green */
    background: #000080; /* navy */
}



#main   /* conatiner div with gradient fill */
{
    width: 100%;
    background: url(   "../images/navy-white.jpg" ) repeat-y;
    min-height: 30em;
}

#content    /*sets positioning for three columns */
{
    padding: 2em 1em;
}

#menu   /* left column with links */
{
    float:left;
    padding-right: 0.5em;
    text-align: right;
    width: 18%;
}

#mainText   /*central column with main text */
{
    float: left;
    width: 55%;
    padding: 0 1em 0 2em;
}
    
#rightColumn    /*right column with highlighted info */
{
    float: right;
    width: 18%;
    text-align: right;
    padding-left: 1em;
}


#links
{
    list-style: none;
}

#links li
{
    white-space: nowrap;
    padding-bottom: 0.25em;
}

#links a /* main links */
{
    text-decoration: none;
    font-size: 110%;
    font-weight: bold;
    color: #000080; /* navy */
}

#links a:hover /* change colour on hover */
{
    text-decoration: underline;
}

body#venue #t-venue a, body#call #t-call a, body#registration #t-registration a, body#programme #t-programme a, body#submissions #t-submissions a, body#organisation #t-organisation a, body#streams #t-streams a, body#committee #t-committee a
{
    color: #42929d; /* sea green */
}

table
{
    margin: 1em 0;
}

tr
{
    margin: 0.5em 0;
}

td
{
    border: none;
    padding: 0em 1em;
}

.pics
{
    vertical-align:middle;
    text-align: center;
}

#map
{
    margin-top: 3em;
}


.smaller
{
    font-size: 80%;
}

.extension
{
    font-size: 80%;
    font-weight: bold;
}

.navy
{
    color: #000080; /*navy */
}

#footer /*date and sponsors */
{
    font-size: 70%;
    text-align: center;
    min-width: 1024px;
    /*border-top: solid 0.25em #b9dee5; /* light blue */
    padding-top: 1em;
}

.list /* use for table with smaller text */
{
  margin: none;
  border: none;
  font-size: 80%; 
}

.blue   /*use to give light blue background to a row */
{
    background-color:#b9dee5; /* light blue */
}

.indent /* indents by 2em at left margin */
{
    padding-left: 2em;
    padding-bottom: 0.5em;
}

.spaceAfter /* put 3em space after a paragraph */
{
    margin-bottom: 3em;
}

#bottomMenu
{
    width: 100%;
}

#bottomLinks
{
    list-style: none;
}

#bottomLinks li
{
    display: inline;
    text-decoration: none;
    color: #42929d; /* sea green */
}

#bottomLinks a
{
    text-decoration: none;
    color: #42929d; /* sea green */
    padding: 0.2em;
}

.committee
{
    font-size: 90%;
    line-height: 130%;
}

.download
{
    font-size: 80%;
    color: #000080; /* navy */
    text-align: right;
}