/*
===========================================================================================
===========================================================================================
 Scots Dumpy Club - Website  (www.scotsdumpyclub.org.uk)
 ==========================================================================================
 Copyright:	Tempest Technology  (Pete Tempest)
 		Code from this website must not be used by 3rd parties without permission
===========================================================================================
 FILENAME: 	scotd.css
 DESCRIPTION:	CSS page
===========================================================================================
 NOTES
 Dependency:	none
===========================================================================================
 | HISTORY
 |-----------------------------------------------------------------------------------------
 | Date		| Author		| Details
 |--------------|-----------------------|--------------------------------------------------
 | 24/02/2019   | 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:darkblue; 
}
.backdarkblue {
	color:darkblue; 
}
.forepaleblue {
	color:#e7f1f8; 
}
.backpaleblue {
	background-color:#e7f1f8; 
}
.foredarkbackpale {
	color:darkblue; 
	background-color:#e7f1f8; 
}
.forepalebackdark {
	color:#e7f1f8; 
	background-color:darkblue; 
}
.foredarkbackwhite {
	color:darkblue; 
	background-color:#ffffff; 
}
.forewhitebackdark {
	color:#ffffff; 
	background-color:darkblue; 
}

body	{
	background:#e7f1f8;
}

h1	{
	margin:0 0 0 0;
	width:100%;
	font-family:'noto_serifbold','serif'; 
	color:#e7f1f8; 
	font-size:4.5vw;
	font-weight:900;
	letter-spacing:3px;
	text-align:center;
	background-color:darkblue;
	padding-bottom:0.5vw;
}

h2 {
	margin:0 0 0 0;
	width:75%;
	font-family:'noto_serifitalic','serif'; 
	color:darkblue; 
	font-size:4vw;
	font-weight:500;
	font-style:italic;
	text-align:center;
}

h3 {
	margin:1vw 0 0 1vw;
	font-family:'noto_serifbold','serif'; 
	color:darkblue; 
	font-size:3vw;
	font-weight:900;
	text-align:left;
}

h4 {
	margin:1vw 0 0 1vw;
	font-family:'noto_serifbold','serif'; 
	color:darkblue; 
	font-size:2.1vw;
	font-weight:900;
	text-align:left;
}

h5 {
	margin:1vw 0 0 1vw;
	font-family:'noto_serifbold','serif'; 
	color:darkblue; 
	font-size:1.9vw;
	font-weight:900;
	text-align:left;
}

h6 {
	margin:0.8vw 0 0 1vw;
	font-family:'noto_serifbold','serif'; 
	color:darkblue; 
	font-size:1.6vw;
	font-weight:900;
	text-align:left;
}

hr {
	border-color:darkblue;
	margin:0 0 0 0;
}

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

#menutop {
	width:100%;
	height:9.5vw;
	margin:0 0 0 0;
	background-color:darkblue;
}

.menuleft {
	float:left;
	width:28%;
	height:9.5vw;
	margin:0 0 0 0;
	text-align:left;
}

.menuright {
	float:right;
	width:20%;
	height:9.5vw;
	margin:0 0 0 0;
	text-align:right;
}

.menucontainer {
	float:left;
	width:48%;
	max-height:1.5vw;
	margin:0.5vw 0 0 3vw;
	background-color:darkblue;
}

.menuitem {
	float:left;
	margin:0 0 0 0.5vw;
	font-family:'noto_serifregular','serif'; 
	font-size:1.2vw;
	font-weight:600;
	color:darkblue;
	background-color:#e7f1f8;
}

.pageselected {
	color:#e7f1f8;
	background-color:darkblue;
	border:2px solid #e7f1f8;
}

.menubottom {
	width:100%;
	height:7vw;
	margin:0 0 0 0;
	background-color:yellow;
}

.menubottomleft {
	float:left;
	width:28%;
	height:8vw;
	margin:0 0 0 0;
	text-align:left;
	vertical-align:text-top;
	background-color:darkblue;

}

.menubottomcentre {
	float:left;
	width:48%;
	height:4vw;
	margin:0.3vw 0 0 0;
	text-align:center;
	vertical-align:text-bottom;
	color:#e7f1f8;
	background-color:darkblue;
}

.menubottomright {
	float:right;
	width:20%;
	height:7vw;
	margin:0 0 0 0;
	text-align:right;
	vertical-align: text-top;
	color:#e7f1f8;
	background-color:darkblue;
}
.footdiv {
	width:100%;
	margin:0 0 0 0;
	text-align:center;
	background-color:darkblue;
	border:3px solid darkblue;
}
.tt_footer {
	float:left;
	margin:0.2vw 0 0 0.5vw;
	text-align:center;
	font-family:'noto_serifregular','serif'; 
	color:white;
	font-size:0.8vw;
	font-weight:900;
}

.standiv_full {
	float:left;
	margin:0.6vw 7% 1.5vw 8%;
	text-align:left;
}

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

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

.notice_div {
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-weight:300;
	width:84%;
	margin:2vw 0 1vw 8%;
	border:2px darkblue solid;
}

.gallery_para {
	text-align:center;
	margin:0 0 0.2vw 0;
}
.stanpara_09 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:0.9vw;
	font-weight:bold;
}
.stanpara_10 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1vw;
	font-weight:bold;
}
.stanpara_12 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.2vw;
	font-weight:bold;
}
.stanpara_13 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.3vw;
	font-weight:bold;
}
.stanpara_14 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.4vw;
	font-weight:bold;
}
.stanpara_15 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.5vw;
	font-weight:bold;
}
.stanpara_15_close {
	margin:1vw 0.5vw 0.5vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.5vw;
	font-weight:bold;
}
.stanpara_16 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.6vw;
	font-weight:bold;
}
.stanpara_16_indent {
	margin:0 2vw 0.6vw 10vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.6vw;
	font-weight:bold;
}
.centrepara_16 {
	margin:0 0.5vw 0.6vw 0.5vw;
	text-align:center;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.6vw;
	font-weight:bold;
}
.stanpara_17 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.7vw;
	font-weight:bold;
}
.centrepara_17 {
	margin:0 0.5vw 0.6vw 0.5vw;
	text-align:center;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.7vw;
	font-weight:bold;
}
.stanpara_18 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.8vw;
	font-weight:bold;
}
.stanpara_18_indent {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.8vw;
	font-weight:bold;
}
.stanpara_19 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.9vw;
	font-weight:bold;
}
.stanpara_20 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:2vw;
	font-weight:bold;
}
.stanpara_20_indent {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:2vw;
	font-weight:bold;
}
.stanpara_20nb {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:2vw;
	font-weight:500;
}
.stanpara_22 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:2.2vw;
	font-weight:bold;
}
.stanpara_22_indent {
	margin:0 2vw 0.6vw 10vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:2.2vw;
	font-weight:bold;
}
.stanpara_24 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:2.4vw;
	font-weight:bold;
}
.stanpara_26 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:2.6vw;
	font-weight:bold;
}
.stanpara_30 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:3vw;
	font-weight:bold;
}
.stanpara_34 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:3.4vw;
	font-weight:bold;
}
.stanpara_36 {
	margin:1vw 0.5vw 0.6vw 1vw;
	text-align:left;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:3.6vw;
	font-weight:bold;
}

.sans-serif-bold {
	font-family:'noto_sansbold','sans serif'; 
	font-weight:900;
}
.sans-serif-reg {
	font-family:'noto_sansregular','sans serif'; 
	font-weight:300;
}

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

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

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

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

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

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

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

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

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

.title_left {
	width:10vw;
	margin:0.5vw 0 0 2vw;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.6vw;
	font-weight:600
	text-decoration:italic;
}
.details_right {
	margin:0.5vw 0.2vw 0 0;
	font-family:'noto_serifregular','serif'; 
	color:darkblue; 
	font-size:1.6vw;
	font-weight:600
	text-decoration:none;
}