/* CSS Document */

/* Always use HEX codes for colours. NOT Names or RGB. Not all colours used may be web safe. So variations
in colours may happen at times. Changes in colours depend on which broswers and settings are used.*/
body {
        background: #FFFFFF url("images/logo.gif") no-repeat fixed center;
        color: #000000;
}

/*Keep "a:link", "a:visited", "a:hover", "a:active" in the order they are in the list for Mozillia/Netscape compatibility.*/
a:link {
        color: #388E8E;
        text-decoration: none;
}
a:visited {
        color: #425073;
        text-decoration: none;
}
a:hover {
        color: #666666;
        text-decoration: underline;
}
a:active {
        color: #000000;
        text-decoration: underline;
}

/* Table border 0. Only have as 1 for testing and working on tables. Use class to control the Table borders.*/
table {
        border: 0px solid #FF0000;
        width: 480px;
}

/* IE Fix. Text is centered in some tables without it, for some odd reason.*/
tr {
        text-align: left;
}

/* TD tag border 0. Only have as 1 for testing and working on tables. Use class to control the TD borders.*/
td {
        border: 0px solid #FF0000;
}

/* Img tag border 0. Sets image border to 0 pixels.*/
img {
        border: 0px solid #FFFFFF;
}

/* Unordered lists in website.*/
ul {
        list-style-type: none;
}
/* li tag in lists in website.*/
li {
        list-style-position: outside;
}
.job {
        list-style-type: disc;
}
.job1 {
        list-style-type: circle;
}

/*For the classes make sure to use, CLASS="classname" in the html tags where they are used and
.classname in the stylesheet or else it won't work. Add classes below this comment only!*/

/* Classes for menu.*/
.menuwidth {
        background: #DBDFE8;
        color: #000000;
        width: 100px;
}
.menutable {
        background: #DBDFE8;
        color: #000000;
        width: 160px;
        padding: 0px;
}

/* Classes for content table.*/
.contenttable {
        border: 0px solid #FF0000;
        width: 100%;
        padding: 10px;
        font-size: 10pt;
        font-family: Arial;
}
.rightborder {
        border-right: 1px solid #DBDFE8;
}

/* Classes for content style.*/
.style1 {
        font-family: Arial;
        font-size: 12pt;
        font-weight: bold;
        color: #009900;
}
.style2 {
        font-family: Arial;
        font-size: 12pt;
        color: #009900;
}
.style3 {
        font-family: Arial;
        font-size: 10pt;
        font-weight: bold;
        color: #000000;
}
.style4 {
        font-family: Arial;
        font-size: 10pt;
        font-weight: bold;
        color: #009900;
}
.style5 {
        font-family: Arial;
        font-size: 10pt;
        font-weight: bold;
        color: #FF0000;
}

.gallery {
        width: 100%
}

/* Classes to control font sizes.*/
.style6pt {
        font-size: 6pt;
}
.style8pt {
        font-size: 8pt;
}
.style10pt {
        font-size: 10pt;
}

/* Class for pdf file download indicator.*/
.pdf {
        font-size: 8pt;
        color: #800000;
}

/* Classes for the walk information tables, twil = twilight, morn = morning, early = early morning.*/
.walks {
        border: 1px solid #AAAAAA;
        width: 80%;
        font-size: 10pt;
}
.walkbd {
        border: 1px solid #AAAAAA;
        padding: 10px;
}
.walkbdnopad {
        border: 1px solid #000011;
        font-size: 10pt;
        padding: 2px;
}
.morn {
        background: #FFFFFF;
        color: #B22222;
}
.twil {
        background: #FFFFFF;
        color: #4B0082;
}

.early {
        background: #FFFFFF;
        color: #009900;
}
.steep {
        background: #FFFFFF;
        color: #CC0000;
}