/*Darlington Lions*/
/*Top bar*/
html{font-size:100%}
body{position:relative;margin:0;padding:0;width:100%;color:#00338D;background:#FFF url(images/sqbg.gif) repeat-y fixed top left;font:normal normal 100% arial,verdana,geneva,helvetica,sans-serif;text-decoration:none}
#canvas{position:relative;width:100%;max-width:960px;height:auto;min-height:100%;margin:0 auto -5em auto;padding:0;background:#FFF url(images/menu.gif) repeat-y scroll top left;border-top:1px solid transparent}
#header{margin-top:10px;padding:0}
#header img{float:left;margin:0 0 10px 57px}
#header img.logor{position:relative; right:-100px;}
#header p{margin-left:220px;margin-right:120px;font-size:20px;text-align:center}
#header p.title{font-size:35px;font-weight:bold;text-align:center;padding-top:10px;letter-spacing:5px}
#header p.title img{float:none;margin:0}
#header p.title a{text-decoration:none;color:#00338D;background:transparent}
#header p.title a:hover{color:#000;background:transparent}
#header form{position:relative;top:5px;float:right}
#menu{position:relative;width:100%;height:15px;color:#FFF;background:#00338D;border:solid #06C;border-width:1px 0;clear:both;z-index:20;font-size:85%;}
#content{position:relative;width:auto;min-width:120px;padding:10px;overflow:visible;clear:both;margin:0 0 5em 220px}
#content p{line-height:145%}
#footer{position:relative;height:auto;width:auto;padding:10px 10px 0 10px;border-top:1px solid #00338D;margin-top:-5em !important;margin-left:220px}
#footer p{color:#000;background:transparent;font-size:.8em;text-align:center}
#leftb{position:absolute;bottom:0;width:220px;margin-left:auto;margin-right:auto;text-align:center;z-index:10}
#leftb p{padding:0}
#leftb h4{width:210px;margin-left:auto;margin-right:auto;z-index:20;color:#EBB700;background:#00338D;line-height:20px}
#right,#fright{background:#EBB700}
#right{position:absolute;top:170px;right:10px;width:170px}
#right p{padding:2px 10px}
#left{position:absolute;top:200px;left:23px;width:170px}
#left,#fleft{border:1px solid #FC0;padding:5px;color:inherit;background:white;z-index:1}
#left h2,#fleft h2{padding:3px 10px}
#left p{padding:2px 10px}
#hitcounter{margin:10px}

p{margin:0;padding:0 0 8px 0;letter-spacing:0;text-align:justify}
.colour{color:#00338D;background:transparent;font-weight:bold}
.small{font-size:.85em}
.large{font-size:1.3em}
.warning{padding:3px 0;color:#900;background:transparent;font-size:.85em;text-align:center}
blockquote{margin:0 5%;padding:0 0 8px 0;font-size:.9em;text-align:center;color:#555;background:transparent}
h1,h2,h3{text-align:left}
h4,h5,h6{text-align:center}
kbd{font:normal normal 100% verdana,arial,geneva,helvetica,sans-serif}
marquee{width:50%}
h1{padding:1em 0 1em 0;color:#00338D;background:transparent;font-size:2.2em}
h2{padding:8px 0 5px 0;color:#00338D;background:transparent;font-size:1.6em}
h3{padding:5px;color:#000;background:transparent;font-size:1.2em}
h4{padding:5px;color:#000;background:transparent;font-size:1.4em}
h1,h2,h3,h4,h5,h6{border:none;margin:0;font-style:normal;font-weight:normal;text-decoration:none}
h5{color:#900;background:transparent;font-size:1.2em}
h6{color:red;background:transparent;font-size:2.2em;font-weight:normal;text-align:center}
input.form,textarea.form,select.form{border:1px solid #06C;width:50%;color:#009;background:transparent}
div.form{color:#000;background:#FFF;font-weight:normal;text-align:left;border:1px solid #06C;margin:10px auto 0 auto;padding:10px;width:70%}
a{text-decoration:none}
a:link,a:visited{color:#58B6DD;background-color:transparent}
a:hover{color:#900;background-color:transparent;text-decoration:underline}
a:active{color:#00338D;background-color:transparent}
a.button,
input.button {
	background: linear-gradient(to top, #2B6BA0, #6AA0CC) !important;
	border-width: 1px;
	border-color: #6AA0CC;
	border-style: groove;
	border-radius: 10px;
	display: inline-block;
	padding: 15px 10px;
	text-align: center;
	/*width: 200px;*/
	color: #fff !important;
}

a.button:hover:not([disabled]),
input.button:hover:not([disabled]) {
	background: linear-gradient(to top, #D54A0F, #F96F35) !important;
	border-width: 1px;
	border-color: #F1661A;
	border-style: groove;
	border-radius: 10px;
	color: #fff !important;
	text-decoration: none;
	cursor: pointer;
}
hr{margin:0;padding:0;width:100%;color:#00338D;background:transparent;height:2px}
ul{list-style:none;height:auto}
ol,ul{letter-spacing:0;text-align:left;margin:0 10px 5px 10px;padding:0 0 8px 0}
ol>li{background-image:none;margin:0 10px 5px 15px;padding:0 0 5px 0px;line-height:20px}
ul>li{color:#00338D;background:transparent url(images/bullet.gif) no-repeat 0 3px;line-height:20px;margin:0;padding:0 0 5px 30px}
dl,dt,dd{margin:0;padding:5px 10px 0 10px;color:#669;background:transparent;font-weight:normal;letter-spacing:0;text-decoration:none}
dt{list-style:url(images/bullet.gif)}
dd{padding:5px 20px 0 20px}
/*Horizontal*/
#menu a span{display:none;text-align:center}
#menu a:hover span{display:block;position:absolute;width:200px;color:#630;background:#EBB700;font-weight:normal;white-space:normal}
#menu ul{margin:0;padding:0;list-style:none}
#menu ul li{float:left;line-height:normal;margin:0;padding:0}
#menu ul li a{color:#FFF;background:#00338D none;text-decoration:none;padding-left:0.5em;padding-right:0.5em;border-right:1px solid #06C}
#menu ul li a:hover{color:#009;background:#58B6DD}
#menu ul li a:hover span{top:3em;left:10px;padding:0;z-index:10}
/*Vertical submenu*/
#menu ul ul{display:block;position:absolute;top:5.5em;left:20px;width:180px;margin:20px auto 0 auto;list-style:none}
#menu ul ul li{display:list-item;float:none;padding:0;text-align:center;list-style:none;background:none}
#menu ul ul li a{display:block;float:none;width:100%;white-space:normal;color:#FFF;background:#00338D none;padding:0;margin:0;border:1px solid #00338D;border-top-color:#05F;border-bottom-color:#000}
#menu ul ul li a:hover{color:#009;background:#58B6DD;border:1px solid #00338D;border-top-color:#000;border-bottom-color:#05F}
#menu ul ul li a:hover span{top:-4em;left:-10px}
/*Event Table*/
p.event,p.eventl{padding:3px 0 3px 5px;text-align:left}
p.eventr{padding:3px 5px 3px 0;text-align:right}
table.events{width:100%;border-left:1px solid #00338D;border-right:1px solid #00338D;font-size:1em;border-collapse:collapse}
.event1,.event2,.event3,.event4,.eventfoot{border-top:1px solid;border-bottom:1px solid;border-color:#00338D;color:inherit;background:#58B6DD}
.event1{width:15%}
.event2{width:35%}
.event3{width:25%}
.event4{width:25%}
.eventfoot{border-top:1px solid;border-bottom:1px solid}
table.events a.external:visited,a.external:link{color:#58B6DD;background:transparent}

.panel{width:25%;height:1%;border:1px solid #06C;padding:5px;color:#00338D;background-color:#58B6DD}
table.bm1{height:21cm;width:4.5cm;border:1px solid #CCC;padding:0;border-collapse:collapse;font-size:7pt;z-index:1}
table.bm1 td{padding:0cm 0 0 0}
table.bm1 .hd{font-size:9pt;font-weight:bold}
table.bm1 .ft{font-size:9pt;font-weight:bold;margin-top:5px}
table.bm1 td img.b{position:absolute;bottom:23px;left:10px;width:4.5cm;margin-left:auto;margin-right:auto;text-align:center;z-index:-10}
table.bm1 img.bmlogo{margin-top:.2cm}
table.bm1 td p.b{font-weight:normal;line-height:105% !important;margin:5px auto 0;width:4.0cm}
table.bm1 td p.b2{position:relative;top:-3px;margin:1px auto 0;color:#58B6DD}
table.bm1 td p.bb{position:absolute;bottom:.7cm;color:#EBB700;font-size:8.5pt;white-space:pre}
table.bm1 td p.bb2{position:absolute;bottom:.7cm;color:#EBB700;font-size:10pt;white-space:pre}
table.bm2{width:3cm;color:#000;background:#FFF;border:1px solid #DDD}
table.bm2 td,table.bm2 th{font-size:6.2pt;border:none;padding:0 2px}
table.bm2 th{color:#FFF;background:#00338D;font-weight:bold}
table.bm2 th.we{color:#000;background:#EBB700}
table.bm2 td{background:#DDD;text-align:right}
#table3{border:none}
#table3 td{text-align:left;background:#FFF}
table.bm2 td.we{background:#FFF0BB}
table.bm2 td.mth{text-align:center;background:#FFF;font-weight:bold}
table.bm2 td.hol{background:#58B6DD !important}
table.bm2 td.hype{background: #9EF901 !important}
table.bm2 td.motor{background:#EBB700 !important}
table.bm2 td.funfest{background: #C893FF !important}
table.bm2 td.fire{background: #FF7171 !important}
table.bm2 td.beer{background: #EBB700 !important}
table.bm2 td.fleetfest{background: #FF0 !important}
/*Rota*/
div.rotaw{position:fixed;bottom:0;left:0;width:199px;z-index:100}
table.rota{width:100%;border:1px solid #00338D;font-size:.9em;color:#000;background-color:#E8E8E8}
table.rota th{color:#FFF;background-color:#00338D;text-align:center;vertical-align:bottom}
table.rota th.right{text-align:right}
table.rota td{text-align:center}
table.rota td.right{text-align:right}
table.rota td.left{text-align:left}
tr.rotao{color:#00338D;background-color:#FFF}
tr.rotas{background-color:#CCC}
.rotal{color:#000;background-color:#EC1}
.rotac{border:1px solid #0F0}
.rotau{border:1px solid #F00}
.rotasp{border:1px solid #00F}
td.rotas{background-color:#FF0}
form.rotaw{padding-bottom:20px;margin-bottom:0}
#leftb p.rota{padding:5px}

#socialmedia{top:30px}
table.layout,table.layout td{vertical-align:top}

@media print{
#body{padding-top:0;margin-top:0}
.rotah th{color:#000;background-color:#FFF;font-weight:bold}
tr.rotas{background-color:#EEE}
#header img{height:50px}
table.dat tr{border-collapse:collapse;height:auto}
table.dat td{border-collapse:collapse !important;color:#000;background:#FFF}
iframe{display:block !important}
}