* {
	//border: solid 1px #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}


body {
	padding: 0px;
	background: #b5d0ce;
}

body {
	padding: 0px;
	background: #fbfbfb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#main {
	width: 423px;	//	width: 956px;
	background: #b5d0ce;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	//border: solid 1px #f00;
}


h1 {
   font-size: 22px;	// See h1 section - commented out 28
}

h2 {
    font-size: 18px;	// See h2 section - commented out 22
}
h3 {
	font-size: 15px;// See h3 section - commented out
}



#split-left-narrow { 
	float: left;
	width: 26%;
	background: black;
	margin: 0;
	//padding: 0px 5.7% 10px 0.5%;	//	padding: 0px 5.7% 10px 1%;
	font-size: 12px;
	text-align: left;
	color: white;
	//color: #f0f;
	//border: solid 1px #0f0;
}


#left_portrait {
	width: 95%;
	font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	text-align: center;

	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	//padding: 0px 7.3% 10px 1.7%;
	//border: solid 1px #f0f;
}


#left_portrait img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#left_portrait p  {
	font-size: 12px;
//color: #f00;
	text-align: center;
}



#portrait1, #portrait2, #portrait5 {
	float: left;
}

#portrait3, #portrait4, #portrait6, #portrait7, #portrait8, #portrait9, #portrait10, #portrait11, #portrait12,  #portrait13,  #portrait14, #portrait15,  #portrait16, #portrait17, #portrait18, #portrait19  {
	float: right;
}




@media (max-width:319px) {
    body {
        background-color: pink;
        background-color: white;
    }
    #main {
	width: 319px;
    }
    h1 {
	font-size: 19px;
    }
    h2 {
	font-size: 16px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: LightGray;
	font-size: 10px;
    }
}

@media (min-width:320px) and (max-width:359px) {
    body {
        background-color: LightGray;
    }
    #main {
	width: 320px;
    }
    h1 {
	font-size: 19px;
    }
    h2 {
	font-size: 16px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: LightGray;
	font-size: 10px;
    }
}

@media (min-width:360px) and (max-width:413px) {
    body {
        background-color: black;
        background-color: white;
    }
    #main {
	width: 355px;
    }
    h1 {
	font-size: 19px;
    }
    h2 {
	font-size: 16px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: LightGray;
	font-size: 10px;
    }
}

@media (min-width:414px) and (max-width:479px) {
    body {
        background-color: pink;
        background-color: white;
    }
    #main {
	width: 409px;
    }
    h1 {
	font-size: 20px;
    }
    h2 {
	font-size: 18px;
    }
    #portrait4 {
	padding-top: 20px;
	padding-bottom: 180px;
    }
    #portrait5 {
	padding-top: 20px;
	padding-bottom: 120px;
    }
    #portrait6 {
	padding-top: 10px;
	padding-bottom: 180px;
    }
    #portrait7 {
	padding-top: 10px;
	padding-bottom: 80px;
    }
    #portrait8 {
	padding-top: 20px;
	padding-bottom: 80px;
    }
    #portrait13 {
	padding-bottom: 220px;
    }
    #portrait15 {
	padding-top: 0px;
	padding-bottom: 200px;
    }
    #portrait16 {
	padding-top: 0px;
	padding-bottom: 10px;
    }
    #portrait17 {
	padding-top: 10px;
	padding-bottom: 100px;
	//border: solid 1px #000;
    }
    #portrait18 {
	padding-top: 45px;
	padding-bottom: 100px;
    }
    #portrait19 {
	padding-top: 10px;
	padding-bottom: 100px;
    }
    #left_portrait p  {
	font-size: 12px;
	text-align: center;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: LightGray;
	font-size: 10px;
    }
}

@media (min-width:480px) and (max-width:539px) {
    body {
	background-color: yellow;
        background-color: white;
    }
    #main {
	width: 475px;
    }
    h1 {
	font-size: 21px;
    }
    h2 {
	font-size: 18px;
    }
    #portrait4 {
	padding-top: 20px;
	padding-bottom: 100px;
	//border: solid 1px #000;
    }
    #portrait5 {
	padding-top: 20px;
	padding-bottom: 80px;
    }
    #portrait6 {
	padding-top: 10px;
	padding-bottom: 100px;
    }
    #portrait7 {
	padding-top: 10px;
	padding-bottom: 20px;
    }
    #portrait8 {
	padding-top: 20px;
	padding-bottom: 80px;
    }
    #portrait13 {
	padding-bottom: 160px;
    }
    #portrait15 {
	padding-top: 0px;
	padding-bottom: 80px;
    }
    #portrait16 {
	padding-top: 10px;
	padding-bottom: 140px;
    }
    #portrait17 {
	padding-top: 10px;
	padding-bottom: 60px;
    }
    #portrait18 {
	padding-top: 50px;
	padding-bottom: 50px;
    }
    #portrait19 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: white;
	font-size: 12px;
    }
}

@media (min-width:540px) and (max-width:599px) {
    body {
        background-color: darkgreen;
        background-color: white;
    }
    #main {
	width: 530px;
    }
    h1 {
	font-size: 21px;
    }
    h2 {
	font-size: 18px;
    }
    #portrait4 {
	padding-top: 20px;
	padding-bottom: 70px;
    }
    #portrait5 {
	padding-top: 20px;
	padding-bottom: 95px;
    }
    #portrait6 {
	padding-top: 10px;
	padding-bottom: 70px;
    }
    #portrait7 {
	padding-top: 0px;
	padding-bottom: 10px;
	//border: solid 1px #000;
    }
    #portrait8 {
	padding-top: 20px;
	padding-bottom: 80px;
    }
    #portrait9 {
	padding-bottom: 80px;
    }
    #portrait13 {
	padding-bottom: 120px;
    }
    #portrait14 {
	padding-top: 10px;
	padding-bottom: 80px;
    }
    #portrait15 {
	padding-top: 0px;
	padding-bottom: 80px;
    }
    #portrait16 {
	padding-top: 10px;
	padding-bottom: 60px;
    }
    #portrait17 {
	padding-top: 10px;
	padding-bottom: 10px;
    }
    #portrait18 {
	padding-top: 40px;
    }
    #portrait19 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: white;
	font-size: 12px;
    }
}

@media (min-width:600px) and (max-width:639px) {
    body {
        background-color: pink;
        background-color: white;
    }
    #main {
	width: 580px;
    }
    h1 {
	font-size: 21px;
    }
    h2 {
	font-size: 18px;
    }
    #portrait4 {
	padding-top: 20px;
	padding-bottom: 60px;
    }
    #portrait5 {
	padding-top: 20px;
	padding-bottom: 80px;
    }
    #portrait6 {
	padding-top: 10px;
	padding-bottom: 60px;
    }
    #portrait7 {
	padding-top: 10px;
	padding-bottom: 80px;
    }
    #portrait8 {
	padding-top: 20px;
	padding-bottom: 40px;
    }
    #portrait9 {
	padding-bottom: 50px;
    }
    #portrait13 {
	padding-bottom: 80px;
    }
    #portrait14 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #portrait15 {
	padding-top: 0px;
	padding-bottom: 80px;
    }
    #portrait16 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #portrait17 {
	padding-top: 10px;
	padding-bottom: 10px;
    }
    #portrait18 {
	padding-top: 40px;
    }
    #portrait19 {
	padding-top: 10px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: white;
	font-size: 12px;
    }
}


@media (min-width:640px) and (max-width:666px) {
    body {
        background-color: red;
        background-color: white;
    }
    #main {
	width: 620px;
    }
    h1 {
	font-size: 21px;
    }
    h2 {
	font-size: 18px;
    }
    #portrait4 {
	padding-top: 20px;
	padding-bottom: 50px;
    }
    #portrait5 {
	padding-top: 20px;
	padding-bottom: 80px;
    }
    #portrait6 {
	padding-top: 10px;
	padding-bottom: 60px;
    }
    #portrait8 {
	padding-top: 20px;
	padding-bottom: 40px;
    }
    #portrait9 {
	padding-bottom: 50px;
    }
    #portrait13 {
	padding-bottom: 70px;
    }
    #portrait14 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #portrait15 {
	padding-top: 0px;
	padding-bottom: 80px;
    }
    #portrait16 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #portrait17 {
	padding-top: 10px;
	padding-bottom: 100px;
	//border: solid 1px #000;
    }
    #portrait18 {
	padding-top: 30px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: white;
	font-size: 12px;
    }
}


@media (min-width:667px) and (max-width:731px) {
    body {
        background-color: darkblue;
        background-color: white;
    }
    #main {
	width: 657px;
    }
    h1 {
	font-size: 22px;
    }
    h2 {
	font-size: 18px;
    }
    #portrait4 {
	padding-top: 20px;
	padding-bottom: 30px;
    }
    #portrait5 {
	padding-top: 20px;
	padding-bottom: 80px;
    }
    #portrait6 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #portrait7 {
	padding-top: 10px;
	padding-bottom: 80px;
    }
    #portrait8 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #portrait9 {
	padding-bottom: 60px;
    }
    #portrait13 {
	padding-bottom: 40px;
    }
    #portrait14 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #portrait15 {
	padding-top: 0px;
	padding-bottom: 40px;
    }
    #portrait16 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #portrait17 {
	padding-top: 10px;
	padding-bottom: 100px;
	//border: solid 1px #000;
    }
    #portrait18 {
	padding-top: 40px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: white;
	font-size: 12px;
    }
}


@media (min-width:732px) and (max-width:767px) {
    body {
        background-color: purple;
        background-color: white;
    }
    #main {
	width: 722px;
    }
    h1 {
	font-size: 22px;
    }
    h2 {
	font-size: 18px;
    }
    #portrait4 {
	padding-top: 20px;
	padding-bottom: 0px;
    }
    #portrait5 {
	padding-top: 10px;
	padding-bottom: 0px;
    }
    #portrait14 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #portrait17 {
	padding-top: 10px;
	padding-bottom: 10px;
    }
    #portrait18 {
	padding-top: 20px;
    }
    #portrait19 {
	padding-top: 0px;
	padding-bottom: 50px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: white;
	font-size: 12px;
    }
}


@media (min-width:768px) and (max-width:853px) {
    body {
        background-color: orange;
        background-color: white;
    }
    #main {
	width: 748px;
    }
    h1 {
	font-size: 22px;
    }
    h2 {
	font-size: 18px;
    }
    #portrait4 {
	padding-top: 10px;
	padding-bottom: 0px;
    }
    #portrait5 {
	padding-top: 10px;
	padding-bottom: 0px;
    }
    #portrait14 {
	padding-top: 10px;
	padding-bottom: 40px;
    }
    #portrait17 {
	padding-top: 10px;
	padding-bottom: 10px;
    }
    #portrait19 {
	padding-top: 0px;
	padding-bottom: 50px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: white;
	font-size: 12px;
    }
}

@media (min-width:854px) {
    body {
	background-color: #fafafa;
        background-color: white;
    }
    #main {
	width: 820px;
    }
    h1 {
	font-size: 16px;
    }
    h2 {
	font-size: 14px;
    }
    #portrait19 {
	padding-top: 0px;
	padding-bottom: 70px;
    }
    #main .wrapper #split-left-narrow #left_portrait p {
        color: white;
	font-size: 12px;
    }
}





.top-block {
	width: 100%;
	align="center";
	margin: 8px 0 0px 0;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	background: #959DFF;
	//border: solid 1px #000;
}

.top-block #p1 {
	margin: 0px 0 0px 0;
	padding: 18px 0px 0px 0px;
	font-size: 24px;	//	font-size: x-large;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	margin-top 0px;

}

.top-block #p2 {
	margin: 0px 0 0px 0;
	padding: 8px 0px 38px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	//	font-size: x-large;
	font-weight: bold;
	letter-spacing: 0.5px;
	color: #FFFFFF;
}

#header-block #im1{
	margin: 10px 0 0px 0;
}

#header-block-image {
	margin: 0px 0 0px 0px;
	padding: 0px 0px 3.1% 2.61%;	//	padding: 0px 0px 30px 25px;
	background: #FFF;
}

.centred {
	text-align: center;
}


#topbar {
	width: 94.45%;
	margin: 0px 0 0px 0px;
	//padding: 14px 27px 0px 25px;
	padding-top: 14px;
	padding-right: 2.8%;
	padding-bottom: 0px;
	padding-left: 2.7%;
	background: #FFF;
	//border: solid 1px #000;
}

h1 {
	font-family: "Trebuchet MS","Fira Sans", Arial, sans-serif, Helvetica;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	//font-family: Arial, Helvetica, sans-serif;
	//font-family: "Times New Roman", Times, serif;

	font-weight: bold;
	color: #FFFFff;
	padding: 4.7% 0px 0px 0;
	padding-bottom: 10px;
	margin: 0;
	text-align: left;
	width: 90%;
	//padding-left: 10%;
	//border: solid 1px #000;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: left;
	font-weight: bold;
	color: #fff;
}

h3 {
	font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	text-align: left;
	//font-size: 18px;
	font-weight: bold;
	color: #666;
	margin: 40px 0 20px 0;
	padding: 0;
	//border: solid 1px #000;
}


#responsive-video {
width: 90%;
height: auto;
//border: solid 2px #FF0;
}


.wrapper {
	float: left;
	width: 100%;
	text-align: left;
	//margin: 0px auto;
  	margin-left: 0px;
	padding: 0px;
        background-color: #4E4E4E;
        background-color: black;
	//border: solid 1px #0F0;
}

#centreblock {
    	width: 92.7%;	//	width: 886px;
  	margin-left: 3.65%;
  	//margin-right: auto;

	text-align: center;
	//background: #FFF;
	padding: 0;
	//border: solid 1px #777;
	//background: url('../images/left-border.png') repeat-y left top;
}


#rightblock {
	float: right;

    	width: 92.7%;	//	width: 886px;
  	margin-left: auto;
  	margin-right: auto;

	text-align: center;
	//background: #FFF;
	margin: 0;
	padding: 0;
	//border: solid 1px #777;
	//background: url('../images/left-border.png') repeat-y left top;
}


#split-left { 
	float: left;
	width: 42.9%;	//	width: 380px;  380/886 = 42.9%
	//background: white;
	margin: 0;
	padding: 0px 3.9% 10px 0px;	//	padding: 0px 15px 10px 0px;
	//border: solid 1px #000;
}

#split-right {
	float: right;
	width: 42.9%;	//	width: 380px;  380/886 = 42.9%
	margin: 0;
	padding: 0px 7.3% 10px 1.7%;	//	padding: 0px 65px 10px 15px;
	//border: solid 1px #000;
}

#split-right a{ display: inline; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #04b0ee; padding-left: 0px; padding-top: 0px; text-decoration: none; font-size: 10pt; }
#split-right a:hover{display:inline; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #268fbe; padding-left: 0px; text-decoration: underline; font-size: 10pt;}
#split-right a:active{display:inline; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #66cffe; padding-left: 0px; text-decoration: none; font-size: 10pt;}


#split-left-alan { 
	float: left;
	width: 40.6%;	//	width: 360px;	360/886 = 40.6%

	//background: white;
	margin: 0;
	padding: 0px 2.2% 10px 1.1%px;	//	padding: 0px 20px 10px 10px;
	//border: solid 1px #000;
}

#split-right-alan {
	float: right;
	width: 41.2%;	//	width: 365px;	365/886 = 41.2%
	margin: 0;
	padding: 0px 9% 10px 1.7%;	//	padding: 0px 80px 10px 15px;
	//border: solid 1px #000;
}

#split-left-large { 
	float: left;
	width: 41%;		//	width: 360px;   360/886 = 
	//background: white;
	margin: 0;
	padding: 0px 5.7% 10px 1%;	//	padding: 0px 55px 10px 10px;
	//border: solid 1px #000;
}

#split-right-small {
	float: left;
	width: 42%;		//	width: 380px;  380/886 = 42.9%
	padding: 0px 28% 10px 0px;	//	padding: 0px 65px 10px 0px;
	margin-left: 1%;
	//border: solid 1px #000;
}



#split-right-wide { 
	float: left;
	width: 65.3%;	//65%
	color: white;
	background: #4E4E4E;
	margin: 0;
	padding: 0px 4.2% 10px 4.5%;
	//border: solid 1px #f00;
	font-family:  Arial, Helvetica, sans-serif;
}



#footer-left-sub {
	width: 28%;	//	width: 250px;	26.1%
	height: 100px;

	float: left;
	position:relative;

	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 8.5%;	//		margin-left: 100px;

	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;

	font-size: 14px;
	line-height: 15px;
        color: #6b727c;
	//border: solid 1px #6b727c;
}


#footer-right-sub {
	width: 39.5%;	//		width: 330px;	34.5%
	height: 30px;

	float: right;
	position:relative;

	margin-top: 85px;
	margin-right: 5%;	//	margin-right: 120px;
	margin-bottom: 5px;
	margin-left: 1%px;	//	margin-left: 15px;

	padding-top: 0px;
	padding-right: 2%;	//	padding-right: 55px;  5%
	padding-bottom: 10px;
	padding-left: 0%;	//	padding-left: 20px;

	font-size: 14px;
	line-height: 16px;
        color: #6b727c;
	//border: solid 1px #6b727c;
}



.frontbody {
	//font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}

.frontbody a{ display: inline; color: #04b0ee; padding-left: 0px; text-decoration: none; font-size: 10pt;}
.frontbody a:hover{display:inline; color: #268fbe; padding-left: 0px; text-decoration: underline; font-size: 10pt;}
.frontbody a:active{display:inline; color: #66cffe; padding-left: 0px; text-decoration: none; font-size: 10pt;}


.content1 {
	//width: 100%;	
	//font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	//border: solid 1px #6b727c;
}


.content1 a{ display: inline; color: #FFFF66; padding-left: 0px; text-decoration: none; font-size: 12pt;}
.content1 a:hover{display:inline; color: #FFFFA6; padding-left: 0px; text-decoration: underline; font-size: 12pt;}
.content1 a:active{display:inline; color: #66cffe; padding-left: 0px; text-decoration: none; font-size: 12pt;}


#content1b {
	//font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}

#content1b a{ display: inline; color: #FFFF66; padding-left: 0px; text-decoration: none; font-size: 12pt;}
#content1b a:hover{display:inline; color: #FFFFA6; padding-left: 0px; text-decoration: underline; font-size: 12pt;}
#content1b a:active{display:inline; color: #66cffe; padding-left: 0px; text-decoration: none; font-size: 12pt;}



.frontbody_center_aligned {
	font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}


.subtitle {
	font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin-top: 35px;
}

#player {
	display:block;
	width: 350px;
	height: 233px;
}


#more_testimonials_link {
	font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	text-align: left;
	padding-left: 1.6%;	//	padding-left: 15px;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	//border: solid 1px #0cc;
}

#more_testimonials_link a{ display: inline; color: #04b0ee; padding-left: 15px; text-decoration: none; font-size: 12pt;}
#more_testimonials_link a:hover{display:inline; color: #268fbe; padding-left: 15px; text-decoration: underline; font-size: 12pt;}
#more_testimonials_link a:active{display:inline; color: #66cffe; padding-left: 15px; text-decoration: none; font-size: 12pt;}





.more_div {
        padding-top: 10px;
	//border: solid 1px #0cc;
}

.linkurl {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 14.5px;
	font-weight: normal;
	color: #FFFF66;
	text-decoration:none;
	}

a.linkurl:hover { color: #FFFFA6; text-decoration: underline;
	text-decoration:underline;
}
a.linkurl:active { color: #FFFFA6; text-decoration: underline;
	text-decoration:underline;
}



.new_linkurl {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFFF66;
	text-decoration:none;
	}

a.new_linkurl:hover { color: #FFFFA6; text-decoration: underline;
	text-decoration:underline;
	font-size: 15px;
}


.whitelink {  
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	}
	
a.whitelink:hover {  color: #cccccc; font-weight: normal;text-decoration: none}

#linksBox {
	width: 67%;
	text-align: left;
	float: right;
	margin-right: 0;
	//border: solid 1px #000;
}


.small_linkmenu {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#FFFF66;
	text-decoration: none;
	text-transform:none;
	font-weight: normal;	
	}

a.small_linkmenu:hover {
	font-size: 13px;
	color: #FFFF66; 
	text-decoration:underline;
	}


.small_darklinkmenu {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 13px;
	color:#333333;
	text-decoration: none;
	text-transform:none;
	
	}
a.small_darklinkmenu:hover {
	font-size: 13px;
	color: #333333; text-decoration: underline;
	text-decoration:underline;
	}



.footer-block {
	width: 100%;

	font-size: 11px;
	color:#777777;
	margin: 0px 0 20px 0;
	//text-align: left;
	padding-top: 10px;
        padding-bottom: 15px;
        margin-bottom: 5px;
	background-color: #CFCFCF;
	//border: solid 1px #000;
}


.footer_caption1, .footerurl, .footer_caption3  {

	font-size: 11px;
	color:#777777;
	text-decoration: none;
	text-transform: none;
        padding-left: 15px;
        padding-top: 18px;
        padding-bottom: 15px;
        margin-bottom: 7px;
	background-color: #CFCFCF;
	//border: solid 1px #0f0;
}

.footer_caption1 {
        float: left;
        width: 35%;
}

.footerurl {
        display: inline-block;
        margin: 0 auto;
        width: 25%;
}

.footer_caption3  {
        float: right;
        width: 24%;
}

a.footerurl { color:#777777; text-decoration: none; }
a.footerurl:hover { color:#777777; text-decoration: underline; }
a.footerurl:active { color:#777777; text-decoration: none; }


//.....left_pportrait was HERE




.left_container {
	float: left;
	width: 40%;
	font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-align: center;

	margin-top: 10px;
	margin-right: 1%;
	margin-left: 1%;
	//padding: 0px 7.3% 10px 1.7%;
	//border: solid 1px #000;
}

.left_container img{
	display: block;
	margin-left: auto;
	margin-right: auto
}

.left_container p{
	font-size: 13px;
	text-align: center;
}



.right_container {
	float: right;
	width: 40%;
	width: 36%;
	font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-align: center;

	margin-top: 10px;
	margin-right: 1%;
	margin-left: 1%;
	//padding: 0px 7.3% 10px 1.7%;
	//border: solid 1px #000;
}

.right_container img{
	display: block;
	margin-left: auto;
	margin-right: auto
}

.right_container p{
	font-size: 13px;
	text-align: center;
}


.quote_background {
	margin-top: 20px;
	padding: 15px;
	font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	background-color: #999999;
}


#right_label {
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	color: #fff;
}

#portrait1, #portrait2, #portrait3, #portrait4, #portrait5, #portrait6, #portrait7, #portrait8, #portrait9, #portrait10, #portrait11, #portrait12, #portrait13,  #portrait14, #portrait15, #portrait16, #portrait17,  #portrait18, #portrait19 {
	font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #fff;

	margin-top: 10px;
	margin-right: 0.15%;
	margin-right: 2.5%;
	margin-left: 0.5%;

	//padding: 0px 7.3% 10px 1.7%;
	//border: solid 1px #000;
}


#portrait1 {
	width: 38.5%;

	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
}

#portrait2 {
	width: 19%;

	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 2.5%;
}

#portrait3 {
	width: 37.5%;

	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 0%;
}

#portrait4 {
	width: 23%;

	margin-top: 0px;
	margin-left: 2.5%;
	margin-right: 0%;

	//border: solid 1px #000;
}

#portrait5 {
	width: 23%;

	margin-top: 0px;
	margin-left: 0%;
	margin-right: 2.5%;
}

#portrait6 {
	width: 26%;

	margin-top: -10px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 1%;

	//border: solid 1px #000;
}

#portrait7 {
	width: 18.5%;

	margin-top: 20px;
	margin-right: 2%;
	margin-bottom: 0%;
	margin-left: 2%;
}

#portrait8 {
	width: 39%;

	margin-top: 15px;
	margin-right: 2%;
	margin-bottom: 0%;
	margin-left: 2%;
}

#portrait9 {
	width: 27%;

	margin-top: 10px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 1%;

	//border: solid 1px #000;
}

#portrait10 {
	width: 38%;

	margin-top: 10px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 2%;
}

#portrait11 {
	width: 24%;

	margin-top: 10px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 2%;

	padding-bottom: 80px;
	//border: solid 1px #000;
}

#portrait12 {
	width: 36%;

	//padding-top: -10px;

	margin-top: -20px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 1%;
	//border: solid 1px #000;
}

#portrait13 {
	width: 39%;

	//padding-top: -5px;

	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 2%;
	//border: solid 1px #000;
}

#portrait14 {
	width: 26.5%;

	//padding-top: -5px;

	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 2%;
	//border: solid 1px #000;
}

#portrait15 {
	width: 39%;

	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0%;
	margin-left: 2%;
}

#portrait16 {
	width: 39%;

	margin-top: 15px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 2%;
}

#portrait17 {
	width: 33.5%;

	margin-top: 5px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 2%;
}

#portrait18 {
	width: 36%;

	//padding-top: -10px;

	margin-top: 0px;
	margin-right: 0%;
	margin-bottom: 0%;
	margin-left: 1%;
	//border: solid 1px #000;
}

#portrait19 {
	width: 23%;

	margin-top: 0px;
	margin-left: 2.5%;
	margin-right: 0%;

	//border: solid 1px #000;
}




#portrait1 img, #portrait2 img, #portrait3 img, #portrait4 img, #portrait5 img, #portrait6 img, #portrait7 img, #portrait8 img, #portrait9 img, #portrait10 img, #portrait11 img, #portrait12 img, #portrait13 img, #portrait14 img, #portrait15 img, #portrait16 img, #portrait17 img, #portrait18 img,  #portrait19 img  {
	display: block;
	margin-left: auto;
	margin-right: auto
}

#portrait1 p, #portrait2 p, #portrait3 p, #portrait4 p, #portrait5 p, #portrait6 p, #portrait7 p, #portrait8 p, #portrait9 p, #portrait10 p, #portrait11 p, #portrait12 p,  #portrait13 p, #portrait14 p, #portrait15 p, #portrait16 p, #portrait17 p, #portrait18 p, #portrait19 p  {
	font-size: 13px;
	text-align: center;
}




.bold_question {
	//font-family: "Trebuchet MS", Arial, sans-serif, Helvetica;
	text-align: center;
	font-size: 14px;
	color: #fff;

	font-weight:bold;
	font-style:italic;
}


.left_right_container { 
	float: left;
	width: 100%;	//	width: 380px;  380/886 = 42.9%
	//background: white;
	margin: 0;
	padding: 0px 0px 0px 0px;	//	padding: 0px 15px 10px 0px;
	//border: solid 1px #000;
}


.left_links_container { 
	float: left;
	width: 47%;	//	width: 380px;  380/886 = 42.9%
	//background: white;
	margin: 0;
	padding: 0px 0px 0px 0px;	//	padding: 0px 15px 10px 0px;
	//border: solid 1px #000;
}


.right_links_container { 
	float: right;
	width: 47%;	//	width: 380px;  380/886 = 42.9%
	//background: white;
	margin: 0;
	padding: 0px 0px 0px 4%;	//	padding: 0px 15px 10px 0px;
	//border: solid 1px #000;
}

.style30 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	text-align: left;
	color: #FFFF99;
	font-size: 14px;
	font-weight: bold;
}



/* Add a black background color to the top navigation */
.topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;


  background-color: #333;
  background-color: #FF0099;
	padding-top: 0px; 
	padding-bottom: 0px; 
	text-align: center;
	color: #f0f0f0;
color: red;
  overflow: hidden;
	//border: solid 1px #0f0;
}


/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;


  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
	//border: solid 1px #f00;

	//border-top: 1px solid #555;
	//border-left: 1px solid #555;
	//border-right: 1px solid #555;
	//border-bottom: 1px solid #555;
}


/* Add an active class to highlight the current page */
.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
  float: left;
  overflow: hidden;
	//border: solid 1px #00f;
//width: 30.5%;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
	font-family: Arial, Helvetica, sans-serif;
	font-family: Verdana;

	font-weight: bold;
	font-style: normal;
  font-size: 16px;
  border: none;
	//border: solid 1px #0f0;
  outline: none;
  color: white;
  padding-top: 19px;
  padding-bottom: 19px;
  padding-left: 6px;
  padding-right: 0px;
  margin: -1px;

  //background-color: inherit;
  background: #FF0099;
  //font-family: inherit;


//width: 50%;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  //font-size: 28px;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
background: #098381;
/* Pink  */
background: #FF0099;


  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
font-size: 15.8px;
  float: none;
  color: white;
  padding: 12px 16px;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
  text-align: left;
}




/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 732px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 732px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}


/* Padding for the nav bar links if screen width is 'full size'  */
@media screen and (min-width: 854px) {

.dropdown .dropbtn {

    padding-left: 30.7px;
    padding-right: 30.7px;

//border: solid 1px #0ff;
  }
}

/* Padding for the nav bar links if screen width is 'orange'  */
@media (min-width:768px) and (max-width:853px) {

.dropdown .dropbtn {

    padding-left: 18.65px;
    padding-right: 18.65px;

//border: solid 1px #0ff;
  }
}

/* Padding for the nav bar links if screen width is 'purple'  */
@media (min-width:732px) and (max-width:767px) {

.dropdown .dropbtn {

    padding-left: 14.355px;
    padding-right: 14.355px;

//border: solid 1px #0ff;
  }
}


/* Switch between different nav menu styles according to device size */
/* default - for Small devices  */

  .dropdown {
/* Pink  */
  background: #FF0099;
  }

.dropdown:hover .dropbtn {
/* Dark Gey Green */
   background: #5e7776;
  }

 .dropdown-content {
  line-height: 100%;

  border-top: 0px solid #555;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-bottom: 0px solid #555;

/* Grey Green */
   background: #098381;
}

 .dropdown-content a:hover {
/* Light Grey */
  background: #7d9d9b;
}




/* Switch nav menu - for Large devices  */
@media screen and (min-width: 732px) {

  .dropdown {
/* Pink  */
  background: #FF0099;
  }

.dropdown:hover .dropbtn {
/* Pink  */
  background: #FF0099;
  }

 .dropdown-content {
  line-height: 70%;
  margin-top: -10px;

/* Pink  */
  background: #FF0099;
}

 .dropdown-content a:hover {
/*  Light Pink */
  background: #fb7ac6;
}


#topMenuItem {
  float: none; 
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 0px solid #000;
  position: relative;

  //margin-top: -15px;
}

#menuItem {
  float: none; 
  border-top: 0px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 0px solid #000;
  position: relative;
}

#bottomMenuItem {
  float: none; 
  border-top: 0px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  position: relative;
}

#topAndBottomMenuItem {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}


/* ---  NAV MENU COLOURS --- */

/*  Large Screen  */

/* Pink  */
// background: #FF0099;

/*  Light Pink */
//background: #fb7ac6;




/*  Small Screen  */

/* Dark Gey Green */
   //background: #5e7776;

/* Grey Green */
   //background: #098381;

/* Light Grey */
//  background: #7d9d9b;