div#dancer {
    margin-top:7em;
    right: 0; 
    width: 22em;
    position: absolute;

    background: transparent url(../pink-layout/right-background-sprinkle.png) no-repeat scroll 50%; 
}

/* contact */

table#current-timetable th { padding: 0 1em; }
table#current-timetable th ,
table#contact-details th {
    text-align: left;
    text-decoration: none;
    font-weight: normal;
}
table#contact-details td {
    font-weight: bold;
}
/* gallery whatnot */

    .gallery-next, 
    .gallery-prev  {

        height: 45px;
        width: 33px;
        padding:0.25em 0.5em;
        font-size: 2em;
        vertical-align:baseline;
        border: 0;

        background: transparent url(../pink-layout/gallery-button.png) no-repeat scroll 50% 80%;
    }
    
    .gallery-next:hover, 
    .gallery-prev:hover  {
        background: transparent url(../pink-layout/gallery-button-hover.png) no-repeat scroll 50% 80%
    }
    #gallery-image {
        margin: 1em;
        padding: 1em;
        border: 1pt solid #fF00c3
    }

* { /* most cross browser issues caught here */
    margin: 0;
    padding: 0; 
}

div#content ul,
div#content ol {
    margin-left: 1em;
}

A:link, A:hover, A:active, A:visited {
    text-decoration: none;
    color: #dc2dc9;
    font-weight: bold;

}

.http {
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    
    margin: 0;
    padding: 0;
    font-size: 10em;
}
.http_msg {
    margin: 1em 0em;
}

/* the navigation - an unordered list 
 *  body 2a1c28
 *  border: fF00c3 
 *  text: 584c55
 *  */
div#header {
	padding:0em;
/*
    background:#000000 url(../pink-layout/header-pink-sprinkle.png) no-repeat scroll 35% 0;
*/
    padding-top:3em;
    
    
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
    div#header ul {

        border: 1pt solid #fF00c3;

        background: #322532;
        color: #FFF;

        list-style: disc url(../pink-layout/navigation-bullet.png) inside;
        padding: 0;
        margin: 0;
        white-space:nowrap;
        overflow:hidden;
        float:left;
        width: 220px;
    }

        div#header ul li {
            border: 1pt solid #fF00c3;

            padding: 0;
            padding: 7px;
            background: #291f2a url(../pink-layout/nagivation-item-background.png) repeat-x;  
        }
        div#header ul li.active { 
        }
        div#header ul li a{
            text-decoration: none;
            height: 100%;
            color: #808080;
        }
        div#header ul li a:hover {
            text-decoration: none;
            height: 100%;
            color: #fF00c3;
        }

/* footer includes copyright notice */
div#footer {
    text-align:center;
    color: #808080;
}
    div#footer a {
        color: #808080;
    }
    div#footer ul li {
        display: inline;
    } 

a img {
    /* stupid... why would i want a border on a linked image ... */
    border: 0;
}

/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 * from http://www.xs4all.nl/~peterned/examples/csslayout1.html
 */
html {
    overflow-y: scroll;
}

html,body {
    color: #b1b1b1;
    font-family: sans-serif;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
    background: #000 url(../pink-layout/header-pink-sprinkle.png) no-repeat scroll 50% 1em;;

	font-family:arial,Myraid,sans-serif;
	font-size:small;
	color:#111;

}

h1 { 
	margin:0.5em 0; 
    font-weight: bold;
}

h2 {
    font-weight: bold;
	margin:0.5em 0 0.5em;
    line-height: 2em;
    background: #000000 url(../pink-layout/header-background.png) no-repeat scroll 50% 0;
    color: #000;
    height: 62px;
    padding-top: 0.25em;
}
    h2 span {
        background: transparent url(../pink-layout/navigation-bullet.png) no-repeat scroll 1em 50%;
        padding-left: 2em; 
    }

    h2 input {
        margin: 0.5em;
        padding: 0.25em;
        float: right;
        border: 1pt solid #fF00c3;
        background-color: #000;
        color: #fF00c3;
    }

h3, h4{
    color: #fF00c3;
	margin:1em 0 1em;
}
	h1, h2, h3 , h4{
        font-weight: bold;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#container {
    border: 1px solid #000;
    border-width: 0 1px;

	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1024px;

    color: #584c55;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */

    background: #000000 url(../pink-layout/page-background-bottom.png) no-repeat scroll 50% 100%;
}


div#content {
	padding:0em 1em 5em; /* bottom padding for footer */
    margin-left: 230px;
}
	div#content p {
    margin-right: 22em;
		/* text-align:justify; */
		padding:0 1em;
	}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:transparent ;
    text-align: right;
}
	div#footer p {
		padding:1em;
		margin:0;
	}