﻿/* OrangeText #ff4466 Now mid blue #205080 */
/* PinkText #ff4466 now: Titles in Icon Dark Blue #205080  Hover link in Icon Shock Blue #ff4466 */

img {margin:auto;}
* {margin-bottom:0px;margin-top:0px;}
p {display:block;margin-top:0.5em;margin-bottom:1em;}

/* Body */

li { 
    list-style: none; 
    list-style-image: url(../images/blue-bpt.gif);
    padding-left: 6px;
}


img.leftimage {
	margin: 0px 10px 10px 0px;
	float: left;
	_display: inline;
	vertical-align: text-top;
}

img.rightimage {
	margin: 0px 0px 10px 10px;
	float: right;
	_display: inline;
	vertical-align: text-top;
}

img
{  border-style: none;
}

table {border-style:none;}
td {border-style:none;}
th {border-style:none;}

img.displayed {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto; }

/* Main Site Text Styling */

BODY {margin: 0 auto; background-color : #FFFFFF ;color : #3C4B4D;scrollbar-3dlight-color: #d0d9db;scrollbar-base-color: #D6E5AA;scrollbar-darkshadow-color: #becbcd;scrollbar-face-color: #eaecee;scrollbar-highlight-color: #becbcd;scrollbar-shadow-color: #89A2A5;scrollbar-track-color: #becbcd;scrollbar-arrow-color: #89A2A5;font-family: Arial,Verdana,Helvetica;font-size: 1em;color: #222;text-decoration: none; display:inline;}
td,tr,p,div {font-size: 1rem; color: #222;}
big {font-size: 1.1rem;font-weight: bold;}
h1 {font-size: 1.3rem;font-weight: bold;}
h2 {font-size: 1.2rem;font-weight: bold;}
h3 {font-size: 1.1rem;font-weight: bold;}
h4 {font-size: 1.06rem;font-weight: bold;}
h5 {font-size: 1.03rem;font-weight: bold;}
h6 {font-size: 1rem;font-weight: bold;}

h1, h2, h3, h4, h5, h6 {
    margin: 0.25rem 0 1rem 0;
    text-rendering: optimizeLegibility;
	font-weight: bold;
}

a:link,a:visited {color: #0368a8;font-weight: bold;}
/* text-decoration: underline; text-decoration-style: dotted; text-decoration-color: #aaa; */
a:hover {color: #e55b00;font-weight: bold;}
/* text-decoration: underline; text-decoration-style: solid; text-decoration-color: #777; */
a.weblinks:link,a.weblinks:visited {color: #0368a8;text-decoration: none;font-family:  Arial,Verdana,Helvetica;}
a.weblinks:hover {color: #e55b00;text-decoration: underline;}
a.readon:link,a.readon:visited {font-weight: bold;color: #0368a8;text-align: right;text-indent: 2px;width: 100%;height: 18px;border-bottom: 2px solid #E5E6E7;}
a.readon:hover {font-weight: bold;color: #e55b00;text-align: right;text-indent: 2px;width: 100%;height: 18px;border-bottom: 2px solid #E5E6E7;}

td {
    padding: 0.25rem;
    border: none;
}

hr {
    margin: 0.25rem 0;
    border-bottom: 1px solid rgba(104, 104, 104, 0.5);
}

/* Style strapline at top of everypage */
#logo-strapline p {
    font-size: 1em;
	font-size: clamp(10px, 1.2vw, 18px);
	color: #333;
	margin-top: 0.5em;
	text-align: center;
}

#main-phone-text p {
    text-align: center; 
    font-size: 1em;
    font-size: clamp(12px, 1vw, 14px);
    margin-top: 0em;
    margin-bottom: 0em;
}

#main-phone-number {
text-align: center; 
font-size: 2.3em; 
margin-top: 0em;
text-decoration: none;
}

#mobile-phone-number {
text-align: center; 
font-size: 1.9em; 
margin-top: 0em;
text-decoration: none;
}



/* Styling for mobiles */
@media (max-width: 766px) {
BODY {margin: 0 auto; background-color : #FFFFFF ;color : #3C4B4D;scrollbar-3dlight-color: #d0d9db;scrollbar-base-color: #D6E5AA;scrollbar-darkshadow-color: #becbcd;scrollbar-face-color: #eaecee;scrollbar-highlight-color: #becbcd;scrollbar-shadow-color: #89A2A5;scrollbar-track-color: #becbcd;scrollbar-arrow-color: #89A2A5;font-family: Arial,Verdana,Helvetica;font-size: 1.2rem;color: #000;text-decoration: none; display:inline;}
td,tr,p,div {font-size: 1.2rem; color: #000;}
big {font-size: 1.1rem;font-weight: bold;}
h1 {font-size: 1.3rem;font-weight: bold;}
h2 {font-size: 1.2rem;font-weight: bold;}
h3 {font-size: 1.1rem;font-weight: bold;}
h4 {font-size: 1.06rem;font-weight: bold;}
h5 {font-size: 1.03rem;font-weight: bold;}
h6 {font-size: 1rem;font-weight: bold;}
}

/* padding for sub levels of top menu */
.menutop .level2 li {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    margin-top: 10px;
}
