/*



        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:#8DB9E8;



}







/*



        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;



}