/*
===========================================================================================
===========================================================================================
 Tempest Technology - Website
 -------------------------------------------------
 Copyright:	Tempest Technology  (Pete Tempest)
 		Code from this website must not be used by 3rd parties without permission
===========================================================================================
 FILENAME: 	temptech.css
 DESCRIPTION:	CSS page
===========================================================================================
 NOTES
 Dependency:	none 
===========================================================================================
 | HISTORY
 |-----------------------------------------------------------------------------------------
 | Date		| Author		| Details
 |--------------|-----------------------|--------------------------------------------------
 | 06/06/2015   | Pete Tempest		| First created
 | 02/02/2016   | Pete Tempest		| Different fonts added
 | 27/08/2017   | Pete Tempest		| First HTML 5 Version
 |              |             		|
 |              |             		|
===========================================================================================
*/

/************** fonts - start ***************/

@font-face {
    font-family: 'Grotesk Pro Light';
    src: url('fonts/grotesk-pro-light-webfont.eot');
    src: url('fonts/grotesk-pro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-light-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk Pro Light Italic';
    src: url('fonts/grotesk-pro-lightitalic-webfont.eot');
    src: url('fonts/grotesk-pro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-lightitalic-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Grotesk Pro Regular';
    src: url('fonts/grotesk-pro-regular-webfont.eot');
    src: url('fonts/grotesk-pro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-regular-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk Pro Italic';
    src: url('fonts/grotesk-pro-italic-webfont.eot');
    src: url('fonts/grotesk-pro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-italic-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Grotesk Pro Medium';
    src: url('fonts/grotesk-pro-medium-webfont.eot');
    src: url('fonts/grotesk-pro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-medium-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk Pro Bold';
    src: url('fonts/grotesk-pro-bold-webfont.eot');
    src: url('fonts/grotesk-pro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-bold-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk Pro Bold Italic';
    src: url('fonts/grotesk-pro-bolditalic-webfont.eot');
    src: url('fonts/grotesk-pro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-bolditalic-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Grotesk Pro Caps';
    src: url('fonts/grotesk-pro-caps-regular-webfont.eot');
    src: url('fonts/grotesk-pro-caps-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-caps-regular-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-caps-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk Pro Caps Bold';
    src: url('fonts/grotesk-pro-caps-bold-webfont.eot');
    src: url('fonts/grotesk-pro-caps-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-caps-bold-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-caps-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk Pro Condensed Light';
    src: url('fonts/grotesk-pro-cd-light-webfont.eot');
    src: url('fonts/grotesk-pro-cd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-cd-light-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-cd-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk Pro Condensed Bold';
    src: url('fonts/grotesk-pro-cd-bold-webfont.eot');
    src: url('fonts/grotesk-pro-cd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/grotesk-pro-cd-bold-webfont.woff') format('woff'),
         url('fonts/grotesk-pro-cd-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/******************************************/
@font-face {
    font-family: 'noto_serifregular';
    src: url('fonts/NotoSerif-Regular-webfont.eot');
    src: url('fonts/NotoSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSerif-Regular-webfont.woff') format('woff'),
         url('fonts/NotoSerif-Regular-webfont.ttf') format('truetype'),
         url('fonts/NotoSerif-Regular-webfont.svg#noto_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_serifitalic';
    src: url('fonts/NotoSerif-Italic-webfont.eot');
    src: url('fonts/NotoSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSerif-Italic-webfont.woff') format('woff'),
         url('fonts/NotoSerif-Italic-webfont.ttf') format('truetype'),
         url('fonts/NotoSerif-Italic-webfont.svg#noto_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_serifbold_italic';
    src: url('fonts/NotoSerif-BoldItalic-webfont.eot');
    src: url('fonts/NotoSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSerif-BoldItalic-webfont.woff') format('woff'),
         url('fonts/NotoSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/NotoSerif-BoldItalic-webfont.svg#noto_serifbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_serifbold';
    src: url('fonts/NotoSerif-Bold-webfont.eot');
    src: url('fonts/NotoSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSerif-Bold-webfont.woff') format('woff'),
         url('fonts/NotoSerif-Bold-webfont.ttf') format('truetype'),
         url('fonts/NotoSerif-Bold-webfont.svg#noto_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/******************************************/
@font-face {
    font-family: 'Marriage Pro';
    src: url('fonts/marriage-pro-webfont.eot');
    src: url('fonts/marriage-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/marriage-pro-webfont.woff') format('woff'),
         url('fonts/marriage-pro-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/******************************************/
@font-face {
	font-family: 'MTCORSVA';
	src: url('fonts/MTCORSVA.eot');
	src: local('MTCORSVA'), 
	     url('fonts/MTCORSVA.woff') format('woff'), 
	     url('fonts/MTCORSVA.ttf') format('truetype');
}
/******************************************/
/************** fonts - end  ****************/

body {
	background:url("../images/wallpaper.png") no-repeat; 
	background-size:100%;
	background-attachment:fixed;
	background-position:top;
	text-align:center;
	margin-top:-0.5vw;
	margin-bottom:-1vw;
}

.lightfore {color:#f5ffe0;}
.darkfore {color:#004a00;}
.yellfore {color:#ffff00;}
.whitefore {color:#ffffff;}
.blackfore {color:#000000;}
.greyfore {color:#909090;border:0.4vw solid #00ff00;}
.redfore {color:#d00000;}
.welsummerbluefore {background-color:#000050;}  /*    0  0  80  */

.whiteback {background-color:#ffffff;}
.blackback {background-color:#000000;}
.lightback {background-color:#f5ffe0;}
.darkback {background-color:#004a00;}
.yellback {background-color:#ffff00;}
.mmmml1076_blueback {background-color:#66c1ff;}
.cl4604_darkborder {border:6px solid #000080;}
.cl4604_paleback {background-color:#b0e0e6;}
.sa954_redback {background-color:#cc0000;}
.mm_1076_blueback {background-color:#66c1ff;}
.ram383_greenback {background-color:#005030;}  /*    0  80  48  */
.welsummerblueback {background-color:#b8e8ff;}  /*    0  0  224  */

.ram383_goldborder {border:5px solid #ffdf00;}   /*  255 223   0  */

.subject_divider {border-width:1vw; border-color:#f5ffe0;}
.subject_divider_thin {border-width:0.5vw; border-color:#f5ffe0;}
.subject_divider_thick {border-width:2vw; border-color:#f5ffe0;}

a:link {color: #0000ff;}
a:visited {color: #0000ff;}
a:hover {color: #ff00ff;}
a:active {color: #7cfc00;}

a:link.selected_page {
	font-family:'Grotesk Pro Bold','sans serif';color:#000000;
	text-decoration:none;font-weight:bold;
	background-color:#ffffff;
}
a:hover.selected_page {font-family:'Grotesk Pro Bold', 'sans serif';color: #000000;text-decoration:none;font-weight:bold;background-color:#ffffff;}
a:link.menu_page {font-family:'Grotesk Pro Bold', 'sans serif'; color:#ffffff; font-weight:bold; text-decoration:none;}
a:visited.menu_page {color: #ffffff; font-weight:bold;}
a:hover.menu_page {color: #ff00ff; font-weight:bold;}

.pos_tticon {
	width:2.5vw;
	margin-right:0.5vw;
	vertical-align:sub;
}

.slightlytransparent {
	background:rgba(230,255,210,0.8);
}

.homelistitem {
	width:70%;
	padding:0.5vw 0.3vw 0.8vw 0.5vw;
	text-align:left;
	font-family:'Grotesk Pro Medium', 'sans serif';
	font-size:1.8vw;
	font-weight:normal;
	font-style:italic;
	color:#004a00;
	background:rgba(255,255,255,9);
	border:0.2vw solid #004a00;
	margin:1vh 0 1.25vw 15%;
}

.newslistitem {
	width:70%;
	padding:0.5vw 0.5vw 1vw 0.5vw;
	text-align:left;
	font-family:'Grotesk Pro Medium', 'sans serif';
	font-size:1.5vw;
	font-weight:normal;
	color:#004a00;
	background:rgba(255,255,255,9);
	border:0.2vw solid #004a00;
	margin:2.5vh 0 4vw 15%;
}

#contacts_table {
	width:70%; 
	margin:auto;
	margin-top:2vh;
	margin-bottom:2vw;
	table-layout:fixed; 
	border-collapse:collapse;
	border:0.2vw solid #004a00; 
	font-family:'Grotesk Pro Regular','sans serif';
	color:#004a00;
	background-color:#ffffff;
	font-size:1.9vw; 
	font-weight:bold; 
	text-align:left;
}

table.links_table {
	width:89%; 
	margin:auto;
	margin-bottom:1vh;
	table-layout:fixed; 
	border-collapse:collapse; 
	border:0.5vw solid #004a00; 
	background-color:#ffffff;
	font-family: 'Grotesk Pro Regular', 'sans serif'; 
	color:#004a00; 
	font-size:2vw; 
	font-weight:900; 
	text-align:left;
}
table.links_table td {
	border-top:0.5vw solid #004a00;
}

#tt_header {
	width:100%;
	border:0.1vw solid #004a00;
	border-left:none; 
	border-right:none;
	border-bottom:0.5vw solid #004a00;;
	background-color:#004a00;
	margin:auto;
}

#head_left {
	float:left; 
	width:37%;
	height:100%;
	border:0.5vw solid #004a00;
	text-align:left;
	margin:0 0 0 0;
	background-color:#004a00;
}

#head_centre {
	float:left; 
	width:26%;
	height:100%;
	font-family:'Grotesk Pro Regular', 'sans serif';
	margin:0 0 0 0;
	color:#f5ffe0; 
	background-color:#004a00;
	text-align:center;
}

#head_right {
	float:right; 
	width:34%;
	height:100%;
	border:0.5vw solid #004a00;
	text-align:left;
	margin:0 0 0 0;
	background-color:#004a00;
}

.menu_box_container {
	float:left;
	width:99%;
	background-color:#004a00;
	margin:1.5vh 0 0.5vh 0; 
	text-align:center;
}

.landing_box_container {
	max-height:60vh
	min-height:20vh
	max-width:99%
	background-color:#004a00;
	text-align:center;
}

.foot_menu_box_container {
	float:left;
	width:60%;
	background-color:#004a00;
	margin:1vh 0.5vw 0.5vh 0; 
	text-align:center;
}

.menu_box {
	width:100%;
	height:100%;
	text-align:center;
	font-weight:bold;
	border:1px solid yellow;
}

.menu_item {
	text-align:center;
	vertical-align:top;
	font-family:'Grotesk Pro Regular', 'sans serif';
	color:#ffffff;
	font-size:1.5vw;
	font-weight:400;
	margin:0.2vh 0 0.3vh 1.5vw;
	float:left;
}
.menu_tt_font {
	font-family:'Grotesk Pro Bold', 'sans serif';
	font-size:1.9vw;
	font-weight:900;
}

#main_box_container {
	width:100%;
	background:rgba(230,255,210,0.8);
	border:1% solid #004a00;
	margin:0 0 0 0;
}

#main_box {
	width:100%;
	background:rgba(255,255,255,0);
	margin-bottom:0;
	overflow:auto;
	font-weight:bold;
}

.pagetitle {
	margin:1vh 0 1vh 15.5%;
	text-align:left;
	font-family:'Grotesk Pro Bold', 'sans serif';
	font-size:2.6vw;
	font-weight:700;
	color:#004a00;
}

#tt_footer {
	width:100%;
	height:20%;
	border-top:0.1vw solid #004a00;
	border-left:none; 
	border-right:none;
	border-bottom:0.5vw solid #004a00;
	background-color:#004a00;
	margin:0 0 0 0;
}

#tt_footright {
	float:right; 
	width:30%;
	text-align:center;
	margin:0 0 0.5vw 0;
	background-color:#f5ffe0;
}

.newspara135 {
	font-family:'Grotesk Pro Regular','sans serif';
	color:#004a00;
	font-size:1.35vw;
	margin:1.25vh 0.75vw 0 3.5vw;
}
.newspara15 {
	font-family:'Grotesk Pro Regular','sans serif';
	color:#004a00;
	font-size:1.5vw;
	margin:1.25vh 0.75vw 0 3.5vw;
}
.newspara16 {
	font-family:'Grotesk Pro Regular','sans serif';
	color:#004a00;
	font-size:1.6vw;
	margin:1.25vh 0.75vw 0 3.5vw;
}

.newsheading20 {
	font-family:'Grotesk Pro Bold','sans serif';
	color:#004a00;
	font-size:2vw;
	margin:1.25vh 0.75vw 0 3.5vw;
}

.portfolio_client_name {
	font-family:'Grotesk Pro Caps Bold','sans serif';
	color:#004a00;
	font-size:3.6vw;
	font-weight:bold;
	margin:1.25vh 0.75vw 0 3.5vw;
}

.labelfont0_8vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:0.8vw;}
.labelfont1_0vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.0vw;}
.labelfont1_2vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.2vw;}
.labelfont1_4vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.4vw;}
.labelfont1_5vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.5vw;}
.labelfont1_6vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.6vw;}
.labelfont2_0vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:2vw;}
.labelfont2_2vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:2.2vw;}

.labelfont_white0_8vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffffff; font-size:0.8vw;}
.labelfontwhite1_0vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffffff; font-size:1.0vw;}
.labelfontwhite1_2vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffffff; font-size:1.2vw;}
.labelfontwhite1_4vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffffff; font-size:1.4vw;}
.labelfontwhite1_5vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffffff; font-size:1.5vw;}
.labelfontwhite1_6vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffffff; font-size:1.6vw;}
.labelfontwhite2_0vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffffff; font-size:2vw;}
.labelfontwhite2_2vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffffff; font-size:2.2vw;}

.labelfontpale1_0vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:1vw;}
.labelfontpale1_1vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:1.1vw;}
.labelfontpale1_2vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:1.2vw;}
.labelfontpale1_3vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:1.3vw;}
.labelfontpale1_4vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:1.4vw;}
.labelfontpale1_5vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:1.5vw;}
.labelfontpale1_6vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:1.6vw;}
.labelfontpale1_8vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:1.8vw;}
.labelfontpale2_0vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:2vw;}
.labelfontpale2_2vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:2.2vw;}
.labelfontpale2_4vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#f5ffe0; font-size:2.4vw;}

.labelfontpale1_0vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#f5ffe0; font-size:1vw;}
.labelfontpale1_1vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#f5ffe0; font-size:1.1vw;}
.labelfontpale1_2vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#f5ffe0; font-size:1.2vw;}
.labelfontpale1_3vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#f5ffe0; font-size:1.3vw;}
.labelfontpale1_4vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#f5ffe0; font-size:1.4vw;}
.labelfontpale1_6vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#f5ffe0; font-size:1.6vw;}
.labelfontpale1_8vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#f5ffe0; font-size:1.8vw;}
.labelfontpale2_0vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#f5ffe0; font-size:2vw;}

.datafont0_4vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:0.4vw;}
.datafont0_5vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:0.5vw;}
.datafont0_6vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:0.6vw;}
.datafont0_7vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:0.7vw;}
.datafont0_8vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:0.8vw;}
.datafont0_9vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:0.9vw;}
.datafont1_0vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1vw;}
.datafont1_1vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.1vw;}
.datafont1_2vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.2vw;}
.datafont1_3vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.3vw;}
.datafont1_4vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.4vw;}
.datafont1_5vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.5vw;}
.datafont1_6vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.6vw;}
.datafont1_7vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.7vw;}
.datafont1_8vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:1.8vw;}
.datafont2_0vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:2vw;}
.datafont2_2vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:2.2vw;}
.datafont2_4vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:2.4vw;}
.datafont2_6vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:2.6vw;}
.datafont2_7vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:2.7vw;}
.datafont2_8vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:2.8vw;}
.datafont3_0vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:3vw;}
.datafont3_2vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:3.2vw;}
.datafont3_4vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:3.4vw;}
.datafont3_6vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:3.6vw;}
.datafont4_0vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:4vw;}
.datafont4_2vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:4.2vw;}
.datafont4_4vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:4.4vw;}
.datafont4_8vw {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#004a00; font-size:4.8vw;}

.datafont0_4vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:0.4vw;font-weight:900;}
.datafont0_5vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:0.5vw;font-weight:900;}
.datafont0_6vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:0.6vw;font-weight:900;}
.datafont0_7vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:0.7vw;font-weight:900;}
.datafont0_8vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:0.8vw;font-weight:900;}
.datafont0_9vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:0.9vw;font-weight:900;}
.datafont1_0vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:1vw;font-weight:900;}
.datafont1_1vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:1.1vw;font-weight:900;}
.datafont1_2vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:1.2vw;font-weight:900;}
.datafont1_3vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:1.3vw;font-weight:900;}
.datafont1_4vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:1.4vw;font-weight:900;}
.datafont1_5vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:1.5vw;font-weight:900;}
.datafont1_6vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:1.6vw;font-weight:900;}
.datafont1_7vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:1.7vw;font-weight:900;}
.datafont1_8vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:1.8vw;font-weight:900;}
.datafont2_0vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:2vw;font-weight:900;}
.datafont2_2vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:2.2vw;font-weight:900;}
.datafont2_4vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:2.4vw;font-weight:900;}
.datafont2_6vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:2.6vw;font-weight:900;}
.datafont2_7vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:2.7vw;font-weight:900;}
.datafont2_8vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:2.8vw;font-weight:900;}
.datafont3_0vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:3vw;font-weight:900;}
.datafont3_2vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:3.2vw;font-weight:900;}
.datafont3_4vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:3.4vw;font-weight:900;}
.datafont3_6vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:3.6vw;font-weight:900;}
.datafont4_0vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:4vw;font-weight:900;}
.datafont4_2vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:4.2vw;font-weight:900;}
.datafont4_4vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:4.4vw;font-weight:900;}
.datafont4_8vw_heavy {font-family: 'Grotesk Pro Bold', 'sans serif'; color:#004a00; font-size:4.8vw;font-weight:900;}

.datafont1_4vw_alt {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#cc0000; font-size:1.4vw;}
.datafont1_8vw_alt {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#cc0000; font-size:1.8vw;}
.datafont2_2vw_alt {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#cc0000; font-size:2.2vw;}
.datafont2_4vw_alt {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#cc0000; font-size:2.4vw;}

.labelfont2_0vw_yell {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffff00; font-size:2vw;}
.labelfont2_4vw_yell {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffff00; font-size:2.4vw;}
.datafont2_0vw_yell {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffff00; font-size:2vw;}
.datafont2_2vw_yell {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffff00; font-size:2.2vw;}
.datafont2_3vw_yell {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffff00; font-size:2.3vw;}
.datafont2_4vw_yell {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffff00; font-size:2.4vw;}

.datafont1_1vw_black {font-family: 'Grotesk Pro Bold', 'sans serif'; 
	color:#000000; font-size:1.1vw;}
.datafont1_2vw_black {font-family: 'Grotesk Pro Bold', 'sans serif'; 
	color:#000000; font-size:1.2vw;}
.datafont1_25vw_black {font-family: 'Grotesk Pro Bold', 'sans serif'; 
	color:#000000; font-size:1.25vw;}
.datafont1_3vw_black {font-family: 'Grotesk Pro Bold', 'sans serif'; 
	color:#000000; font-size:1.3vw;}
.datafont1_35vw_black {font-family: 'Grotesk Pro Bold', 'sans serif'; 
	color:#000000; font-size:1.35vw;}
.datafont1_4vw_black {font-family: 'Grotesk Pro Bold', 'sans serif'; 
	color:#000000; font-size:1.4vw;}

.datafont0_7vw_nocoloor {font-family: 'Grotesk Pro Regular', 'sans serif'; font-size:0.7vw;}
.datafont0_8vw_nocoloor {font-family: 'Grotesk Pro Regular', 'sans serif'; font-size:0.8vw;}
.datafont0_85vw_nocoloor {font-family: 'Grotesk Pro Regular', 'sans serif'; font-size:0.85vw;}
.datafont0_9vw_nocoloor {font-family: 'Grotesk Pro Regular', 'sans serif'; font-size:0.9vw;}
.datafont1_0vw_nocoloor {font-family: 'Grotesk Pro Regular', 'sans serif'; font-size:1vw;}
.datafont1_1vw_nocoloor {font-family: 'Grotesk Pro Regular', 'sans serif'; font-size:1.1vw;}
.datafont1_2vw_nocoloor {font-family: 'Grotesk Pro Regular', 'sans serif'; font-size:1.2vw;}

.datafont1_0vw_white {font-family: 'Grotesk Pro Regular', 'sans serif'; color:#ffffff; font-size:1vw;}

.mmmml1076_headfont {
	font-family:'MTCORSVA','serif';
	color:#a00030;
	background-color:#66c1ff;
	font-size:3.5vw;
	text-decoration:none;
}
.hrasa954_headfont {
	font-family:'Marriage Pro','serif';
	color:#004a00;
	background-color:#ffffff;
	font-size:3vw;
}
.welsummer_headfont {
	font-family:'noto_serifbold','serif';
	color:#000050;
	font-size:4vw;
	text-decoration:none;
}
.dpgs3924_headfont {
	font-family:'MTCORSVA','serif';
	color:#a00030;
	font-size:3.5vw;
	text-decoration:none;
}
.sdc_headfont {
	font-family:'noto_serifbold','serif';
	color:#e7f1f8;
	font-size:4vw;
	text-decoration:none;
}

.sdcpaleback {
	background-color:#e7f1f8; 
}
.sdcpaleforebackdark {
	color:#e7f1f8; 
	background-color:darkblue; 
}

.soc_med_link {
	float:right;
	width:10%;
	margin:0 0.5vw 0 0;
	text-align:center;
}

.foot_phone_link {
	float:left;
	width:70%;
	text-align:left;
	margin:0 0 0 0.3vw;
}
.spacerdiv {
	clear:both;
	width:100%;
	height:0.1vw;
	margin:0 0 0 0;
}