/**
 * @created on 30/09/2007
 * @author Mike Kelly
 * @contact mike@whatsthat.co.nz
 *
 **/

/* cake stuff */

.cake-sql-log {
    display: none;
}

.message {
    color: #EC2224;
    font-size: 132%;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #000;
}

/* Text and stuff */

* {
	padding: 0px;
	margin: 0px;
	font-family: Lucida Sans Unicode, Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #fff;
}

body {
    width: 100%;
    background: #80001c;
    /*behavior: url( behaviours/cssfocusandhover.htc );*/
}

a {
    color: #EC2224;
    text-decoration: underline;
}

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

div#main_content p a {
    font-size: 132%;
}

div#main_content p a:hover {
    background-color: #EC2224;
}

.alternate a {
    color: #EC2224;
    text-decoration: underline;
}

.alternate a:hover {
    color: #fff;
    text-decoration: none;
}

a.arrow_right {
    padding-left: 25px;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 4px;
    background: transparent url( img/but.arrow.bg.mauvedark.gif ) 0% 50% no-repeat;
}

a.arrow_right:hover {
    background: transparent url( img/but.arrow.bg.mauvedark.on.gif ) 0% 50% no-repeat;
}

a.arrow_right_red {
    padding-left: 25px;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 4px;
    background: transparent url( img/but.arrow.bg.red.gif ) 0% 50% no-repeat;
}

.alternate a.arrow_right {
    padding-right: 10px;
    background: transparent url( img/but.arrow.bg.mauve.gif ) 100% 50% no-repeat;
}

.alternate a.arrow_right:hover {
    background: transparent url( img/but.arrow.bg.mauve.on.gif ) 100% 50% no-repeat;
}

a img {
    border: 0;
}

.content ul {
    margin-left: 10px;
    list-style: none outside;
}

.content li {
    background: transparent url( img/icon.arrow.right.grey.gif ) 0px 5px no-repeat;
    padding-left: 10px;
}

.content p,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content ul,
.content table {
    margin-bottom: 10px;
    font-weight: normal;
}

.content p {
    line-height: 18px;
}

h1,
h1 span {
    color: #EC2224;
    font-size: 220%;
    text-transform: lowercase;
}

h1 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

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

h1 img {
    margin-right: 10px;
}

h2,
h2 span {
    color: #fff;
    font-size: 180%;
    padding-right: 5px;
    text-transform: lowercase;
}

h2 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

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

h3 {
    color: #EC2224;
    font-size: 150%;
    font-weight: normal;
    text-transform: lowercase;
}

h3 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

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

h4 {
    color: #fff;
    font-size: 105%;
}

h4 a {
    color: inherit;
    font-size: 100%;
    text-decoration: none;
}

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

hr {
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    margin-bottom: 10px;
    border-top: 2px solid #71001a;
}

strong {
    color: #EC2224;
    font-size: 132%;
    font-weight: normal;
}

/* FORM STUFF */

fieldset {
    /*border: 1px solid #71001a;
    padding: 10px;*/
    border: none;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

legend {
    color: #EC2224;
    font-size: 132%;
    font-weight: normal;
    display: none;
}

label {
    width: 150px;
    height: 20px;
    min-height: 20px;
    float: left;
    text-align: right;
    padding-right: 10px;
}

html[xmlns] label {
    height: auto;
}

div.input {
    *height: 20px;
    min-height: 20px;
    overflow: hidden;
}

html[xmlns] div.input {
    height: auto;
}

	.frm_txt {
	    width: 260px;
	    padding: 5px;
	    border: 0;
	    background-color: #71001a;
	    color: #EC2224;
	    margin-bottom: 10px;
	}

	textarea {
	    width: 260px;
	    height: 100px;
	    border: 0;
	    background-color: #71001a;
	    color: #EC2224;
	    margin-bottom: 10px;
	    padding: 5px;
	}

	select {
	    width: 260px;
	    border: 0;
	    background-color: #71001a;
	    color: #EC2224;
	    margin-bottom: 10px;
	    padding: 5px;
	}

div.submit {

}

	div.submit input {
	    width: 100px;
	    height: 20px;
	    border: 0;
	    background-color: #80001c;
	    text-align: center;
	    color: #fff;
	    cursor: pointer;
	}

	.object div.submit input {
	    background-color: #EC2224;
	}

input.form-error,
textarea.form-error {
    background-color: #EC2224;
    color: #fff;
}

div.error-message {
    text-align: right;
    padding-bottom: 10px;
    color: #EC2224;
}

	div.error-message * {

	}

div.required {

}

	.required label {
	    font-weight: bold;
	}

/* LAYOUT */

#page {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 940px;
	height: 540px;
	margin-left: -470px;
	margin-top: -270px;

	/*background-color: pink;*/
	}

    #logo {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 183px;
        height: 116px;
        z-index: 100;

        /*background-color: yellow;*/
        }

    #header {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100px;
        z-index: 10;
        overflow: hidden;

        /*background-color: green;*/
        }

    #main {
        position: absolute;
        left: 100px;
        top: 100px;
        width: 740px;
        height: 420px;
        z-index: 20;
        background-color: #4b0014;
        }

    #footer {
        position: absolute;
        left: 100px;
        top: 520px;
        width: 740px;
        height: 20px;
        z-index: 30;

        /*background-color: blue;*/
        }

    #background {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1;
        }

    #splash {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background-color: #4b0014;
        }

    #splash_click {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1001;
        background-color: transparent;
        }

/* Begin Sub Structure */

/* Header */

#header #actions {
	position: absolute;
	right: 100px;
	top: 0px;
	width: 401px;
	height: 100%;
	z-index: 10;

	/*background-color: yellow;*/
	}

    #header #actions #action_book {
        position: absolute;
        left: 0px;
        top: 60px;
        width: 200px;
        height: 120px;
        z-index: 10;

        /*background-color: teal;*/
        }

    #header #actions #action_login {
        position: absolute;
        left: 201px;
        top: 60px;
        width: 200px;
        height: 160px;
        z-index: 20;

        /*background-color: lightyellow;*/
        }

/* Main */

#main #nav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 95px;
	z-index: 50;

	/*background-color: teal;*/
	}

    #main #nav #nav_main {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 70px;
        z-index: 10;

        /*background-color: green;*/
        }

    #main #nav #nav_util {
        position: absolute;
        top: 70px;
        left: 0px;
        width: 100%;
        height: 25px;
        z-index: 30;

        /*background-color: yellow;*/
        }

    #main #nav #nav_crumbs {
        position: absolute;
        top: 70px;
        left: 0px;
        width: 50%;
        height: 25px;
        z-index: 40;

        /*background-color: yellow;*/
        }

#main #main_content {
	position: absolute;
	top: 95px;
	left: 0px;
	width: 100%;
	height: 325px;
	z-index: 40;

	/*background-color: teal;*/
	}

    #main #main_content #col_left {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 500px;
        height: 100%;
        z-index: 50;

        /*background-color: green;*/
        }

        #main #main_content #col_left #left_title {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 40px;
            z-index: 50;

            /*background-color: teal;*/
            }

        #main #main_content #col_left #left_content {
            position: absolute;
            top: 40px;
            left: 0px;
            width: 100%;
            height: 285px;
            z-index: 60;

            /*background-color: green;*/
            }


    #main #main_content #col_right {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 240px;
        height: 100%;
        z-index: 60;

        /*background-color: yellow;*/
        }

        #main #main_content #col_right #right_title {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 40px;
            z-index: 50;
            display: none;

            /*background-color: teal;*/
            }

        #main #main_content #col_right #right_content {
            position: absolute;
            /*top: 40px;*/
            top: 5px;
            left: 0px;
            width: 100%;
            height: 325px;
            z-index: 60;

            /*background-color: green;*/
            }


/* begin content */

/* Header */

#header .inner {
    padding: 10px;
	}

    #header #actions #action_book {

        }

        #header #actions #action_book h2 {
            background: transparent url( img/bg.nav.special.book.gif ) 0px 0px no-repeat;
            height: 25px;
            }

        #header #actions #action_book.hover h2,
        #header #actions #action_book.active h2  {
            background: transparent url( img/bg.nav.special.book.on.gif ) 0px 0px no-repeat;
            }

        #header #actions #action_book #action_book_calendar,
        #action_book_calendar {
            margin-top: -20px;
            margin-left: 25px;
            }

    #header #actions #action_login {

        }

        #header #actions #action_login h2 {
            background: transparent url( img/bg.nav.special.login.gif ) 0px 0px no-repeat;
            height: 25px;
            }

        #header #actions #action_login.hover h2,
        #header #actions #action_login.active h2  {
            background: transparent url( img/bg.nav.special.login.on.gif ) 0px 0px no-repeat;
            }

    #header #actions .action {
        background-color: #610018;
        }

    #header #actions .hover,
    #header #actions .active {
        background-color: #EC2224;
        }

        #header #actions .action h2 {
            cursor: pointer;
            /*background-color: pink;*/
            height: 22px;
            }

        #header #actions .action .inner {
            padding: 10px;
            /*padding-top: 40px;*/
            padding-bottom: 20px;
            }

        #header #actions .action fieldset {
            border: 0;
            margin: 0;
            padding: 0;
            }

            #header #actions .action fieldset label {
                display: none;
                }

            #header #actions .action fieldset .frm_txt {
                width: 170px;
                height: 15px;
                padding: 2px;
            }

        #header #actions .action div.submit {
            text-align: right;
        }

            #header #actions .action div.submit .frm_but {
                width: 70px;
                /*height: 15px;*/
                padding: 2px;
                margin-left: 10px;
                color: #fff;
                background-color: #9b0013;
            }

/* Main */

/* nav */

#main #nav {

	}

	/* main nav */

    #main #nav #nav_main {

        }

        #main #nav #nav_main .inner {

            }

            #main #nav #nav_main ul {
                list-style: none inside;
                }

                #main #nav #nav_main ul li {
                    float: left;
                    height: 45px;
                    line-height: 45px;
                    overflow: visible;
                    }

                html[xmlns] #main #nav #nav_main ul li {
                    height: 50px;
                    line-height: 50px;
                    }

                    #main #nav #nav_main ul li a {
                        display: block;
                        width: 90px;
                        height: 50px;
                        line-height: 50px;
                        text-decoration: none;
                        /*text-align: center;*/
                        overflow: hidden;

                        /*background-color: pink;*/
                        }

                    #main #nav #nav_main ul li a:hover {
                        background-color: #EC2224;
                        }

	                    #main #nav #nav_main ul li a img {
	                    	margin-left: 18px;
	                        }

                #main #nav #nav_main ul ul {
                    position: absolute;
                    top: 50px;
                    left: 0px;
                    width: 740px;
                    height: 20px;
                    overflow: hidden;
                    list-style: none inside;
                    display: none;
                    background-color: #EC2224;
                    clear: left;
                    }

                #main #nav #nav_main li.active ul,
                #main #nav #nav_main li.hover ul {
                    display: block;
                    }

                    #main #nav #nav_main li.hover {
                        background-color: #EC2224;
                        }

                    #main #nav #nav_main li.active {
                        background-color: #3f111d;
                        }

                    #main #nav #nav_main li.active ul {
                        background-color: #3f111d;
                        }

                    #main #nav #nav_main li.hover ul {
                        background-color: #EC2224;
                        }

                    #main #nav #nav_main ul ul li {
                        float: left;
                        height: 20px;
                        line-height: 20px;
                        }

                    html[xmlns] #main #nav #nav_main ul ul li {
                        margin-left: -0px;
                        }

                        #main #nav #nav_main ul ul li a {
                            display: block;
                            width: 50px;
                            min-width: 20px;
                            height: 20px;
                            line-height: 20px;
                            padding-left: 10px;
                            padding-right: 10px;
                            text-decoration: none;
                            }

                        html[xmlns] #main #nav #nav_main ul ul li a {
                            width: auto;
                            }

                        #main #nav #nav_main li.active ul a {

                            }

                        #main #nav #nav_main li.active ul li a:hover,
                        #main #nav #nav_main li.active ul li.active a {
                            color: #fff;
                            }

                        #main #nav #nav_main li.hover ul a {
                            color: #fff;
                            }

                        #main #nav #nav_main li.hover ul li a:hover {
                            color: #000;
                            }

    /* util nav */

    #main #nav #nav_util {
        border-top: 1px solid #71001a;
        border-bottom: 1px solid #71001a;
        }

        #main #nav #nav_util .inner {
            text-align: right;
            }

            #main #nav #nav_util ul {
                list-style: none inside;
                margin-top: 2px;
                margin-right: 5px;
                text-align: right;
                }

                #main #nav #nav_util ul li {
                    display: inline;
                    height: 20px;
                    line-height: 20px;
                    overflow: hidden;
                    margin-right: 5px;
                    }

                    #main #nav #nav_util ul li a {
                        width: auto;
                        height: 20px;
                        display: block;
                        float: right;
                        text-decoration: none;
                        overflow: hidden;
                        margin-right: 5px;

                        /*background-color: pink;*/
                        }

                    #main #nav #nav_util ul li a:hover {

                        }

    /* crumbs nav */

    #main #nav #nav_crumbs {

        }

        #main #nav #nav_crumbs .inner {

            }

            #main #nav #nav_crumbs ul {
                list-style: none inside;
                margin-top: 2px;
                margin-left: 10px;
                }

                #main #nav #nav_crumbs ul li {
                    display: inline;
                    height: 20px;
                    line-height: 20px;
                    overflow: hidden;
                    margin-right: 5px;
                    }

                    #main #nav #nav_crumbs ul li a {
                        width: auto;
                        height: 20px;
                        text-decoration: underline;
                        overflow: hidden;

                        /*background-color: pink;*/
                        }

                    #main #nav #nav_crumbs ul li a:hover {

                        }

/* content */

#main #main_content {

}

    #main #main_content #col_left {

    }

        #main #main_content #col_left #left_title {

        }

            #main #main_content #col_left #left_title .inner {
            padding: 10px;
            }

        #main #main_content #col_left #left_content {

        }

            #main #main_content #col_left #left_content .inner {
            padding: 10px;
            }

                #main #main_content #col_left #left_content .inner .content {
                width: 100%;
                height: 265px;
                /*overflow: auto;*/
                }

    #main #main_content #col_right {

    }

        #main #main_content #col_right #right_title {

        }

            #main #main_content #col_right #right_title .inner {
            padding: 10px;
            padding-left: 0px;
            text-align: right;
            display: none;
            }

        #main #main_content #col_right #right_content {

        }

            #main #main_content #col_right #right_content .inner {
            padding: 10px;
            padding-left: 0px;
            padding-top: 9px;
            }

                #main #main_content #col_right #right_content .inner .promotion,
                #main #main_content #col_right #right_content .inner .highlight {
                width: 100%;
                height: 82px;
                margin-bottom: 9px;
                overflow: hidden;
                cursor: pointer;
                }

                #main #main_content #col_right #right_content .inner .highlight {
                background-color: #80001c;
                }

                    #main #main_content #col_right #right_content .inner .promotion .text,
                    #main #main_content #col_right #right_content .inner .highlight .text {
                    width: 100%;
                    height: 94px;
                    overflow: hidden;
                    }

                        #main #main_content #col_right #right_content .inner .promotion .text .inner {
                        padding: 0px;
                        padding-right: 7px;
                        }

                        #main #main_content #col_right #right_content .inner .highlight .text .inner {
                        padding: 7px;
                        }

                        #main #main_content #col_right #right_content .inner .promotion .text .half_top {
                        height: 40%;
                        }

                        #main #main_content #col_right #right_content .inner .promotion .text .half_bottom {
                        height: 62%;
                        }

                            #main #main_content #col_right #right_content .inner .promotion .text .inner h3,
                            #main #main_content #col_right #right_content .inner .promotion .text .inner p {
                            padding: 7px;
                            padding-bottom: 0px;
                            }

                            #main #main_content #col_right #right_content .inner .promotion .text .inner h3,
                            #main #main_content #col_right #right_content .inner .promotion .text .inner h3 a {
                            color: #fff;
                            }

                            #main #main_content #col_right #right_content .inner .promotion .text .inner h3 a:hover {
                            color: #000;
                            }

                            #main #main_content #col_right #right_content .inner .promotion .text .inner p {
                            color: #EC2224;
                            }

                            #main #main_content #col_right #right_content .inner .promotion .text .inner .more,
                            #main #main_content #col_right #right_content .inner .highlight .text .inner .more,
                            #main #main_content #col_right #right_content .inner .promotion .text .inner .more_on,
                            #main #main_content #col_right #right_content .inner .highlight .text .inner .more_on {
                            padding: 0;
                            margin: 0;
                            text-align: right;
                            margin-top: -3px;
                            }

                                #main #main_content #col_right #right_content .inner .promotion .text .inner .more a {
                                text-decoration: none;
                                color: #fff;
                                padding-right: 25px;
                                padding-top: 4px;
                                padding-bottom: 4px;
                                background: transparent url( img/but.arrow.bg.black.gif ) 100% 50% no-repeat;
                                }

                                #main #main_content #col_right #right_content .inner .promotion .text .inner .more_on a {
                                text-decoration: none;
                                color: #fff;
                                padding-right: 25px;
                                padding-top: 4px;
                                padding-bottom: 4px;
                                background: transparent url( img/but.arrow.bg.black.on.gif ) 100% 50% no-repeat;
                                }

                #main #main_content #col_right #right_content .inner .inactive {
                background-color: #80001c;
                }

                    #main #main_content #col_right #right_content .inner .inactive h3,
                    #main #main_content #col_right #right_content .inner .inactive h3 a {
                    color: #fff;
                    }

                    #main #main_content #col_right #right_content .inner .inactive h3 a:hover {
                    color: #000;
                    }

                    #main #main_content #col_right #right_content .inner .inactive .text .inner h4,
                    #main #main_content #col_right #right_content .inner .inactive .text .inner h4 a {
                    color: #000;
                    font-weight: normal;
                    }

                    #main #main_content #col_right #right_content .inner .inactive p {
                    color: #EC2224;
                    margin-bottom: 0px;
                    line-height: 1.1em;
                    }

                    #main #main_content #col_right #right_content .inner .inactive .more a {
                    text-decoration: none;
                    color: #fff;
                    padding-right: 25px;
                    padding-top: 4px;
                    padding-bottom: 4px;
                    background: transparent url( img/but.arrow.bg.mauve.gif ) 100% 50% no-repeat;
                    }

                #main #main_content #col_right #right_content .inner .active,
                #main #main_content #col_right #right_content .inner .activealways {
                background-color: #EC2224;
                }

                    #main #main_content #col_right #right_content .inner .activealways h2 a:hover {
                    color: #fff;
                    }

                    #main #main_content #col_right #right_content .inner .active h3,
                    #main #main_content #col_right #right_content .inner .activealways h3,
                    #main #main_content #col_right #right_content .inner .active h3 a,
                    #main #main_content #col_right #right_content .inner .activealways h3 a {
                    color: #fff;
                    }

                    #main #main_content #col_right #right_content .inner .activealways h3 {
                    margin-bottom: 10px;
                    }

                    #main #main_content #col_right #right_content .inner .active h3 a:hover {
                    color: #000;
                    }

                    #main #main_content #col_right #right_content .inner .activealways h3 a:hover {
                    color: #fff;
                    }

                    #main #main_content #col_right #right_content .inner .active h4,
                    #main #main_content #col_right #right_content .inner .activealways h4,
                    #main #main_content #col_right #right_content .inner .active h4 a,
                    #main #main_content #col_right #right_content .inner .activealways h4 a {
                    color: #fff;
                    font-weight: normal;
                    }

                    #main #main_content #col_right #right_content .inner .active p,
                    #main #main_content #col_right #right_content .inner .activealways p {
                    color: #000;
                    margin-bottom: 0px;
                    line-height: 1.1em;
                    }

                    #main #main_content #col_right #right_content .inner .active .more a,
                    #main #main_content #col_right #right_content .inner .activealways .more a {
                    text-decoration: none;
                    color: #fff;
                    padding-right: 25px;
                    padding-top: 4px;
                    padding-bottom: 4px;
                    background: transparent url( img/but.arrow.bg.red.gif ) 100% 50% no-repeat;
                    }

/* object */

div.object {
	padding-bottom: 20px;
}

/* list */

div.list {

}

    div.list ul {
    margin: 0;
    padding: 0;
    border: 1px solid #71001a;
    border-bottom: none;
    }

        div.list ul li {
        padding: 5px;
        border-bottom: 1px solid #71001a;
        cursor: pointer;
        color: #fff;
        }

        div.list ul li.altrow,
        div.list ul li.in_the_past {
        background-color: #3f111d;
        }

        div.list ul li.hover {
        background-color: #EC2224;
        }

            div.list ul li .list_img {
            float: left;
            width: 120px;
            height: 95px;
            overflow: hidden;
            margin-right: 10px;
            }

            .list_img {
            display: none;
            }

            div.list_photos ul li .list_img {
            display: block;
            }

                div.list_photos ul li .list_img img {
                position: relative;
                top: -50px;
                left: -50px;
                }

            div.list ul li .list_title {
            font-weight: bold;
            }

                div.list ul li .list_title h3 {
                margin: 0;
                padding: 0;
                /*display: inline;*/
                color: #fff;
                }

                div.list ul li.in_the_past .list_title h3 {
                color: #80001c;
                }

                div.list ul li.hover .list_title h3 {
                color: #fff;
                }

            div.list ul li .list_biline {
            font-weight: bold;
            }

                div.list ul li .list_biline h4 {
                margin: 0;
                padding: 0;
                padding-bottom: 10px;
                /*display: inline;*/
                color: #80001c;
                }

                div.list ul li.hover .list_biline h4 {
                color: #000;
                }

            div.list ul li .list_crumbs {
            display: block;
            }

            div.list ul li .list_description {
            /*height: 50px;
            min-height: 50px;*/
            display: block;
            }

            html[xmlns] div.list ul li .list_description {
            height: auto;
            }

            div.list_photos ul li {
            height: 95px;
            min-height: 95px;
            }

            html[xmlns] div.list_photos ul li {
            height: auto;
            }

                div.list ul li.in_the_past .list_description {
                color: #80001c;
                }

                div.list ul li.hover .list_description {
                color: #000;
                }

            div.list ul li .list_link {
            display: block;
            text-align: right;
            }

                div.list ul li .list_link a {
                    padding-left: 25px;
                    height: 20px;
                    line-height: 20px;
                    text-decoration: none;
                    padding-top: 4px;
                    padding-bottom: 4px;
                    background: transparent url( img/but.arrow.bg.mauve.gif ) 0% 50% no-repeat;
                }

                div.list ul li.hover .list_link a {
                color: #fff;
                background: transparent url( img/but.arrow.bg.red.gif ) 0% 50% no-repeat;
                }

div.photos {

}

	div.photos ul {
		overflow: auto;
		border: 1px solid #71001a;
		margin: 0;
		padding: 0;
		margin-top: 10px;
		padding-top: 10px;
		padding-left: 10px;
	}

		div.photos ul li {
			float: left;
			margin: 0;
			padding: 0;
			padding-right: 10px;
			padding-bottom: 10px;
		}

			div.photos ul li a {
				text-decoration: none;
				display: block;
				width: 100px;
				height: 100px;
				overflow: hidden;
				background-color: #4b0014;
				border: 1px solid #71001a;
			}

				div.photos ul li a img {
					border: 2px solid #4b0014;
				}

				div.photos ul li a:hover img {
					border: 2px solid #71001a;
				}

/* footer */

/* copyright */

div#footer {

}

    div#footer div#copyright {
    float: left;
    width: 50%;
    height: 20px;
    }

        div#footer div#copyright p {
        color: #EC2224;
        font-size: 90%;
        display: inline;
        padding-right: 10px;
        }

        div#footer div#copyright a {
        color: #fff;
        font-size: 90%;
        }

        div#footer div#copyright a:hover {
        color: #000;
        }

    div#footer div#nav_text {
    float: left;
    width: 50%;
    height: 20px;
    text-align: right;
    }

        div#footer div#nav_text ul {
        list-style: none inside;
        }

            div#footer div#nav_text ul li {
            display: inline;
            padding-left: 5px;
            }

                div#footer div#nav_text ul li a {
                font-size: 90%;
                }

                div#footer div#nav_text ul li a:hover {
                color: #fff;
                }

/* background */

#background div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#background_topleft {
    background: transparent url( img/bg.main.tl.png ) 0% 0% no-repeat;
    z-index: 1;
}

#background_bottomleft {
    background: transparent url( img/bg.main.bl.png ) 0% 100% no-repeat;
    z-index: 2;
}

#background_bottom {
    background: transparent url( img/bg.main.b.png ) 100% 100% no-repeat;
    z-index: 2;
}

#background_right {
    background: transparent url( img/bg.main.r.png ) 95% 20% no-repeat;
    z-index: 2;
}

/* other stuff */

/* clearing */

div.clear_soft {
    width: 90%;
    height: 1px;
    line-height: 1px;
}

html[xmlns] div.clear_soft {
    width: 100%;
}

div.clear {
    width: 90%;
    height: 1px;
    line-height: 1px;
    margin: 0;
    padding: 0;
}

html[xmlns] div.clear {
    clear: right;
    width: auto;
}

/* hiding stuff */

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

/* semi transparent backgrounds */
.bg_semi_black_60 {
    /*background: transparent url( img/bg.semi.trans.black.60.png ) repeat top left;*/
    background: transparent url( img/bg.semi.trans.black.60.lrg.png ) no-repeat top left;
}

.bg_semi_black_80 {
    background: transparent url( img/bg.semi.trans.black.80.png ) repeat top left;
}

#calendar_div {

}

.scrollable {
    height: 480px;
    overflow: hidden;
}

/* WTW */

#WTW {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 90px;
	height: 26px;
	cursor: pointer;
	margin-bottom: -30px;
}

    #WTW a {
        display: block;
    	width: 90px;
    	height: 26px;
    	cursor: pointer;
    	background: transparent url(img/wtw.png);
    	text-decoration: none;
    }

    #WTW a:hover {
    	background: transparent url(img/wtw.png);
    	text-decoration: none;
    }