/*







        styles.css







        Vacation Kelowna







*/















/*







        Background colour of left hand "Contacts" column







        Change #ffffff to desired colour Hex value







*/







td#sidebar, body.address {







        background-color:#ffffff;







}















/*







        Background colour of page







        Change #000000 to desired colour Hex value







*/







body {







        background-color:#BB7841;







}















/*







        Colour of navigation line + tabs







        Change #ff0000 to desired colour Hex value







*/







div#menu ul li a.current {







        background-color:#535E40;







        border-color:#535E40;







}







div#menu {







        border-bottom-color:#535E40;







}















/*







        Colour of headers / links on hover, border on sidebar links, border on h3 headers







        Change #ff0000 to desired colour Hex value







*/







h2, h4, a:hover {







        color:#535E40;







}







td#sidebar ul li a:hover {







        border-right-color:#535E40;







}







h3 {







        border-bottom-color:#535E40;







}















/* Global */







body {







         margin:0 auto;







         padding:0;







         width:100%;







         height:100%;







         font-family:Arial, Helvetica, sans-serif;







}







a {







        font-weight:bold;







        text-decoration:underline;







        color:#333;







}







a:hover {







}







h1 {







        font-size:20px;







        margin:20px 0 15px 0;







}







h2 {







        font-size:1.2em;







        font-family:Arial, Helvetica, sans-serif;







        font-weight:normal;







        border-bottom:1px solid #CCC;







}







h3 {







        font-family:Verdana, Arial, Helvetica, sans-serif;







        font-size:0.9em;







        color:#333;







        border-bottom-width:3px;







        border-bottom-style:solid;







}







h4 {







        font-size:1.0em;







        font-family:Arial, Helvetica, sans-serif;







        font-weight:bold;







        padding:0;







        margin:0 0 0 10px;







}







p {







        margin-left:20px;







        font-size:0.8em;







}







ul {







        list-style-type:square;







        font-family:Verdana, Arial, Helvetica, sans-serif;







        padding-left:30px;







        margin-left:30px;







        font-size:0.8em;







}







blockquote {







        border:1px solid #ddd;







        background-color:#eee;







        padding:4px;







        font-size:0.9em;







        font-style:italic;







}







        blockquote p {







                margin:3px;







                padding:0;







        }







/* Layout */







div#container {







        margin:auto;







        width:970px;







}







td#page {







        width:720px;







        border-left:1px solid #999;







        padding-left:30px;







        padding-top:15px;







        vertical-align:top;







}







/* Header */







div#top {







        background-image:url("images/headerpm.jpg");







        background-repeat:no-repeat;







        background-position:top left;







}







div#header {







        padding:20px 20px 0 0;







        height:61px;







}







        div#header h1 {







                font-family:Arial, Helvetica, sans-serif;







                color:#ff0000;







                font-size:1.6em;







                padding:0;







                margin:0;







                font-weight:bold;







                text-align:right;







        }







        div#header h2 {







                font-family:Arial, Helvetica, sans-serif;







                color:#333333;







                font-size:1.0em;







                padding:0;







                margin:0 0 0 20px;







                font-weight:bold;







                border-bottom:0;







                text-align:right;







        }







/* Navigation menu */







div#menu {







        height:20px;







        border-bottom-style:solid;







        border-bottom-width:20px;







}







        div#menu ul {







                padding:0;







                list-style-type:none;







                margin:0 0 0 10px;







                font-family:Arial, Helvetica, sans-serif;







                font-size:0.75em;







        }







                div#menu ul li {







                        float:left;







                        display:inline;







                        padding:0 7px;







                        margin:0;







                }







                        div#menu ul li a {







                                display:block;







                                float:left;







                                font-weight:bold;







                                padding:1px 15px 0 15px;







                                height:2px;







                                color:#fff;







                                text-decoration:none;







                                border:none;







                        }







                        div#menu ul li a:hover {







                                text-decoration:underline;







                        }







                        div#menu ul li a.current:hover {







                                text-decoration:none;







                        }







                        div#menu ul li a.current {







                                position:relative; /* for IE6 */







                                color:#fff;







                                margin-top:-5px;







                                padding-top:5px;







                                height:20px;







                                border-style:solid;







                                border-width:1px;







                                border-bottom:none;







                        }







/* Content */







div#content {







    background-color:#ffffff;







}







/* Sidebar */







td#sidebar {







        width:100px;







        padding:15px 0 0 5px;







        vertical-align:top;







        margin:0;







}







        td#sidebar ul {







                padding:0;







                list-style-type:none;







                margin:10px 0 10px 0;







                /* border-top:1px solid #ccc; /* /* uncomment to add table-like border */







        }







                td#sidebar ul li {







                        margin:0;







                        padding:0;







                        /* border-bottom:1px solid #ccc; /* /* uncomment to add table-like border */







                }







                        td#sidebar ul li a {







                                display:block;







                                padding:7px 10px;







                                border-right:7px solid #fff;







                        }







                        td#sidebar ul li a:hover {







                                border-right-width:7px;







                                border-right-style:solid;







                        }







/* Footer */







div#footer {







        clear:both;







        text-align:center;







        margin:0;







        padding:0;







}







        div#footer p {







                padding:10px 0 10px 0;







                width:95%;







                color:#ffffff;







                margin:5px 0 0 0;







                font-size:0.8em;







                text-align:center;







        }







                div#footer p a {







                        color:#ffffff;







                        text-decoration:underline;







                }















/* Misc */







.clear {







        clear:both;







}







div.contact-address {







        font-family:georgia;







        font-size:1.3em;







        line-height:1.3em;







}







div.contact-address p {







        margin-top:5px;







        color:#333;







}







div.contact-address p.small {







        font-size: 0.6em;







        margin:0;







        text-align:center;







        padding:2px 0;







}







div.contact-address h4 {







        font-weight:normal;







        text-align:left;







        margin-right:10px;







        border-bottom:1px solid #dddddd;







        font-family:georgia;







}