/* CSS Stylesheet for N&DTTL - designed by SLA Associates Limited
//
// Colours
//
// Header Bar Orange: #ffc75c
// Header Bar Text: #52410c
// Background Orange: #fff3db
// Text Headers: #a86a15
*/

body {
	color: #333;
	background-color: white;
	margin: 20px;
	padding: 0;
	font: 11px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	}
h1 {
	margin: 15px 0px 15px 0px;
	padding: 0px;
	font-size: 20px;
	font-weight: 600;
	color: #a86a15;
	}
h2 {
	font: bold 13px/14px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #a86a15;
	}
h3 {
	padding: 0px;
	font: bold 13px/14px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	color: #52410c;
    }
th  
{
    text-align: center;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #ffc75c
}
th.left
{
    text-align: center;
    border-left: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #ffc75c
}
th.right
{
    text-align: center;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
    background-color: #ffc75c
}
th.blank,
td.blank
{
    text-align: center;
    border: none;
    background-color: Transparent;   
}
td.left
{
    text-align: center;
    border-left: solid 1px #000000;
}
td.right
{
    text-align: center;
    border-right: solid 1px #000000;
}
td.homename
{
    text-align: right;
}
td.awayname
{
    text-align: left;
}
td.bottom
{
    border-top: solid 1px #000000;
}
td.split
{
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
}
p {
	font: 11px/15px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	text-align: justify;
	margin: 0px 0px 16px 0px;
	padding: 0px;
	}
img {
        position: relative;
        border: 0;
        padding: 0;
    }
a {
	color: #000000;
	font: bold 11px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	text-decoration: none;
	}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {background-color:Transparent;}
.text,
.buttontext {
	font: 11px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	}
/* All the content boxes belong to the content class. */
.content {
	position: relative;
	width: auto;
	min-width: 355px; 
	margin: 0px 220px 20px 160px;
	background-color: white;
	padding: 10px;
	z-index: 4; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}
.content a {
    text-decoration: none;
    color: #000000;
    }
.content a:hover {
    text-decoration: none;
    background-color: Transparent;
    color: #a86a15;
    }
#leftbar {
	position: absolute;
	width: 150px;
	top: 135px;
	left: 10px;
	padding: 10px;
	z-index: 3;
/* Tantek Celik hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:130px;
	}
/* "be nice to Opera 5" rule */
body>#leftbar {width:130px;}
#leftbar a, #leftbar a:hover {text-decoration: none; background-color: Transparent;padding: 0;margin: 0;}
#rightbar {
	position: absolute;
	width: 220px;
	top: 135px;
	right: 0px;
	padding: 10px 20px 10px 0;
	z-index: 2;
/* Tantek Celik hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
	}
/* "be nice to Opera 5" */
body>#rightbar {width:200px;}
#rightbar a:hover {text-decoration: none; background-color: Transparent;padding: 0;margin: 0;color: #a86a15;}

/* Right Border Advert Displays rounded box css */
ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:100%;margin: 0 0 10px 0;}
ul#split h3
{
    margin: 0;
    padding: 5px 0 0 0;
    font: bold 100% Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    color: #52410c;
}
li.headerbar h3
{
    background-image: url(graphics/adboxheader.gif);
    background-repeat: repeat-x;
    height: 21px;
}
li.headerbar
{
    background: #fff3db url(graphics/headerbarbottom.gif) no-repeat bottom;
    padding-bottom: 20px;
    text-align: center;
}
li.sponsors
{
    min-height: 90px;
}
/* Products */
#products
{
    margin: 0 220px 0 170px;
    background: #fff3db;
    border: solid 1px #ffc75c;
    overflow: auto;
    padding: 5px;
}
#products p
{    
    text-align: left;
}
.products
{
    float: left;
    position: relative;
    text-align: center;
    padding: 0 0 20px 0;
    width: 49.9%;
    min-width: 130px;
}
.products img
{
    border: solid 1px #ffc75c;
}
.clearboth
{
    clear: both;
}
/* Left Border Button Display */

ul#buttons,ul#buttons li{margin:0;padding:0;list-style:none;}
ul#buttons li{float:left;width:150px;margin: 0 0 10px 0;}
ul#buttons h3
{
    margin: 0;
    padding: 5px 0 0 0;
    font: bold 100% Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    color: #52410c;
}
ul#buttons p
{
    margin: 0;
    padding: 5px 8px 10px 5px;
    text-align: left;
    line-height: 2;
}
/* General CSS */
/* Links */
ul.links, ul.links li{margin-left:0;padding:0;list-style:none;}
ul.links li{background-image: url(graphics/bullet.gif);background-position: left top;background-repeat: no-repeat;padding-left: 18px;}
/* Header Bar */
#header
{
    height: 80px;
    background-image: url(graphics/headerbackground.gif);
    background-repeat: repeat-x;
    min-width: 760px;
}
#header a:hover
{
    background-color: transparent;
}
#headerimage
{
    float: right;
    text-align: right;
}
.logo
{
    position: absolute;
}
.headerdate
{
    float: right;
    padding-top: 52px;
    text-align: right;
}
/* Sponsor Slideshow */
.cf_wrapper
{
    text-align: left;
    padding-bottom: 25px;
}
.cf_container
{
    text-align: center;
}
.cf_element
{
    width: 200px;
    margin: 0;
    padding: 0;
}
.cf_element a,
.cf_element a:hover
{
    background-color: #fff3db;
    padding: 0;
}
.cf_element img
{
    border: solid 1px #eacb62;
}
/* end of Sponsor Slideshow */
.center
{
    text-align: center;
}
.bordered
{
    border: dashed 1px #eacb62;
}
.comments
{
    padding: 10px;
}
#footer,
#footer a
{
    color: #909090;
}
#footer a:hover
{
    color: #000000;
}
#sitelink
{
    text-align: right;
    padding-top: 55px;
}
#sitelink a:hover
{
    background-color: #ffffff;
}
.button
{
    margin-top: 4px;
}
.requiredfield,
.notrequiredfield
{
    font-weight: normal;
    color: red;
}
.notrequiredfield
{
    color: #ffffff;
}
.login
{
    background-color: #fff3db;
    border: 1px solid #ffc75c;
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: 8pt;
}
.register
{
    width: 250px;
}
.scores
{
    background-color: transparent;
    border: none;
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: 8pt;
    width: 15px;
    color: #707070;
}
.set
{
    width: 20px;
}
.player
{
    width: 30px;
}
.bold
{
    font-weight: bold;
}
.adminform
{
    position: relative;
    border: dotted 2px #ffc75c;
    background-color: #fff3db;
}
.redcolour
{
    color: Red;
}
.archive
{
    position: relative;
    padding: 15px;
    border: dotted 1px #ffc75c;
    background-color: #fff3db;
    margin-left: 15px;
}
.advert
{
    position: relative;
    border: solid 1px #ffc75c;
    margin-left: 15px;
}
/* Contact Form */
fieldset 
{ 
    width : 325px;
    margin: 10px 0 0 25px;
    display: block;
    position: relative;
    padding: 5px;
}
legend
{
    font-weight: bold;
}
label 
{ 
    text-align: right;
    position : relative; 
    width : 100px; 
    display : block; 
    margin : 1px 0 0 10px;
    border-bottom: dotted 1px black; 
    padding: 2px;
    font-size: 11px;
    font-weight: bold;
}
label input,
label textarea,
label select
{ 
    position : absolute; 
    left : 110%; 
    top : 2px; 
    width : 180px; 
    border: 1px solid black;
    padding: 2px;
}
label input:focus,
label textarea:focus
{
    background-color: #dedede;
}
strong.required {color:red; cursor:help}
a.helpLink,
a.helpLink:link {color:#040; cursor:help}
a.helpLink:active,
a.helpLink:visited {color:#020}
.contactform br 
{ 
    display : none; 
}
.contactbutton
{
    margin-left: 10px; 
    margin-bottom: 10px;
}
.address
{
    float: left;
    position: relative;
}

/* End of Contact Form */
/* Search Form */
#searchform
{
    margin: 0;
    padding: 0;
    text-align: left;
}
#searchform fieldset
{
    padding: 0;
    margin: 0;
    border: 0 solid;
    width: 0;
}
#searchform fieldset label
{
    display: none;
    width: 0;
}
#searchform input#searchterm
{
	font: 11px Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    border: 1px solid #000;
    background: #f1f1f1;
    padding: 1px 0 3px 2px; 
    width: 135px;
    text-align: left;
}
/* End of Search Form */
/* Team of month Gallery */
#myGallery, #myGallerySet, #flickrGallery
{
	width: 320px;
	height: 240px;
	z-index:5;
	border: 1px solid #000;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('graphics/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('graphics/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 80%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 100%;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('graphics/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('graphics/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('graphics/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('graphics/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('graphics/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('graphics/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('graphics/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('graphics/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}
#myCarousel
{
    text-align: left;
    margin: 0 auto;
    float: left; /* Same as your gallery is set to */
    width:322px; /* Adjust this to your picture width + 2 */
    height:116px;
    overflow:hidden;
    background: #000000;
}
/* End of Team of Month Gallery */