body {

        background: #000000;

        text-align: center;

        width: 1000px; margin: auto; padding: 0;

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

        }



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



a:hover {color: #FFFFFF;}



/* Accessibility options. Firstly, the search box. */



.pivot-search label { visibility:hidden; display:none; }

.pivot-search legend { visibility:hidden; display:none; }

.pivot-search fieldset { border:0; padding:0; margin:0; }



.pivot-search-result label { visibility:hidden; display:none; }

.pivot-search-result legend { visibility:hidden; display:none; }

.pivot-search-result fieldset { border:0; padding:0; margin:0; }



/* Speaking of the search box, here are some styles to make it

look nice. */



.searchbox {

        padding: 2px; margin-right: 10px; width: 8em;

        background-color: #fff; border: 1px solid #000;

        font-size: 9pt; color: #000;

        }



.searchbutton {

        padding: 1px;

        border: 1px solid #000;

        font-size: 9pt; color: #000;

        }



/* Additional accessibility codes. "hr" hides the borders can be seen in the "text-only" version,

while the "skiplink" option allows people quick access to certain parts of the page.

"Off" hides elements from view in the default stylesheet. */



hr {visibility:hidden; display:none;}



.skiplink {visibility: hidden; display:none;}



.off {visibility: hidden; display: none;}



/* Optional - styles for the images code. */



.pivot-image {padding: 5px; border: 1px solid #ccc;}



/* Page starts here. The #container ensures that the content remains within the

specified perimeters. */



#container {width: 1000px; margin: 0px 0 0 0; padding: 0; text-align: left;}



/* The header and the top navigation. */



#header {width: 1000px; height: 70px; text-align: left; margin-top: 0px; float: left;}



.nav {

        width: 180px; height: 40px; margin: 0 10px 0 0;

        float: left;  border-right: 1px ;

        }



.nav ul {

        margin: 0; padding: 0 20px 0 20px ;

        list-style-type: none;

        }



.nav ul li {

        padding: 5px 0 5px 0; display: block; border-bottom: 1px ;

        font-size: 8pt; color: #fff; line-height: 1.0em;

        }



        /* The li:hover effect only works with Firefox and similar browsers, but looks nice, nevertheless.

        IE users will simply not see any changes. */



.nav ul li:hover {

        background-color: #3a424a;

        }



.title {

        float: left; margin: 0 10px 0 0;

        width: 300px; height: 70px; border-right: 1px ;

        }



.star {        float: left; background: url(gcp_big.gif) left no-repeat; height: 90px; width: 100px;}



h1 {

        float: left;

        padding: 20px 0 0 0;

        color: #fff; font-weight: normal; font-size: 13pt; text-transform: uppercase;

        }



/* This is the image. */



#middle {

        float: left; width: 1000px; height: 342px;

        background: url(http://www.generationclassicsparty.nl/header.jpg) top left no-repeat;

        text-align: left; margin-top: 0px;

        }



/* Column content. "#left" controls the general area, while ".block" controls each individual entry. */



#left {

        float: left; width: 250px; margin-top: 6px;

        text-align: left;

        }



                /* Below is an example of how you can incorporate images into text. */



h3.left {

        background: url(http://www.generationclassicsparty.nl/discoball_back.jpg) right no-repeat; height: 50px; padding: 0px 0 0 20px;

       font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 20pt; color: #FFFFFF; font-weight: normal; line-height: 1.6em; letter-spacing: -0.05em; margin-top: 0px; margin-bottom: 10px;

        }



.block {

        width: 270px; padding-bottom: 20px;

        }



.block ul {

        margin: 0; padding: 0 20px 0 20px;

        list-style-type: none;

        }



.block ul li {

        padding: 5px; display: block; margin-bottom: 5px;

        font-family: Tahoma; font-size: 10pt; font-weight: normal; color: #fff; letter-spacing: -0.01em;
	background-color: #1c1c1c; border-left: 5px solid #bc4a7e;

        }



.block ul li:hover { border-left: 5px solid #ad2462; background-color: #333333;}

.block2 {

        width: 270px; padding-bottom: 20px;

        }



.block2 ul {

        margin: 0; padding: 0 20px 0 20px;

        list-style-type: none;

        }



.block2 ul li {

        padding: 5px; display: block; margin-bottom: 5px;

        font-family: Tahoma; font-size: 10pt; font-weight: normal; color: #fff; letter-spacing: -0.01em;

        }



/* The right content, where the main content is held. "#right" controls the general area, ".content" controls

each individual entry, "entryfooter" controls the bottom of each entry.*/



#right {

        float: left; margin-left: 10px; padding-left: 10px; width: 702px; border: 5px solid #bc4a7e;

        text-align: justify;
				background-color: #e2b9d3; background-image: url(http://www.generationclassicsparty.nl/rightback.jpg); background-position: top left; background-repeat: no-repeat;
        }



h2 {

        font-size: 13pt; color: #fff; font-weight: normal;

        }



h2.main {

        font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 20pt; color: #000; font-weight: bold; line-height: 1.6em; letter-spacing: -0.05em; margin-top: 0px;

        border-bottom: 3px dotted #bc4a7e; margin-bottom: 0px;

        }



h3 {

        font-size: 0pt; color: #e2b9d3;

       
        }



.content {

        width: 680px; margin-bottom: 20px; padding-bottom: 20px;

        font-size: 9pt; line-height: 1.4em; color: #000000;

        }



.entryfooter {

        width: 450px; padding-bottom: 10px;

        text-align: right;

        }



/* End of the stylesheet. I hope you enjoyed it. */



/* these styles are for the calendar widget */

.calendar {

        padding: 1px 5px;

        margin: 0px;

        border-right: 1px solid #ddd;

        border-bottom: 1px solid #ddd;

        font-size: 1em;

        background-color: #3a424a;

}



.calendarHeader {

        font-weight: bold;

        color: #000;

        background: #eee;

        margin: 0px;

        padding: 2px 5px;

        font-size: 11px;

}



.calendarToday {

        background-color: #3a424a;

        font-weight: bold;

        text-decoration: underline;

        border: 1px solid #999;

}



table.calendar {

        /* only the calendar has a line, not the individual cells */

        border: 1px solid #333;

        padding: 0px;

        width: 175px;

}



table.calendar td {

        text-align: center;

}



.calendarHeader a, .calendar a {

        font-weight: bold;

        color: #555;

        text-decoration: none;

}



/* end of the calendar styles */