/* General Styles */
#wrapper 
{ 
	width: 950px; 
	background-color: #EEE; 
	margin: 16px auto 30px auto; 
	position: relative; 
	border: solid 2px #999; 
	padding: 8px 16px; 
	-moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
#clearer { clear: both; }
h1 { background-image: url(../images/llpsbannernight.jpg); height: 127px; width: 715px; line-height: 245px; text-align: right; margin-bottom: 32px;
padding-right: 8px; padding-bottom: 10px; color: #FFF; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 20px;  }
h2, h3, h4, h5, h6 { font-family: Lucida Grande, Helvetica, Arial, sans-serif;  }
h2 { font-size: 1.1em;  border-bottom: dotted 1px #060; color: #060; line-height: 1.4em;  margin: 2em 0 0 0;}
h3 { font-size: 0.9em; }
td, p, dl, .linkList { font: normal 0.75em Verdana, Helvetica, Arial, sans-serif; }
p { line-height: 1.75em; }
/* Template Styles */
#logoWrapper { position: absolute; top: 24px; left: 32px; }
#logoWrapper img { border: none 0; }

#content
{
    border-left: solid 175px #EEE; width: 785px;
    margin-bottom: 30px;
	min-height: 700px;
}

#menu 
{
	position: absolute;
    list-style-type: none;
    padding-left: 0; margin-left: 0;
    font:  bold 0.8em Verdana, Helvetica, Arial, sans-serif;
	width: 175px;
	margin-top: 180px;
	margin-bottom: 30px;
}

#menu ul { list-style-type: none; padding-left: 0; margin-left: 0;  margin-bottom: 4px; }
#menu li { padding: 2px 0; }
#menu li a { padding-left: 2px; border-left: 4px solid #060;  color: #333; text-decoration: none; }
#menu li a:hover { text-decoration: underline; }
#menu .submenu a { border-left: none 0; padding-left: 8px; font-weight: normal; font-size: 0.8em; }

#footer 
{ 
    position: fixed; 
    bottom: 0; left: 0; right: 0;
    text-align: center;
    font: bold 0.8em Helvetica, Arial, sans-serif;
    background-color: #DDD;
    border-top: solid 1px #999;
    padding: 4px 0 2px;
    opacity: 0.8;
}

/* @group Homepage */
.latestNews { padding: 4px; }
/* @end */

/* @group Programme */
.programme { font-size: 0.8em; border-spacing: 0; border-collapse: collapse; width: 100%; margin-top: 24px; }
.programme p { font-size: 1em; margin: 4px 0 4px 16px; }
.programme p.eventDate { font-size: 1.25em; font-weight: bold; margin-left: 0; }
.programme caption { text-align: left;}
.programme th { background-color: #CCC; border: solid 1px #333; padding: 2px 4px; }
.programme th.date {  width: 10%; }
.programme th.judge { width: 25%;}
.programme td { border: solid 1px #333; padding: 2px 4px; }
.programme td.eventDate { white-space: nowrap; }
.programme .reminder { color: #070; font-weight: bold; }
.programme .title { font-weight: bold; }
.programme .important {  color: #900; font-weight: bold; }
.programme tr { background-color: #FFF; }
.programme tr.competition { background-color: #DFD; }
.programme tr.break {  font-size: 2em; text-align: center; }
.programme tr.break td { border: none 0; }
.programme tr.xmasBreak { text-align: center; font-size: 1.2em; font-weight: bold; height: 3em; color: #C00; }
.programme span.title { font-weight: bold;}
.programme span.reminder { font-weight: bold; color: #090;}
.programme span.warning { font-weight: bold; color: #C00;}
/* @end */

/* @group Competition Results */
#content .submenu { list-style-type: none; font: normal 0.8em Verdana, Helvetica, Arial, sans-serif; }
#content .submenu a { color: #333; }
/* @end */

/* Gallery */
h3.galleryHeader { position: relative; top: 20px; }
.pictureList { list-style-type: none; margin-left: 0; padding-left: 0; width: 100%; float: left; }
.pictureList li { position: relative; width: 180px; height: 190px; float: left; border: solid 1px #666; background-color: #999; color: #333; margin: 6px; line-height: 160px; text-align: center; }
.pictureList img { margin: 16px auto; border: solid 1px #666; padding: 4px; vertical-align: middle; }
.pictureList p.title { font-weight: normal; margin: 0; padding: 8px 4px; position: absolute; bottom: 0px; height: 30px; font-size: 0.7em; left: 0; right: 0; text-align: center; background-color: #666; color: #CCC; line-height: 1.5em; }

.pictureList.placed img { display: block; margin-top: 30px; }
.pictureList p.positionLabel { font-weight: normal; 
	position: absolute; top: 0; left: 0; right: 0; 
	height: 20px; text-align: center; background-color: #666;
	font-size: 0.7em; color: #FFF;
	margin: 0px; padding: 2px 4px; }

dt
{
 font-weight: bold;
 border-bottom: solid 1px #333;
 width: 400px;
 margin: 12px 0 8px 0;
}

/* @group links page */
.linkList { list-style: none; }
/* @end */

/* @group ViewPicture */
a#backLink { position: absolute; top: 8px; left: 8px; font: normal 0.8em Verdana, Helvetica, Arial, sans-serif; }
span.caption { font: normal 1em Verdana, Helvetica, Arial, sans-serif; }
#backgroundColours { list-style-type: none; margin: 0; padding: 0; position: absolute; right: 4px; top: 4px; }
#backgroundColours li { border: solid 1px #060; width: 16px; height: 16px; margin: 2px; float: left; cursor: pointer; }
.viewOnBlack { background-color: #000; color: #FFF; }
.viewOnDarkGrey { background-color: #666; color: #FFF; }
.viewOnMidGrey { background-color: #999;  color: #000; }
.viewOnLightGrey { background-color: #CCC;  color: #000; }
.viewOnWhite { background-color: #FFF;  color: #000; }

#viewPictureBody { margin: 0; padding: 0; overflow: hidden; }
#viewPictureBody #footer { opacity: 1; background-color: #030; }
#mainImage { position: absolute; top: 50px; left: 25px; width: 650px; text-align: center; }
.gallery { position: absolute; top: 50px; right: 0; bottom: 30px; left: 700px; overflow-y: auto;  }
.gallery li { margin: 4px; }

/* @end */

/* @group ViewPicture */

.competitionResultsList { list-style-type: none; padding-left: 0; font: normal 0.8em Verdana, Helvetica, Arial, sans-serif; }
.competitionResultsList li { font-weight: bold; }
.competitionResultsList li a { font-weight: normal; }
.competitionResultsList ul { list-style-type: none; margin: 4px 0 16px 0; padding-left: 8px; }
.competitionResultsList p { font-size: 1em; margin: 0 0;}
/* @end */

/* @group news */
h3 a { color: #333; }
.newsItemDate { font-style: italic; text-align: right; margin-right: 16px; font-size: 0.75em; }
/* @end */

#map { width: 750px; height: 350px; border: solid 1px #333; }
#map h3 { margin: 0; font-size: 1em; }

.pointsTable { border-spacing: 0; border-collapse: collapse; }
.pointsTable th { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 0.8em; }
.pointsTable th, .pointsTable td { border: solid 1px #666; padding: 2px 4px;  }