/* setting it up */

body{
    text-align: center;
    background-image: url(images/sydneylines.jpg);
}

#container {
    width: 501px;
    background-color: #ffffff;
    text-align: justify;
    margin: 0 auto;
}

.nav {
    width: 501px;
    height: 256px;
    background-image: url(images/sydney.jpg);
    text-align: center;
    word-spacing: 15px;
}

.content {
    margin: 10px;
    font-family: helvetica, lucida grande, sans-serif;
    font-size: 12px;
    color: #513f12;
    line-height: 20px;
}

.nav a:link{
    position: relative;
    top: 216px;
    color: #ffffff;
    text-decoration: none;
    font-family: helvetica cy, helvetica, arial narrow, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    text-transform: uppercase;
}

.nav a:visited{
    position: relative;
    top: 216px;
    color: #ffffff;
    text-decoration: none;
    font-family: helvetica cy, helvetica, arial narrow, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    text-transform: uppercase;
}


.nav a:active{
    position: relative;
    top: 216px;
    color: #ffffff;
    text-decoration: none;
    font-family: helvetica cy, helvetica, arial narrow, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    text-transform: uppercase;
}

.nav a:hover{
    position: relative;
    top: 216px;
    color: #000000;
    text-decoration: none;
    font-family: helvetica cy, helvetica, arial narrow, sans-serif;
    font-size: 20px;
    font-weight: lighter;
    text-transform: uppercase;
}

.bottom {
    font-size: 9px;
    margin: 10px;
    font-family: georgia, arial, sans-serif;
    color: #dbd588;
}

.bottom a:link{
    text-transform: uppercase;
}

.bottom a:visited{
    text-transform: uppercase;
}

.bottom hr{
    height: 1px;
    color: #ffffff;
    background-color: #bcdcc8;
    border: 0;
}

.content hr{
    height: 1px;
    color: #ffffff;
    background-color: #f0efd0;
    border: 0;
    margin-bottom: 15px;
}

/* text classes and stuff */

p{
    margin: 0;
    margin-bottom: 12px;
}

h1 {
    border-left: 3px solid #c8d7ce;
    color: #d7d37f;
    font-family: helvetica cy, impact, sans-serif;
    font-size: 28px;
    font-weight: lighter;
    text-transform: uppercase;
    margin: 0 auto;
    line-height: 32px;
    padding-top: 4px;
    padding-left: 10px;
    letter-spacing: -2px;
    margin-bottom: 10px;
}

h2{
    color: #97b4a2;
    margin: 0;
    font-family: georgia, times, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 20px;
    margin-bottom: 10px;
}

h3{
    color: #e69222;
    margin: 0;
    font-family: georgia, times, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
}

strong {
    color: #eb9026;
    text-transform: uppercase;
    font-weight: normal;
}

i, em {color: #000000;}
b {color: #97b4a3;}

a:link {
    text-decoration: none;
    color: #eb9026;
}

a:visited {
    text-decoration: none;
    color: #97b4a3;
}

a:visited {
    text-decoration: none;
    color: #97b4a3;
}

a:hover {
    text-decoration: none;
    color: #000000;
}

ul.updates{
    list-style-type: none;
    list-style-image: url(images/sydneylist.jpg);
    list-style-position: outside;
    margin: 0;
    padding-left: 25px;
    padding-right: 15px;
}

.sites {
    border: 1px solid #bcdcc8;
    margin: 0;
    margin-right: 10px;
    padding: 10px;
}

.sites:hover {
    border: 1px solid #90bba0;
}