html, body { height:100%; }



@font-face {

   font-family: 'Telegrafico';

   src: url('fonts/Telegrafico/telegrafico-webfont.eot');

   src: url('fonts/Telegrafico/telegrafico-webfont.eot?#iefix') format('embedded-opentype'),
 
	url('fonts/Telegrafico/telegrafico-webfont.woff2') format('woff2'),

	url('fonts/Telegrafico/telegrafico-webfont.woff') format('woff'),

	url('fonts/Telegrafico/telegrafico-webfont.ttf') format('truetype'),

	url('fonts/Telegrafico/telegrafico-webfont.svg#Telegrafico') format('svg');

   font-weight: normal;
font-style: normal;

}


@font-face {

   font-family: 'GillSansMT';

   src: url('fonts/GillSansMT/GillSansMT.eot');

   src: url('fonts/GillSansMT/GillSansMT.eot?#iefix') format('embedded-opentype'),
 
	url('fonts/GillSansMT/GillSansMT.woff') format('woff'),

	url('fonts/GillSansMT/GillSansMT.ttf') format('truetype'),

	url('fonts/GillSansMT/GillSansMT.svg#GillSansMT') format('svg');

   font-weight: normal;
font-style: normal;

}

@font-face {

   font-family: 'GaleForceBTN';

   src: url('fonts/GaleForceBTN/GaleForceBTN.eot');

   src: url('fonts/GaleForceBTN/GaleForceBTN.eot?#iefix') format('embedded-opentype'),
 
	url('fonts/GaleForceBTN/GaleForceBTN.woff') format('woff'),

	url('fonts/GaleForceBTN/GaleForceBTN.ttf') format('truetype'),

	url('fonts/GaleForceBTN/GaleForceBTN.svg#GillSansMT') format('svg');

   font-weight: normal;
font-style: normal;

}

body {background-color:skyblue;margin:0px;padding:0px;
	color:black;font-size:10pt;font-family: "Verdana", "Helvetica", sans-serif;  }

p {margin:15px 0px;}

div.question {margin:0 0 0 30px;font-size:11pt;font-style:italic;color:blue;clear:both;}
div.expanded_section {font-size:11pt;display:none;margin:10px 0 0 30px;color:green;}
div.expanded_section p {margin: 10px 0;}
a.showlink {display:inline;margin-left:10px;font-size:10pt;}
a.hidelink {display:inline;margin-left:10px;font-size:10pt;}

hr{color: black;}
table{font-size:10pt;}

table.work {margin:0px 0 0px 0;padding:0px;}
table.work td img {margin-bottom:15px;}

a      { color:black; text-decoration: underline }
a:hover {color:#676767;}
a.hover  { color: black; text-decoration: none }
a.hover:hover {color:#676767;}
/*a:hover img {border: solid white 1px;}*/

h1 {font-family:"GillSansMT";font-size: 14pt;font-weight:normal;width:700px;text-align:center;padding:20px 0 0px 20px;
	letter-spacing:2pt;line-height: 18px;margin:0 auto;}
div.mcbhdr {font-family:"Telegrafico";font-family:"GaleForceBTN";font-weight:bold;font-size:30pt;width:750px;text-align:center;
	line-height:25px;letter-spacing:1pt;margin:15px auto 0px auto;}
div.mcbhdr span {font-size:80%;}
h2 {color:green;margin:0px 0 10px 0;text-align:center;line-height:20px;font-size:14pt;font-weight:bold;letter-spacing:1pt;
	padding:0px 0px 0px 6px;margin:0 auto 20px auto;}
h3 {font-size: 13pt;font-weight:bold;text-decoration:none;color:green;}
h3 span {font-weight:bold;text-decoration:underline;letter-spacing:1pt;}
h4 {font-size: 12pt;font-weight:bold;margin:0 0 0 0;color:green;}

div.hr {border-bottom:1px solid navy;margin:10px 0;}

hr {color: #30C650; height: 1pt;}

img {border:none;}
img.logo {margin:0 0 0 0px;}

img.preload{display:none;}

span.hdg {font-weight:bold;font-size: 13pt; letter-spacing:3pt;}

#maincontainer {background-color:#F5F5F5;text-align: left;margin: 0 auto;margin-top:0px;margin-bottom:0px;padding: 0;
	width: 1010px;}

#header {padding:0; margin:10px 0 0 0;font-size:100%;width: 100%;height:370px;background-color:#F5F5F5;}
#header div.headerhr {border-bottom:1px solid #121212;}
#header img {border:none!important;}
#header a { color:black; text-decoration: none }
#header a:hover {color:#676767;}
#headercontent {margin:0 auto;width:978px;}

#top_image {margin:25px 0 20px 0;width:1010px;height:189px;
	background-image:url(layout-images/antenatal-baby-parenting-classes-mums-dads-weymouth-dorchester-bridport-top-image.jpg);
	background-repeat:no-repeat;}
#top_image_tw {margin:25px 0 20px 0;width:1010px;height:189px;
	background-image:url(layout-images/total-wellness-health-course-online-and-west-dorset-weymouth-dorchester-bridport-andrew-mary-clare/children-with-parachute.jpg);
	background-repeat:no-repeat;}

div.social_media_links {width:1010px;height:20px;margin:0px 0 0 0;padding:0px 0 0 0;}
div.social_media_links img {float:right;margin:10px 5px 0 10px;}

#navigation {margin:20px 0 0 0;padding: 0px;width:978px;}
#navigation:after {content: ".";display: block;line-height: 0px;font-size: 0;clear: both;}
ul#navlist {float:left;list-style-type: none;line-height:25px;margin:0px auto 0 auto;padding: 0;width: 990px;
	font-weight:normal;font-size:15px;}
ul#navlist li {display: block;margin: 0;padding:0;float: left;text-align:center;font-weight:normal;}
ul#navlist li.home {border:none;}
/* ul#navlist li.long {width:155px;}
    ul#navlist li.short {width:160px!important;} */

ul#navlist li a {font-weight:normal;letter-spacing:1pt;color:black;display: block;text-decoration: none;}
ul#navlist li a.thispage {color:#003399;font-weight:bold;}
ul#navlist li a:hover {color:#003399;text-decoration:none!important;}
ul#navlist li a.thispage:hover {background:none;color:#003399;}

div.midcolumn {width:978px;margin: 30px auto 0 auto;}
div.midinner {width:900px;margin: 15px auto 0 auto;padding:0;font-size:12pt;}
div.midinner div.textdiv {width:910px;margin:15px 25px 25px 35px;}
div.nonindex {width:820px;margin: 25px 0 0 70px;}

div.topquotebox {border:1px solid #003399;color:#003399;font-style:italic;font-size:13pt;margin-bottom:25px;padding:15px 0 15px 15px;}
div.topquotebox p {margin:2px 0 0 25px;font-size:11pt;font-style:normal;}

div.midquotebox {border:1px solid #003399;color:#003399;font-style:italic;font-size:13pt;margin-bottom:25px;padding:15px 0 15px 15px;}
div.midquotebox p {margin:2px 0 0 25px;font-size:11pt;font-style:normal;}

div.trailbox {border:1px solid #003399;color:black;font-size:13pt;margin-bottom:25px;padding:15px 0 15px 15px;background-color:#87CEEB;}
div.trailbox p {margin:10px 0 10px 0px;font-size:11pt;font-style:normal;}
div.trailbox ul {list-style-type:circle;margin-left:0px;font-size:11pt;}
div.trailbox li {margin:0 0 0 0;}
div.trailbox li span {position:relative;top:-1px;}

div.smalltrailbox {border:1px solid #003399;color:black;font-size:12pt;margin-bottom:25px;padding:15px 0 15px 15px;background-color:#F5F5F5;}
div.smalltrailbox p {margin:10px 0 10px 0px;font-size:11pt;font-style:normal;}
div.smalltrailbox ul {list-style-type:circle;margin-left:0px;font-size:11pt;}
div.smalltrailbox li {margin:0 0 0 0;}
div.smalltrailbox li span {position:relative;top:-1px;}

div.adbox {border:2px solid green;color:#003399;font-weight:bold;text-align:center;font-size:13pt;margin:10px 0 25px 0;padding:15px 0 15px 15px;}
div.adbox p {margin:10px 0 0 0px;font-size:13pt;font-style:bold;}

div.testiquote {font-style:italic;margin: 13px 0px 0px 0px;color:#003399;font-size:11pt;}
div.testiquote p {margin:0;}
div.testiquote p::before {content: url(layout-images/open-inverted-comma.png);}
div.testiquote p::after {content: url(layout-images/close-inverted-comma.png);}
div.testiquote h3.person {margin:0 0 0 25px!important;color:#003399!important;font-size:10pt!important;font-style:normal!important;}
div.testiquote h3.person::before {content:'['!important;}
div.testiquote h3.person::after {content: ']'!important;}
div.testiquote p.person {margin:0 0 0 25px!important;color:#003399!important;font-size:10pt!important;font-style:normal!important;}
div.testiquote p.person::before {content:'['!important;}
div.testiquote p.person::after {content: ']'!important;}
p.testiquote_nextpara span {color:#B1B1B1;}

#top_contact_details {float:left;font-size:13pt;font-weight:bold;margin:10px 0 0 10px;}

div.workimages {margin:10px 0 20px 0;width:978px;clear:both;}
div.workimages div.tablecell {float:left;width:326px;min-height:210px;max-height:300px;
	padding:10px 0px 0 0px;margin-bottom:10px;}
div.workimages div.tablecell div.innercontainer {@include vertical-align;}
div.workimages img {display:block;margin: 0 auto;text-align:center;}
div.workimages div.caption {margin: 0 ;text-align:center;}
div.workimages h4 {margin:10px 0 5px 0;}

p.quote {margin: 10px 0px 0px 30px;font-style:italic;}
p.quote span {font-style:normal;}
p.testiquote_nextpara {margin: 5px 0px 0px 0px;}
p.lastpara {margin-bottom:30px;}

ul {list-style-type:circle;margin-left:10px;}
li {margin:5px 0 0 0;}
li span {position:relative;top:-1px;}

table.contact_table tr td {border:none!important; }
form {font-size:10pt;}
option,select {color:#151515;background-color:white;font-size:10pt;}
input.submit {font-size:10pt;color:#151515; background-color:white;padding:0;border:1px solid #30C650;width:130px;height:20px;}
input.text  {background-color:white;border:1px solid #30C650;font-size:10pt;}
input.text:hover {background-color:#EBEBEB;border-color:#676767;}
input.checkbox {margin-right:5px;}
textarea.text  {background-color:white;border:1px solid white;}
textarea.text:hover {background-color:#EBEBEB;border:1px solid lightgray;}
table.contact_table {width:420px;}
table.contact_table td {width:400px;}
table.contact_table span.required_flag {text-align:right;position:relative;top:5px;font-size:14pt;font-weight:bold;}

#rightcolumn {float: right;width: 300px;margin: 12px 0 0 0;}
div.rightinner {width:250px;font-size:89%;margin: 10px 26px 10px 0;border:1px solid black;padding:10px;}

#footer {clear:both;text-align:center;color:#121212;font-size:9pt;width: 100%;margin:30px auto 0 auto;padding-top:0px;height:220px;
	background:#F5F5F5;}
#footer a { color:#121212; }
#footer a:hover {color:#676767;}
#footer h2 {font-size:10pt;letter-spacing:0pt;}