/* 
asdlearning.com
screen.css
Design by Iain Stewart http://www.suws.co.uk/
april 2009
*/
/* Basic layout */
html{height:100%}
body{min-width:610px;margin:0px;background:url(../i/bg/page-bg.gif) #ffffff repeat-x top left;color:#000000;padding:0;height:100%}
body,td,th,input{font-size:small;line-height:1.5em;font-family: arial,helvetica,sans-serif}
a:link,a:visited,a:active{font-family:arial,helvetica,verdana,tahoma;color:#4169e1;text-decoration:none;outline:none;background:transparent}
a:hover,a:focus{color:#ff0000;text-decoration:underline;background:transparent}
a:focus{outline:#ff0000 dotted thin}
p{margin-bottom:1em}
abbr,acronym{cursor:help;border-bottom:1px dashed #000000}
table.layout{width:100%;height:100%;border-collapse:collapse}
td.layout{vertical-align:middle;padding:0 20px}
#container{max-width:70em;margin:0 auto;min-height:100%;position:relative}
* html #container{height:100%; width: 960px;}
#header{background:url(../i/bg/header-bg.gif) #23b14d top left repeat-x;position:relative;height:130px;padding:0;color:#fff;}
#header h1,#header div#branding {border:0 none;float:left;width:250px;margin:3px 0 0px 10px;padding:0}
#header h1 a, #header div#branding a {background:transparent url(../i/bg/asd-logo.gif) no-repeat 0 0;display:block;height:101px;text-decoration:none;text-indent:-700em;width:207px}
#header h2#slogan, #header div#slogan {float:right;background:transparent url(../i/bg/asd-slogan.gif) no-repeat 0 0;text-decoration:none;text-indent:-700em;width:385px;height:33px;margin:35px 10px 0 0}
/* header navigation */
#header ul{list-style-image:none;list-style-type:none;margin:0 0 -6px 0px;padding:0; position:absolute;right:0;bottom:0;width:auto;z-index: 90}
#header li{display:inline;float:right;margin:0;padding:0px 6px 0 0}
#header ul a{background:url(../i/bg/nav-up-bg.gif) #23b14d repeat-x 0 0px;color: #f5f5f5;display:block;float:left;/*font-weight:bold;*/padding:3px 4px 6px 4px;text-decoration:none;font-size:90%;border:1px solid #039110}
#header ul a:hover,#header ul a:focus{background:url(../i/bg/nav-over-bg.gif) #1c1c1c repeat-x 0 0;border:1px solid #ffffff;text-decoration:none;color: #ffff00;
}
body#homepage #asd-home a,
body#aboutpage #asd-about a,
body#franchisepage #asd-franchises a,
body#asdpage #asd-info a,
body#servicespage #asd-services a,
body#activitiespage #asd-activities a,
body#termspage #asd-dates a,
body#locationspage #asd-centres a,
body#photospage #asd-photos a,
body#contactpage #contactus a{color:#000000;padding-bottom:12px;background:#ffffff;border:1px solid #ffffff}
#mainbody{clear:both;padding:0 0 5em 0}
#maincontent{float:left;width:75%;margin-bottom:1em}
#sidebar{float:right;width:23%;margin-bottom:1em}
#maincontent,#sidebar{background:#ffffff;line-height:1.5;color:#000000}
#maincontent ul{margin:0.5em 0 1.5em 0.7em;list-style-type:disc}
#maincontent li{margin:0 0 0.5em 1em;list-style:disc outside;padding-left:0.5em}
.nomenu #maincontent{float:none;width:100%}
.nomenu #maincontent p{width:75%}
.pagecolumn{float:left;width:30%;padding-right:3%}
.pagecolumnlast{float:left;width:33%}
.pagehalf{float:left;width:45%;padding-right:5%}
.pagehalflast{float:left;width:49%}
.pagethird {
	float: left;
	width: 28%;
	padding-right: 5%;
}
.pagethirdlast {
	float: left;
	width: 32%;
	padding-right: 0;
}
.narrowcolumn{float:left;width:25%;padding-right:3%;margin:1em 0 2em 0}
.widecolumn{float:right;width:71%;margin-bottom:3em}
.leftcolumn{float:left;width:30%;padding-right:10%}
.rightcolumn{float:left;width:60%}
body#homepage #maincontent{float:none;width:100%;margin:2em 0 1em 0}
body#homepage #maincontent #franchisebut {
	float: right;
	margin-left: 20px;
	width: 200px;
}
body#homepage #maincontent #franchisebut a {
	background:transparent url(../i/bg/franchise-button.gif) no-repeat 0 0;
display:block;
height:104px;
text-decoration:none;
text-indent:-700em;
width:197px;
margin: 0;	
padding: 0;
}
body#homepage #maincontent #franchisebut a:hover {
	background:transparent url(../i/bg/franchise-button.gif) no-repeat 0 -105px;
}
body#aboutpage #maincontent{float:none;width:70%;margin:2em auto 1em auto}
body#homepage #maincontent h1{text-align:center;font-weight:bold;margin-right:230px;font-size:180%}
body#homepage #maincontent h2{margin-right:240px;font-weight:bold}
body#homepage #maincontent p{font-size:120%;margin-right:230px;line-height: 1.2em}
body#franchisepage #maincontent h2 {
	font-size: 140%; color: #dc143c;
}
body#franchisepage #maincontent h2 em {
	font-style: italic;
}
body#termspage ul.centreslist {
	margin: 0 0 1em 0;
	list-style-type: none;
}
body#termspage ul.centreslist li {
	list-style-type: none;
	margin: 0;
	padding: 0 1em 0 0;
	font-size: 110%;
	display: inline;
}
body#termspage ul.centreslist li a {
	font-weight: bold;
	text-transform: uppercase;
}
body#termspage dl{}
body#termspage dt{font-weight:bold;margin-top:0.5em;margin-bottom:0.5em;color: #800000;}
body#termspage dd{font-weight:normal;margin-bottom:0.1em}
body#termspage dd em{font-style:italic;color:#2f4f4f;background:transparent}
body#locationspage #map1,
body#locationspage #map2,
body#locationspage #map3,
body#locationspage #map4,
body#locationspage #map5 {width:300px;height:250px;margin:0 auto}
body#locationspage p.markertext{font-size:85%;margin:0;padding:0}
body#locationspage .vcard{margin:1em 0 0.5em 0;padding:10px 0}
body#locationspage .vcard a{display:block;font-weight:bold;font-size:110%;margin-bottom:1em}
body#locationspage div.contact-details{margin-top:2em}
body#contactpage .contact-details{margin:1em 0 1em 0.5em}
body#contactpage .vcard a.fn{font-weight:bold;font-size:120%;margin-bottom:1em}
body#contactpage .vcard div.tel{margin:0.5em 0;font-size:110%}
body#contactpage .vcard div.tel span.value{font-weight:bold}
body#contactpage .vcard div.email{margin:0.5em 0;font-size:100%}
body#contactpage .vcard div.email a{font-weight:bold}
body#contactpage .hcard-download{margin-top:3em;padding:1em 0;border-top:#9e9e9e 1px solid;border-bottom:#9e9e9e 1px solid}
body#contactpage #sidebar h3{text-align:center;font-size:130%;font-weight:bold}
.p1{margin-top:1em}
/* vcard */
.adr span{display:block}
/* sidebar boxes */
.box{margin:2em 0em 2em 0.5em;padding:0 0 10px 0;font-size:85%;line-height:1.2em;background:url(../i/bg/box-b-right.gif) #98ffa2 no-repeat bottom right}
.box h3,.box h4{margin:0;padding:12px 0 0.8em 0;font-size:120%;line-height:1.5em;text-align:center;background:url(../i/bg/box-t-left.gif) no-repeat top left}
.box p,.box ul,.box .vcard{margin:0 0 1em 0;padding:0 1em}
.box p.accent {
	color: #804000;
	line-height: 1.2em;
}
.box .vcard a{display:block;font-weight:bold;font-size:110%;margin-bottom:0.5em}
.box .vcard div.tel{margin:0.5em 0}
.box .vcard div.tel span.value{font-weight:bold}
.box ul li{margin:0 0 1em 0.5em;padding:0em;list-style:none}
.box ul li a{font-weight:bold;font-size:110%;letter-spacing:-0.05em}
/* Footer */
#footer{clear:both;position:relative;margin-top:-3em;background:url(../i/bg/header-bg.gif) #23b14d top left repeat-x;width:100%;height:3em}
#footer-inner{max-width:70em;margin:0 auto;background:url(../i/bg/header-bg.gif) #23b14d top left repeat-x}
#footer-inner .column{float:left;width:35%;padding-right:3%}
#footer-inner .columnlast{float:right;width:20%}
#footer-inner .column p{color:#ffffff;font-size:90%;text-align:left;margin:1em 0 0 0;font-weight:bold}
#footer-inner .column p a,#footer-inner .columnlast p a{color:#000142;text-decoration:underline;background:transparent}
#footer-inner .column p a:hover,#footer-inner .columnlast p a:hover,
#footer-inner .column p a:focus,#footer-inner .columnlast p a:focus{color:#dc143c}
#footer-inner .columnlast p{color:#ffffff;font-size:90%;text-align:right;margin:1em 0 0 0}
/*accessibility*/
.skiplinks{position:absolute;left:-999px;width:990px}
hr.hide,span.hide{display:none}
/* headings */
h1,h2,h3,h4,h5,h6{margin:0.5em 0 0.5em 0;font-family:georgia,"Times New Roman",times,serif}
h1{font-size:170%;font-weight:normal}
h2{font-size:150%;font-weight:normal}
h3{font-size:120%}
h4{font-size:100%}
h5{font-size:90%}
h6{font-size:90%;border:0}
hr{clear:both}
hr.space{background:#ffffff;color:#ffffff;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none}
.hide{display:none}
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.container{display:inline-block}
* html .clearfix,* html .container{height:1%}
.clearfix,.container{display:block}
.clear{clear:both}
/* gallery slideshow */
#viewer{margin:0 auto 0 auto;width:554px;padding:0}
.pics{height:444px;width:554px;padding:0;margin:0}
.pics img{padding:0px;border:2px solid #cccccc;width:550px;height:440px;top:0;left:0;background:#ffffff}
.photosnav{width:550px;margin:1em auto 0.5em auto}
.nomenu #maincontent p.nav{float:left;width:49%;padding:0;margin:0;font-size:110%;font-weight:bold;text-align:center}
.nav a{color:#008ae1;text-decoration:none;font-weight:bold;outline:none;background:transparent; letter-spacing: 0.1em}
.nav a:hover{text-decoration:none; color: #ae1433;}
/* contact form */
#enquirydiv{width:75%;margin:2em;padding:0}
#enquirydiv p{font-size:90%;line-height:1.5em;margin-bottom:1em}
#enquirydiv p.feedback{font-size:100%;font-weight:bold;color:#dc143c;background:transparent}
#form-container{width:90%;margin:0 0 1em 0;padding-bottom:12px;background:url(../i/bg/box-b-right.gif) #caf5ce no-repeat bottom right}
#form-container p{margin:0;padding:12px;font-size:90%;line-height:1em;background:url(../i/bg/box-t-left.gif) no-repeat top left}
#form-container form{margin:1em;padding:0;border:0/*padding-top:5px;*/}
#form-container form label{display:block;font:bold 90% Arial,Helvetica,sans-serif;color:#000000;padding:0.3em 0px 0.3em 0.5em;margin:0;background:transparent}
#form-container input.txt{color:#422511;border:1px solid #030303;width:90%;padding:0;margin:0 0 1em 0.5em;font:normal 90% arial,helvetica,sans-serif;background:#e4e4e4}
#form-container input.txt:focus{border:1px solid #00bfff;background:#ffffff}
#form-container textarea{color:#422511;border:1px solid #030303;width:90%;padding:0;margin:0 0 1em 0.5em;font:normal 90% arial,helvetica,sans-serif;background:#e4e4e4}
#form-container textarea:focus{border:1px solid #00bfff;background:#ffffff}
#form-container form strong.error{color:#ff4500;/*display:none;*/ font-weight:bold;border:0 none;margin:0;padding:0 0 0 0.2em;background:transparent}
/* franchise enquiry form */
body#franchisepage #sidebar #franchiseformdiv {
	margin: 1.2em 0.5em 2.5em 1em;
	width: 95%;
	padding: 0 0.4em;
}
#franchiseformdiv p {
	font-size:90%;line-height:1.5em;margin-bottom:1em
}
#franchiseformdiv p.feedback {
	font-size:100%;font-weight:bold;color:#dc143c;background:transparent
}
#franchiseform-container {
	width:90%;margin:0 0 1em 0;padding-bottom:12px;background-color: #f0fff0;
}
#franchiseform-container p {
	margin:1em 0 0 1em;padding:0.7em 0 0.3em 0.5em;font-size:95%;line-height:1em; color: #800000;background-color: transparent;
}
#franchiseform-container p span {
	color: #ff4500;
	background-color: transparent;
	font-weight: bold;
}
#franchiseform-container form{margin:0.5em 1em 1.5em 1em;padding:0;border:0}

#franchiseform-container form label{display:block;font:bold 95% Arial,Helvetica,sans-serif;color:#000000;padding:0.3em 0px 0.1em 0.5em;margin:0;background:transparent}
#franchiseform-container form label span {
	color: #ff4500;
	background-color: transparent;
}
#franchiseform-container input.txt{color:#422511;border:1px solid #030303;width:90%;padding:0;margin:0 0 0.5em 0.5em;font:normal 95% arial,helvetica,sans-serif;background-color: #f5f5dc;
}
#franchiseform-container input.txt-medium{color:#422511;border:1px solid #030303;width:60%;padding:0;margin:0 0 0.5em 0.5em;font:normal 95% arial,helvetica,sans-serif;background-color: #f5f5dc}
#franchiseform-container input.txt:focus,#franchiseform-container input.txt-medium:focus {border: 1px solid #32cd32;background-color:#ffffff}
#franchiseform-container select.short {color:#422511;border:1px solid #030303;width:40%;padding:0;margin:0 0 0.5em 0.5em;font:normal 95% arial,helvetica,sans-serif;background-color: #f5f5dc} 
#franchiseform-container select.select {color:#422511;border:1px solid #030303;width:90%;padding:0;margin:0 0 0.5em 0.5em;font:normal 95% arial,helvetica,sans-serif;background-color: #f5f5dc} 
#franchiseform-container select.short:focus, #franchiseform-container select.select:focus {border:1px solid #32cd32;background:#ffffff}
#franchiseform-container textarea{color:#422511;border:1px solid #030303;width:90%;padding:0;margin:0 0 0.5em 0.5em;font:normal 95% arial,helvetica,sans-serif;background-color: #f5f5dc}
#franchiseform-container textarea:focus{border:1px solid #32cd32;background:#ffffff}
#franchiseform-container form strong.error{color:#ff4500;/*display:none;*/ font-size:90%;font-weight:bold;border:0 none;margin:0;padding:0 0 0 0.2em;background:transparent}