/**
 * STYLE SHEET :: LAYOUT / DEFAULT
 *
 * Specifies layout of page suround
 */


/**
 * BASE STYLES
 */

body,
h1, h2, h3, h4, h5, h6,
div, p, a,
dl, dt, dd,
form, fieldset, label, input, select, option, textarea, button,
pre, code {
	margin: 0px;
	padding: 0px;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.0em;
	}

img {
	display: block;
	border-width: 0;
	}

table {
	margin: 0px;
	text-align: left;
	}

th, td {
	border: 0px solid;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	}

a img {
	border-width: 0;
    }

body {
    font-size: 100%;
    }

/**
 * Default font size: 16px
 * Using em: desired size / default size = 12px/16px = .75em
 */
body,
h1, h2, h3, h4, h5, h6,
div, p,
ul, ol, li,
dl, dt, dd,
table, th, td,
form, fieldset, label, input, select, option, textarea, button,
code, pre, blockquote {
/*
    font: normal normal 21px/1.4em "Times New Roman";
*/
	font-size: 15px;
	line-height: 1.5em;
	font-family: Bitstream Vera Sans, Verdana, Helvetica, Arial, sans-serif;
	font-family: Verdana, Bitstream Vera Sans, Helvetica, Arial, sans-serif;
    color: #FFF;
    }

a {
    color: #FFD727;
    text-decoration: none;
    }

    a:hover {
        color: #AAC3E2;
        }

code, pre {
    display: block;
    margin: 8px;
    border: 1px solid #DDD;
    padding: 10px;
    background-color: #F7F7F7;
    font-family: Bitstream Vera Sans Mono !important;
    }

.red {
    color: red;
    }


/*-----[ PAGE HEAD
*/

#print-head .site-name,
#print-head .site-name-sub-title {
    display: none;
    }

h1 {
    margin-bottom: 1.8em;
    padding-left: 0;
    font-size: 27px;
    line-height: 1.2em;
    color: #FFD727;
    }

h2 {
    margin: 2em 0 0.9em 0;
    font-size: 20px;
    font-weight: bold;
    color: #AAC3E2;
    color: #BACEE8;
    text-transform: uppercase;
/*
    clear: left;
    background-color: #000;
*/
    }

    h2 span {
        padding-bottom: .1em;
        border-bottom: 1px solid #C00;
        }

h3 {
    margin: 0 0 0.5em 0;
    color: #406695;
    }

h6 {
    padding: .5em;
    }

p, table {
    margin-bottom: 1em;
    }


/*-----[ PAGE BODY
*/

img.photo {
    border: 1px solid #82960D;
    padding: 5px;
    background-color: #D2E6AD;
    }

.data {
/*
    width: 60%;
    margin-left: auto;
    margin-right: auto;
*/
    margin: 0 0 3em 0;
    }

    .data th,
    .data td {
        padding: .32em 1.5em;
        white-space: nowrap;
/*
        background-color: #060;
        color: #0C0;
*/
        }

    .data th {
        border-bottom: 1px solid #4D7AB3;
        background-color: #AAC3E2;
        font-weight: bold;
        color: #406695;
        }

    .data td {
        border-bottom: 1px solid #AAC3E2;
        background-color: transparent;
        vertical-align: middle;
        }

    .data .odd {
        background-color: #F7F7F7;
        }

    .data .price {
/*
        width: 16%;
        text-align: right;
*/
        }

    .data img {
        display: inline;
        }

/**
 * DOCUMENT
 */

html, body, #screen, #page, #background {
    margin: 0;
    padding: 0;
	}

html {
    background: #5688C7 url(/images/clouds.jpg) top center no-repeat;
	}

body {
	}

#screen {
   	width: 100%;
	}

#page {
    position: relative;
   	width: 970px;
	margin: 1.5em auto 0 auto;
/*
    background: transparent url(/images/background/black-40p.png) top left ;
*/
	}

#background {
	}

/**
 * PAGE HEAD
 */

#print-head h1 {
    display: none;
    }

#print-head p {
    display: none;
    margin: 0;
    padding: 0.0em 0.4em 0.6em 5px;
    font-size: 90%;
    font-weight: bold;
    color: #549FC9;
    text-transform: uppercase;
    }

#head {
    margin-bottom: .4em;
    padding: 0 5em 0 0;
/*
    background: transparent url(/images/background/black-40p.png) top left;
*/
    }

    #head #logo,
    #head #logo img {
        display: block;
        width: 600px;
        height: 124px;
    	margin: 0 auto 1em auto;
        }

    #head #details {
        margin: 2em auto 2em auto;
        }

    #head p {
        margin-bottom: .3em;
        padding-bottom: 0;
        font: normal bold 21px/1.4em "Times New Roman";
        color: #081F02;
        text-align: center;
        }

    #head p#dates {
        font-size: 22px;
        color: #384838;
        }

        #head p#dates span {
            font-size: 36px;
            color: #F1D731;
            }

    #head p#venue {
        font-size: 19px;
        line-height: 1em;
        color: #384838;
        }

    #head p#motto {
        font-style: italic;
        font-weight: normal;
        font-size: 32px;
        color: #CD150B;
        }

/**
 * NAVIGATION: FUNCTIONALITY
 */

#navigation,
#navBar,
#navBar ul,
#navBar .pad {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
	}

#navigation {
    width: 100%;
    margin: .5em 0;
	}

#navBar ul {
    width: 100%;
    list-style: none;
	}

    #navBar .pad {
        list-style: none;
        }

    #navBar .pad a,
    #navBar .pad a span {
        position: relative;
        display: block;
        }

    #navBar .pad span {
        cursor: default;
        }

    #navBar .pad a span {
        cursor: pointer;
        }

/**
 * NAVIGATION: STYLE
 */

#navigation {
    width: 88%;
    margin: 1em 6% 1.9em 6%;
    margin: 1em 6% 1.9em 12%;
	}

#navBar,
#navBar * {
    font-size: 14px;
    line-height: 1.3em;
    }

#navBar {
    padding: 0 .8em;
    }

    #navBar .pad {
        border-left: 2px solid transparent;
        }

        #navBar .pad a {
            background-color: #FFD727;
            text-decoration: none;
            }

        #navBar .pad a span {
            height: 20px;
            padding: 8px 2.1em;
            color: #D61408;
    	    font-weight: bold;
            text-transform: uppercase;
            }

    #navBar .pad a:hover {
        background-color: #D61408;
        }

        #navBar .pad:hover a span {
            color: #FFD727;
            }

    #navBar #pad1 {
        border-left-width: 0;
        }

/**
 * LOCATION INDICATOR DEVICE
 */

#lid {
    clear: both;
    padding: 0.2em 1em 0.5em 1em;
	}

	#lid p {
        margin: 0;
		font-size: 11px;
		color: #666;
		font-weight: normal;
		text-align: left;
        white-space: nowrap;
		}

		#lid p span {
			font-weight: bold;
			color: #999;
			}

		#lid p strong {
    		color: #666;
    		font-weight: normal;
/*
			font-weight: bold;
			color: #272B1F;
*/
			}

		#lid p a {
            color: #666;
			font-weight: normal;
			line-height: 1.0em;
			}

		#lid p a:hover {
			text-decoration: none;
			color: #000;
			}

/**
 * PAGE BODY
 */

#body {
    float: left;
    position: relative;
    clear: both;
    width: 100%;
    padding: 0;
	}

#leftColumn {
    clear: left;
    width: 17%;
    padding: 0 0 150px .6em;
    background: #5181BD url(/images/background/left-column.gif) bottom left repeat-x;
    }

#sideNavbar {
    padding: .4em 0 .2em 0;
    }

    #sideNavbar ol,
    #sideNavbar ol li {
        margin: 0;
        padding: 0;
        list-style: none;
        }

    #sideNavbar ol li {
        margin: 0;
        padding-bottom: .2em;
        list-style: none;
        }

    #sideNavbar ol li a {
        border-bottom: 1px dotted #FFD727;
        }

        #sideNavbar ol li a:hover {
            border-bottom-color: transparent;
            }

#rightColumn {
    position: relative;
    float: right;
    width: 80%;
    padding: .3em 0 3em 0;
    background: transparent url(/images/background/h1-sunflowers.png) 100% 0% no-repeat;
    }

    #rightColumn .section {
        float: right;
        position: relative;
        clear: right;
        width: 100%;
        }

        #rightColumn .section h2 span {
            padding-bottom: .1em;
            border-bottom: 1px solid #C00;
            }

        #rightColumn .section p {
            }

    #rightColumn p a {
        border-bottom: 1px dotted #FFD727;
        }

    #rightColumn p a:hover {
        border-bottom-color: transparent;
        }

    #rightColumn .section ul {
        margin-bottom: 1em;
        list-style: none;
    	}

        #rightColumn .section li {
            padding-left: 27px;
            background: transparent url(/images/bullets/sunflower.png) no-repeat 0px 7px;
            line-height: 2em;
        	}

.tickets, .tickets2 {
    clear: right;
    display: block;
    margin: 3em auto 1em auto;
    }

    .tickets img, .tickets2 img {
        margin: 1em auto;
        }

.tickets2 {
    margin-top: 1em;
  }

    .tickets {
        display: block;
        margin: 1em auto;
        }

        .tickets img {
            margin: 1em auto;
            }

p.charityNo {
    font-size: 13px;
    color: #AAC3E2;
    text-align: center;
    }

.separator {
    display: block;
    width: 467px;
    height: 58px;
    margin: 20px auto 2.5em auto;
    }

/**
 * CONTENT
 */

#content {
	padding: 0.8em 2em 1.8em 2em;
	padding: 0.8em 2em 0.6em 2em;
    }


/**
 * PAGE FOOT
 */

#screenBottom {
/*
    position: relative;
    float: left;
*/
    width: 100%;
    height: 475px;
    z-index: 0;
    }

#copyright {
    position: relative;
    float: left;
    width: 100%;
    margin-top: -2.3em;
    background: transparent url(/images/background/black-40p.png) top left;
    }

    #copyright p {
        margin: 0;
        padding:.4em .8em;
		font-weight: normal;
        color: #AAC3E2;
        }

        #copyright p span {
            font-weight: normal;
            }

        #copyright p a {
            color: #406695;
            color: #AAC3E2;
            text-decoration: none;
            border-bottom: 1px dotted #AAC3E2;
            }

        #copyright p a:hover {
            color: #AAC3E2;
            border-bottom-color: transparent;
            }

/**
 * INFO FOOT
 */

#info-bottom {
	padding: 0.4em 8px 2px 8px;
    }

#web-designer {
    margin-bottom: 0.8em;
    padding: 0;
    color: #666;
    font-size: 10px;
    line-height: 1.0em;
    }

    #web-designer a,
    #web-designer a span {
        color: #666;
        text-decoration: none;
        }

    #web-designer a:hover {
        font-weight: bold;
        color: #A4BA33;
        }

        #web-designer a:hover span {
            font-weight: bold;
            color: #006BA1;
            }

#webStandards {
    padding: 0px 0 5px 0;
	}

	#webStandards img {
		display: inline;
		margin-right: 5px;
		}