/*
===========================================================================================
===========================================================================================
 Welsummer Club - Website  (www.welsummer.club)
 ==========================================================================================
 Copyright:	Tempest Technology  (Pete Tempest)
 		Code from this website must not be used by 3rd parties without permission
===========================================================================================
 FILENAME: 	welsummer.css
 DESCRIPTION:	CSS page
===========================================================================================
 NOTES
 Dependency:	none
===========================================================================================
 | HISTORY
 |-----------------------------------------------------------------------------------------
 | Date		| Author		| Details
 |--------------|-----------------------|--------------------------------------------------
 | 11/07/2017   | Pete Tempest		| First created
 |              |             		|
 |              |             		|
 |              |             		|
===========================================================================================
===========================================================================================
*/

/******************************************/
/************* fonts - start **************/
/******************************************/
@font-face {
    font-family: 'noto_sansregular';
    src: url('fonts/NotoSans-Regular-webfont.eot');
    src: url('fonts/NotoSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-Regular-webfont.woff') format('woff'),
         url('fonts/NotoSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/NotoSans-Regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_sansbold';
    src: url('fonts/NotoSans-Bold-webfont.eot');
    src: url('fonts/NotoSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-Bold-webfont.woff') format('woff'),
         url('fonts/NotoSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/NotoSans-Bold-webfont.svg#noto_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_sansitalic';
    src: url('fonts/NotoSans-Italic-webfont.eot');
    src: url('fonts/NotoSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-Italic-webfont.woff') format('woff'),
         url('fonts/NotoSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/NotoSans-Italic-webfont.svg#noto_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'noto_sansbold_italic';
    src: url('fonts/NotoSans-BoldItalic-webfont.eot');
    src: url('fonts/NotoSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NotoSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/NotoSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/NotoSans-BoldItalic-webfont.svg#noto_sansbold_italic') format('svg');
    font-weight: normal;
    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: 'kaleidoscope';
    src: url('fonts/kaleidoscope-pro-webfont.eot');
    src: url('fonts/kaleidoscope-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kaleidoscope-pro-webfont.woff') format('woff'),
         url('fonts/kaleidoscope-pro-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/******************************************/
/************* fonts -  end  **************/
/******************************************/

.foredarkblue {
	color:#000050; 
}
.forepaleblue {
	color:#eeffff; 
}
.palefore_darkback {
	color:#eeffff; 
	background-color:#000050; 
}
.palefore_darkback_withborder {
	color:#eeffff; 
	background-color:#000050;
	border:0.5vw solid #000050;
}
.darkfore_paleback_withborder {
	color:#000050;
	background-color:#eeffff;
	border:0.5vw solid #eeffff;
}

body {
	background:#ffffff url("../images/ws_background.jpg") no-repeat; 
	background-size:100%;
	background-attachment:scroll;
	background-position:top;
}

h1 {
	margin:0 0 0 0;
	font-family:'noto_serifbold','serif'; 
	color:#000050; 
	font-size:4vw;
	font-weight:900;
/*	font-style:italic;	*/
	letter-spacing:2px;
	text-align:center;
}

h2 {
	margin:2vh 0 0 0;
	font-family:'noto_serifitalic','serif'; 
	color:#000050; 
	font-size:3.2vw;
	font-weight:600;
	font-style:italic;
	text-align:center;
}

h3 {
	margin:2vh 0 0 0;
	font-family:'noto_serifbold','serif'; 
	color:#000050; 
	font-size:1.8vw;
	font-weight:900;
	text-align:left;
}

h4 {
	margin:1vh 0 0 0;
	font-family:'noto_serifbold','serif'; 
	color:#000050; 
	font-size:1.4vw;
	font-weight:900;
	text-align:left;
}

h5 {
	margin:0.6vh 0 0 1vw;
	font-family:'noto_serifbold','serif'; 
	color:#000050; 
	font-size:1.2vw;
	font-weight:900;
	text-align:left;
}

h6 {
	margin:0.6vh 0 0 1vw;
	font-family:'noto_serifbold','serif'; 
	color:#000050; 
	font-size:1vw;
	font-weight:900;
	text-align:left;
}

hr {
	border-color:#000050;
	margin:0 0 0 0;
}

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

.headdiv {
	width:98%;
	margin:0 0 0 0;
	text-align:center;
}

.menucontainer {
	height:4.2vh;
	width:100%;
	margin:0 0 0 0;
	font-family:'noto_serifregular','serif'; 
	font-size:1.1vw;
	font-weight:bold;
}

.menuitem {
	float:left;
	margin:0 1vw 0 1vw;
}

.pageselected {
	color:#ffffff;
	background-color:#0000ff;
}
.socmed {
	float:right;
	width:16vw;
	text-align:right;
}
.tt_footer {
	width:25vw;
	float:left;
	line-height:1;
	margin:-1vw 0 -1vw 0;
	text-align:center;
	font-family:'noto_serifregular','serif'; 
	color:#004000;
	font-size:0.9vw;
	font-weight:900;
}

.standiv_left {
	float:left;
	margin:1vw 1% 1vw 1%;
	text-align:left;
}

.standiv_right {
	float:right;
	margin:1vw 1% 1vw 1%;
	text-align:left;
}

.leftdesc_12 {
	margin:0.6vw 0 0 1vw;
	float:left;
	text-align:left;
	color:#000050; 
	font-size:1.2vw;
	font-weight:bold;
}

.rightval_12 {
	margin:0.6vw 0 0 0;
	float:right;
	text-align:right;
	color:#000050; 
	font-size:1.2vw;
	font-weight:bold;
}

.stanpara_09 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:0.9vw;
	font-weight:bold;
}
.stanpara_10 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1vw;
	font-weight:bold;
}
.stanpara_12 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.2vw;
	font-weight:bold;
}
.stanpara_13 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.3vw;
	font-weight:bold;
}
.stanpara_14 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.4vw;
	font-weight:bold;
}
.stanpara_15 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.5vw;
	font-weight:bold;
}
.hommepara_15 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.5vw;
	font-weight:bold;
}
.stanpara_16 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.6vw;
	font-weight:bold;
}
.stanpara_16_indent {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.6vw;
	font-weight:bold;
}
.centrepara_16 {
	margin:0 0.5vw 1vw 1vw;
	text-align:center;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.6vw;
	font-weight:bold;
}
.stanpara_17 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.7vw;
	font-weight:bold;
}
.stanpara_18 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.8vw;
	font-weight:bold;
}
.stanpara_18_indent {
	margin:0 2vw 1vw 10vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.8vw;
	font-weight:bold;
}
.stanpara_20 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:2vw;
	font-weight:bold;
}
.stanpara_20_indent {
	margin:0 2vw 1vw 10vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:2vw;
	font-weight:bold;
}
.stanpara_20nb {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:2vw;
	font-weight:500;
}
.stanpara_22 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:2.2vw;
	font-weight:bold;
}
.stanpara_22_indent {
	margin:0 2vw 1vw 10vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:2.2vw;
	font-weight:bold;
}
.stanpara_24 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:2.4vw;
	font-weight:bold;
}
.stanpara_26 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:2.6vw;
	font-weight:bold;
}
.stanpara_28 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:2.8vw;
	font-weight:bold;
}
.stanpara_30 {
	margin:0 0.5vw 1vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:3vw;
	font-weight:bold;
}

.stanfont0_75vw {
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:0.75vw;
}

.stanfont0_9vw {
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:0.9vw;
}

.stanfont1_2vw {
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.2vw;
}

.stanfont1_4vw {
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.4vw;
}

.stanfont1_6vw {
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.6vw;
}

.stanfont1_8vw {
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.8vw;
}

.heavyfont2vw {
	font-family:'noto_serifbold','serif'; 
	color:#000050; 
	font-size:2vw;
	font-weight:900;
}

.heavyfont2_5vw {
	font-family:'noto_serifbold','serif'; 
	color:#000050; 
	font-size:2.5vw;
	font-weight:900;
}

.heavyfont3vw {
	font-family:'noto_serifbold','serif'; 
	color:#000050; 
	font-size:3vw;
	font-weight:900;
}

.showpara_15 {
	margin:1.5vh 0.5vw 2vh 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:#000050; 
	font-size:1.5vw;
	font-weight:bold;
}


.dropbtn {
	color:#000050;
	font-family:'noto_serifregular','serif'; 
	font-weight:700;
	background-color:#c0e0ff;
	padding:0;
	font-size:1.1vw;
	border: none;
}

.dropbtn_selected {
	color:#ffffff;
	font-family:'noto_serifregular','serif'; 
	font-weight:700;
	background-color:#0000ff;
	padding:0;
	font-size:1.1vw;
	border: none;
}
.dropdown {
	position: relative;
	display: inline-block;
	text-align:left;
}
.dropdown-content {
	display: none;
	position: absolute;
	min-width: 160px;
	z-index: 1;
}
.dropdown-content a {
	padding: 0 0;
	display: block;
}
.dropdown-content a:hover {
	color:#ff00ff
}
.dropdown:hover .dropdown-content {
	display: block;
}

.subject_divider_thick {
	align:left;noshade:noshade;border-width:0.2vw; 
	border-style:solid;border-color:#000050;background-color:#000050;
}
.subject_divider_thin {
	align:left;noshade:noshade;border-width:0.05vw; 
	border-style:solid;border-color:#000050;background-color:#000050;
}

. contact_table {
	
}
.listname {float:left;width:25%;font-family:'noto_serifbold','serif';color:#000050;font-size:1.4vw; 
	font-weight:bold;}
.listdata {float:left;width:73%;font-family:'noto_serifbold','serif';color:#000050;font-size:1.4vw; 
	font-weight:bold;}
.listdate {float:left;width:18%;font-family:'noto_serifbold','serif';color:#000050;font-size:1.1vw; 
	font-weight:normal;}
.listdetmain {float:left; width:80%;margin:0 0 0.5vh 0;font-family:'noto_serifbold','serif'; 
	color:#000050;font-size:1.1vw;font-weight:bold;}
.listdetsub {float:left; width:100%;font-family:'noto_serifbold','serif';; 
	color:#000050;font-size:0.975vw;font-family:'noto_serifbold','serif';}
.listli {text-align:left; margin:0 0 5vh 0;}

.spacerdiv {
	clear:both;
	width:100%;
	height:0.1vw;
	margin:0 0 0 0;
}