html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  
}


body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:0.8em; width:100%; padding:0; margin:0; }

body p{font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:12pt;  line-height:16pt; margin:13px 0;}

a {word-wrap: break-word;}

.menuholder{display: none; } /* HIDE MOBILE MENU ON PC */

/* HEADER AND MEDIA ICONS */
header {display:flex!important; align-items:flex-end!important; }
#headleft{float:left; width:33%; }
#logo{width:33%; float:left;  max-width:600px; padding:0 20px 0 20px; }
#logo img{margin:50px 0px 0 0px;  width:100%; max-width:600px; float:right;  border:0;}
#mediaicons{width:33%; float:right; }
#mediaicons img{transition: all 0.9s ease 0s;}	 
#mediaicons img:hover{opacity: 0.6; }

/* MAIN SECTION */
main{float:left;   margin-right: 0px; margin-left: 10px; padding:20px 50px 40px 50px; width:80%; }
main#one{background-color: #FCE5F2}
main#two{background-color: #E5F7FD;}
aside#sectionnav { min-height:50px;}
aside#sectionnav a{color:#2B3C77;}
#blurb { background-color:#FFFFFF;  padding:10px; }

hr{ border:0; color:#ccc; background-color:#ccc; height: 2px; margin:10px 0 15px 0;}
main#two hr {background-color: #C1EAF9;  border:0; color:#C1EAF9; background-color:#C1EAF9; height: 2px;}
main#one hr {background-color: #FBE3F0;  border:0; color:#FBE3F0; background-color:#FBE3F0; height: 2px;}


/* SIDEBAR NAVIGATION */
menu#nav { background-color:#2B3C77; float:right; width: 18%; margin:0 10px 10px 0; padding:0;  }
menu#nav p { font-weight:bold;   }
menu#nav p:first-child {background-color:#E6007E;  color:  #FFFFFF; padding:10px; margin:0; font-size:16pt;}
menu#nav a:before {  content: "> ";}
menu#nav a { color:#ffffff; text-decoration:none;  display:inline-block; padding:7px 10px; width:100%} 
 a:visited{color: #9BB3E9; text-decoration: none ;}
menu#nav a:hover{color: #FFFF00; text-decoration:none; background-color:#4B68D1; }
 a:active{color:#00FF33; text-decoration:none;}
 
 menu#nav #on 
{ background:#FACC18; color:#000000;}
/* ********** subbuttons ************* */
menu#nav .subbuttons{}
		
a:link.subbuttons , a:visited.subbuttons{
color: #FFFF00; text-decoration:none; background-color:#4B68D1; border-bottom:1px solid #000; 
}

menu#nav a:hover.subbuttons , menu#pronav a:active.subbuttons
{
color: #FFFF00; text-decoration:none; background-color:#000;
}
 
 
/* ADVERTS AREA */
#adarea{ clear:both; margin-top:40px}
#adverts{clear:both;  width:100%;  text-align:center; margin:20px auto 10px auto; }
#adverts #ads{display:inline; margin: 2px; width:200px;}
#adverts #ads img{transition: all 0.9s ease 0s;}	 
#adverts #ads img:hover{opacity: 0.6; }
#adfieldset{text-align:center; padding:10px; margin:20px 0 20px 0; display:inline-block; border:1px solid #787878;}

/* FOOTER */
footer{ clear:both; text-align:center; margin:auto; width:100%;  height:214px; background-image:linear-gradient(white 50%, #F8F7F5 50%); }
.footer-left{width:25%; height:214px; float:left;}
.footer-left img{width:100%; max-width:246px;}
.footer-middle{width:50%; height:214px;float:left; padding-top:30px;}
.footer-middle#addisclaimer{font:Verdana, Arial, Helvetica, sans-serif; color:#008000; font-size:x-small; text-align:center; padding-bottom:10px;}
.footer-right{width:25%;float:left;}

/* HOMEPAGE */
#maininfo{ width:80%; margin:0 20% 0 20%;}

#calloutholder{width:60%; float:left; padding:13px 0 0 0; max-width:670px;}
#calloutholder p{ margin-top:0; font-size:9pt; }
#calloutholder a{ font-size:9pt; }
#callout{ min-width:335px;  min-height:100px;  width:50%; float:right; padding:0 0 0 10px;}
#callout img{float:left; margin-right:10px;}
#homebox{ width:40%; float:left; background-color:#FAFAFA;  max-width:470px; padding:10px;}
.homebold{ color:#E6007E; font-weight:bold;}

/* MAILCHIMP */
.chimpy{ padding:10px 20px;}
#mce-EMAIL{ background-color:#00ACED; color:#FFFFFF; width:100%; max-width:100%; padding:10px; border: none;} /* MAILCHIMP */	
#mc-embedded-subscribe{ text-align:left;
	border: none;
	width:100%; max-width:100%; padding:10px;
	background: #E6007E;
	color: #fff;}
	
#mc-embedded-subscribe:hover{
	background: #4ECF4E;
	color: #fff;}
	
.validate ::placeholder { /* MAILCHIMP placeholder text colour */
  color: #fff;
  opacity: 1; /* Firefox */
}

.validate :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #fff;
}

.validate ::-ms-input-placeholder { /* Microsoft Edge */
 color: #fff;
}
/* /HOMEPAGE */	
	

h1{ font-size:22pt; padding:9px 0 9px 0; margin:0; font-weight:normal; }
h2{font-size:20pt;  padding:9px 0 9px 0; font-weight:normal; margin:0; } /*20pt*/
h2#banner{font-size:20pt;  padding:2px 0 2px 10px; font-weight:normal; margin:0;  background-color: #34CC66; color:#FFFFFF; } /*20pt #2CE768*/
h3#one{ color: #666666; background-color:#FCE5F2;  font-size:15pt;  padding:7px 10px 7px 10px; font-weight:normal; margin:5px 0;}
h3#two{ color: #666666; background-color:#E5F7FD;  font-size:15pt;  padding:7px 10px 7px 10px; font-weight:normal; margin:5px 0;}

.largefont{font-size:16pt;}

/* ***************  default paragraph links ******************* */
 a:link{ color:#9BB3E9; text-decoration:none; font-size:12pt;} 
 a:visited{color: #9BB3E9; text-decoration: none ;}
 a:hover{color: #FC6610; text-decoration:none; }
 a:active{color:#00FF33; text-decoration:none;}


 /* ***************  skipnav links ******************* */
.skipnav { text-align: left; }
.skipnav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.skipnav a:focus, .skipnav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; } 


#uppernav{background-color:#E6007E;  color:#FFFFFF;  overflow:auto; text-align:center;} /* text links in navlinkstop.php */
a:link.toplink, a:visited.toplink{ font-family:Georgia, "Times New Roman", Times, serif; background-color:#E6007E; color: #ffffff; font-size: 16pt; text-decoration: none; font-weight:bold; padding:15px 10px ; display:inline-block;   }
a:hover.toplink , a:active.toplink { font-family:Georgia, "Times New Roman", Times, serif; background-color:#000000; color: #ffffff; font-size: 16pt; text-decoration: none; font-weight:bold; padding:15px 10px ; display:inline-block;   }

/******************************************************************************************************************************************************************************************/
 /* for the google search form */
 .search_form{ border:1px solid #ccc;   width:60%; margin:15px auto; border-radius: 8px; overflow: auto;  }
.search_form button{ background-image:url(/images/search-icon.gif);} /* image for the button */
.search_form button{padding:0; vertical-align:middle; border:none; width:16px; height:16px; float:right; margin: 5px 5px 0 0;}  /* positions the image for the button */
.search_form input.string{border:1px solid #fff; width:100%; padding:3px 20px; float:left; vertical-align:middle; margin:2px -30px 2px -5px; box-sizing: border-box; /* the search box */
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
/*-webkit-appearance:caret*/
}


ol, ul { list-style: none; margin: 0; }
ul li { margin: 0; padding: 0;}


 ol.mmlist,  ul.mmlist,  ol.mmlist li , ul.mmlist li
{font-size: 12pt; 
margin: 0 0 10px 15px;
line-height:normal;}

ol.mmlist , ol.mmlist li{ list-style-type:decimal;}
.ul.mmlist , ul.mmlist li  { list-style-type:disc;}



/*a {
	word-wrap: break-word;
}
*/


.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } /* youtube resizer */
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

table , td{font-size: 12pt; border: solid 3px #ffffff;    border-collapse: collapse;}
.colourtable, .colourtable td{  border-collapse:collapse; padding:10px; border: solid 1px #ccc;  /*outside border - green color of homepage boxes too*/} 


dl, dt, dd{font-size: 12pt;}
dd{ margin-left:50px;}

.wee { font-size: 8pt;}
.tiny { font-size: 7pt;}
.hide {visibility: hidden;}
.conceal { display:none} /* ANTI SPAM -  DO NOT DELETE*/


/* **********  link for newsboxes on homepage and shop boxes *********** */
a:link.newslink, a:visited.newslink{color: #00CCFF; font-size:8pt; text-decoration:none; border-bottom:1px dotted #006600; }
a:hover.newslink, a:active.newslink{color:#00CCFF; font-size:8pt; text-decoration:underline; border-bottom:0;}

/* **********  buttons *********** */
.btn-style1 { /* blue on white */
width:230px; display:inline-block;
border-radius: 8px;
padding:12px 25px; 
 background-color: #fff;
text-decoration:none; 
cursor: pointer;
font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;
transition: all 0.1s ease 0s;
}
a:link.btn-style1 , a:visited.btn-style1 {   
text-decoration: none; font-size:1.4em;
color: #00ACED;
}
 a:hover.btn-style1, a:active.btn-style1  {
background-color: #2C3C77; 
color: #fff;
}

.btn-style2 { /* pink on white */
width:230px; display:inline-block;
border-radius: 8px;
padding:12px 25px; 
 background-color: #fff;
text-decoration:none; 
cursor: pointer;
font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;
transition: all 0.1s ease 0s;
}
a:link.btn-style2 , a:visited.btn-style2 {  
text-decoration: none; font-size:1.4em;
color: #E6007E;
}
 a:hover.btn-style2, a:active.btn-style2  {
background-color: #000; 
color: #fff;
}

.btn-style3 { /* white on green */
width:230px; display:inline-block;
border-radius: 8px;
padding:12px 25px; 
 background-color: #00CC00;
text-decoration:none; 
cursor: pointer;
font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;
transition: all 0.1s ease 0s;
}
a:link.btn-style3 , a:visited.btn-style3 {   
text-decoration: none; font-size:1.4em; background-color: #00CC00;
color: #fff;
}
 a:hover.btn-style3, a:active.btn-style3  {
background-color: #FF0000; 
color: #fff;
}
/* **********  end buttons *********** */

.quotebox{ background-image:url(../images/quotemarks.gif); background-repeat:no-repeat; 
  max-width:530px;	min-height:60px;
border-style: solid;
				border-color: #ccc;
				border-width: 1px ;
				padding:10px 10px 10px 60px;
				font-size:8pt; 
				margin-bottom:10px; margin-top:10px; margin-left:auto; margin-right:auto;
		
				}
/* for Internet Explorer 6 min-height hack*/
/*\*/
* html .quotebox {
height: 32px;
}
/**/


/* Media Queries */
@media screen and (max-width: 1023px) {
main{margin:0; padding:10px 10px 40px 10px; width:100%; }
menu#nav { display:none;  }
a:link.toplink, a:visited.toplink{font-size: 14pt;  padding:5px ;    }
a:hover.toplink, a:active.toplink{font-size: 14pt;  padding:5px  ;   }
a {word-wrap: break-word;}
.menuholder{display:block; width:100%; background-color:#2B3C77;  }
.adcolumn{  width:50%;  max-width:50%; margin-top:15px;}
}

@media screen and (max-width: 940px) {
main{margin:0;  padding:10px 10px 40px 10px; width:100%; }
menu#nav { display:none;  }
a:link.toplink, a:visited.toplink{font-size: 14pt;  padding:5px ;    }
a:hover.toplink, a:active.toplink{font-size: 14pt;  padding:5px  ;   }
a {word-wrap: break-word;}
header {display:block}
#headleft{display: none;}
#logo{width:100%;  max-width:600px; padding:10px; text-align:center; margin:auto; float:none}
#logo img{margin:0;  width:100%; max-width:600px; border:0;  text-align:center; }
#mediaicons{width:100%; float:left;   text-align:center;}

.menuholder{display:block; width:100%; background-color:#2B3C77;  }
.shopcontainer{margin:auto; max-width:450px;}
}

@media screen and (max-width: 768px) {
main{margin:0; padding:10px 10px 40px 10px; width:100%; }
menu#nav { display:none;  }
a:link.toplink, a:visited.toplink{font-size: 14pt;  padding:5px ;    }
a:hover.toplink, a:active.toplink{font-size: 14pt;  padding:5px  ;   }
a {word-wrap: break-word;}
.menuholder{display:block; width:100%; background-color:#2B3C77;  }

header {display:block}
#headleft{display: none;}
#logo{width:100%; float:left; max-width:600px; padding:10px; text-align:center; }
#logo img{margin:0;  width:100%; max-width:600px; border:0;  text-align:center; }
#mediaicons{width:100%; float:left;   text-align:center;}

.shopcontainer{margin:auto; max-width:222px;}
.specialistsmap{ display:none;}
.specialistlinksholder{ display:none;}


#maininfo{ width:100%; margin:0; padding:0 10px; box-sizing:border-box;  }
#calloutholder{width:100%;  padding:0; max-width:100%; overflow:auto; margin-top:10px;  }
#callout{min-width:100%;  min-height:100px;  width:50%;  padding:0; }
#homebox{ width:100%; float:left; max-width:100%; }
.chimpy{ padding:10px;}
}