/* General ................................................................................................ */
hr { display: none; }

img { border: 0; }

ul { margin: 0; padding: 0 0 0 15px; color: #D30700; }
ul.black li {color: black; line-height: 16px;}
ul span { color: #222; }
ul li { line-height: 20px; }
#masthead_div {float: right; margin: 0; padding: 35px 0; border: #D30700 2px dashed;}
#masthead_imgholder {float: right; margin: 0; padding: 0;}

/* General Classes ................................................................................................ */

.boxout {background-color: #FFC0A8; border-width: 1px;}
.largeFont {font-size: 18px;}
.medFont {font-size: 16px;}
.smallFont {font-size: 10px;}
.achtung {font-size: 18px; font-weight: bold; color: #cc11ff}
.red {color: #D30700;}
.white {color: #FFFFFF}
table.homepage_table { margin: 0; padding: 0; }
table.homepage_table td { margin: 0 20px; padding: 5px 10px;}
table.homepage_table img {border: 10px solid #DFDFDF;}
.h1correct {display: block; color: #D30700; margin: 0; font-size: 25px;}
.ZeroMargin {margin: 0; padding: 0;}
.black {color: black;}

#CL_Tour
{
border: 1px solid #D30700;
padding: 1px;
}

#CL_Tour_Gallery
{
padding: 1px;
margin: 0 20px 0 0;
border: 1px solid white;
}

#Tour-left
{
float: left;
}

#Tour-right
{
float: left;
}


table#socials
{
width: 60%;
border: 2px solid white;
border-collapse: collapse;
margin: auto;
text-align: center;
}

table#timetable
{
width: 90%;
border: 2px solid white;
border-collapse: collapse;
margin: auto;
text-align: center;
}


table#socials th, table#socials td
{
text-align: center;
height: 30px;
padding: 0 5px;
border: 1px solid #FFC0A8;
font-size: 14px;
}

table#timetable th, table#timetable td
{
text-align: center;
height: 25px;
padding: 0 5px;
border: 1px solid #FFC0A8;
font-size: 12px;
}


table#socials th 
{
border: 1px solid white;
font-weight: bold;
font-size: 16px;
background-color: #FFC0A8;
}

table#timetable th
{
border: 1px solid white;
font-weight: bold;
font-size: 14px;
background-color: #FFC0A8;
}



p.notices
{
margin: 0 15px 15px 0;
}

h3.noticeText
{
margin: 0 25px 20px 25px;
font-size: 16px;
color: #D30700;
}

p.noticeText
{
margin: 0 25px 25px 25px;
}

p.noticeBody
{
margin: 0 25px 25px 25px;
}

p.noticeHeader
{
margin: 0 40px 2px 25px;
background-color: #EEEEEE;
}


div.Yor-Open
    {
    background-image: url(img/content/index/Lineup-lite.jpg);
    background-position: top center;
    margin: 0 auto;
    padding: 0;
    height: 260px;
    width: 670px;
    overflow: auto;
    }

/* html & body ................................................................................................ */
html { font-family: Arial; color: #222; background: #A11712 url("/img/bg/bg_drop.gif") center repeat-y; height: 101%; }
body { margin: 0; padding: 0; height: 100%; font-size: 12px; }
	
#subbody { margin: 0 auto; padding: 0; width: 750px; min-height: 100%; position: relative; background: #FFF; }
* html #subbody { height: 100%; }



/* Header ................................................................................................ */
#header { float: left; width: 100%; }
#header .img { height: 110px; width: 100%; border-bottom: 1px dotted #999; position: relative; }
#header .img .logo { position: absolute; top: 0px; left: 5px; }
#header .img .strapline { position: absolute; top: 47px; right: 180px; }
#header .img .feet { position: absolute; top: 0px; right: 30px; }

h1 { display: none; }

#header p.date { margin: 0; padding: 0 0 0 15px; width: 180px; line-height: 25px; font-size: 11px; color: #666; float: left; }

#header .bread { margin: 0 0 0 15px; line-height: 25px; font-size: 11px; float: left; }
#header .bread p { margin: 0; padding: 0; display: inline; font-weight: bold; color: #666; }
#header .bread ul { margin: 0; padding: 0; list-style: none; display: inline; }
#header .bread li { display: inline; }

#header a { color: #666; text-decoration: none; }
#header a:hover { color: #333;}


/* Navigation ................................................................................................ */
div.nav { float: left; padding-bottom: 130px; }

ul.navigation { margin: 0; padding: 0; list-style: none; font-size: 14px; border-top: 1px dotted #999; width: 195px; text-indent: 15px; }
ul.navigation li { padding: 0 0 0 10px; line-height: 28px; border-bottom: 1px dotted #999; background: url("/img/nav/arrow.gif") no-repeat 15px 10px; }
ul.navigation li a { color: #414141; text-decoration: none; }
ul.navigation li a:hover { color: #D30700; text-decoration: none; }

ul.navigation li.navsel a { color: #D30700; }

p.othernav { margin-top: 30px; padding: 0 0 0 15px; color: #666; font-size: 11px; }

ul.othernav { font-size: 11px; }
ul.othernav li { line-height: 24px; background-position: 15px 8px; }



/* Content ................................................................................................ */
#content { margin: 0 0 0 10px; padding: 10px 0 130px 0; border-top: 1px dotted #999; width: 545px; float: left; }

#content a, #contentindex a { color: #D30700; text-decoration: none; border-bottom: 1px solid #999; }
#content a:hover, #contentindex a:hover { border-bottom: 1px solid #CCC; }

#content h2 { color: #D30700; font-size: 20px;}
#content h3 { color: #D30700; font-size: 16px; }

#content p { padding-right: 10px; }

	/* Index */
	#contentindex { margin: 0; padding: 0 0 130px 0; border-top: 1px dotted #AAA; float: left; }
	#contentindex h2 { display: none; }
	#contentindex div.links { margin: 30px 0 0 30px; width: 720px; float: left; display: inline; }
	#contentindex div.imgholder { margin: 0 25px 0 0; float: left; display: inline; }
	#contentindex h3 { margin: 0; clear: both; font-size: 16px; color: #D30700; text-align: center; }
	#contentindex div.links img { border: 10px solid #DFDFDF; float: left; }
	#contentindex div.links a { margin: 0 0 10px 0; border: 1px solid #CCC; float: left; }
	#contentindex div.links a:hover { border: 1px solid #999;}

	#contentindex div.copy { margin: 5px 0 0 0; padding: 0 30px; float: left; width: 690px; }

	/* Dancentre Index */
	#content .danceindex h2 { font-size: 20px; font-weight: normal; }

	/* Gallery */
	#content div.thumbs img { float: left; }
	#content div.thumbs a { margin: 0 40px 5px 0; border: 10px solid #DDD; float: left; }
	#content div.thumbs a:hover { border: 10px solid #DDD; }


/* Footer ................................................................................................ */
#footer { padding: 10px 0 0 0; border-top: 1px dotted #999; width: 750px; position: absolute; left: 0px; bottom: 15px; color: #777; text-align: center; font-size: 11px; clear: left; }
* html #footer div.hr { margin-left: 0; }

	#footer a { color: #D30700; text-decoration: none; border-bottom: 1px solid #999; }
	#footer a:hover { border-bottom: 1px solid #CCC; }
	#footer p { margin: 5px 0; }
	#footer span { margin: 0 0 0 10px; }

	/* Magic float fix */
	#floatfix { display: block; clear: both; }
	
	#footer2 { padding: 10px 0 0 0; width: 750px; position: absolute; left: 0px; bottom: 2px; color: #777; text-align: center; font-size: 11px; clear: left; }
	 	#footer2 a { color: #D30700; text-decoration: none; border-bottom: 1px solid #999; }
	#footer2 a:hover { border-bottom: 1px solid #CCC; }
	#footer2 p { margin: 5px 0; }
	#footer2 span { margin: 0 0 0 10px; }