@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

a:hover {text-decoration: none !important;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
*:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body{ position: relative; width:100%; background: #efeeef; font-family: 'Open Sans', sans-serif;}

.header-holder{position: relative; display: table; width: 100%;  background: #102d6e; min-height: 30px;}

.logo-holder{position: relative; display: table; width: 100%; max-width: 960px; margin: 10px auto 5px; text-align: right;}
.logo-holder img{ width: 130px;}

.nav{position: relative; display: table; width: 100%; max-width: 960px; margin: 0 auto;}
.nav li{display: table; list-style: none; float: left; padding: 2% 4%; border-left: 2px solid #203e82; border-right: 2px solid #071a44;}
.nav li:first-child{border-left: none}
.nav li:last-child{border-right: none}
.nav li a{color: #ffffff; font-size: 15px; font-weight: normal;}
.act {background: #ffffff; }
.act a{color: #102d6e !important; }


.banner{position: relative; display: table; width: 100%; max-width: 960px; margin: 30px auto 0;}
.banner img{ width: 100%;}

.content {position: relative; display: table; width: 100%; max-width: 960px; margin: 30px auto 0;}
.content h1{font-size: 20px; line-height: 26px; color: #333; margin: 0 auto 30px;}	
.content h2{font-size: 18px; line-height: 24px; font-weight: bold; color: #333; margin: 0 auto 10px;}	
.content p{font-size: 16px; line-height: 24px; color: #333; margin: 0 auto 25px; text-decoration: none;}	
.content a, .content a:visited, .content a:hover, .content a:active{font-size: 16px; line-height: 24px; font-weight: bold; color: #00347b; margin: 0 auto 25px; text-decoration: underline;}	
.content span{font-weight: bold;}	
.content sup{font-size: 11px;}	



.form-holder {position: relative; display: table; width: 100%; max-width: 960px; margin: 30px auto 150px;}
.pic{position: relative; display: table; width: 100%; max-width: 960px; margin: 30px auto 150px;}
.pic img{ width: 100%;}


.camp-holder{position: relative; display: table; width: 100%; max-width: 960px; margin: 0 auto 50px; }
.camp-holder li{ list-style: none; padding: 4% 0;  margin: 0 0 0 8px; border-bottom: 2px solid #dcdcdc; border-top: 2px solid #dcdcdc;}
.camp-holder li:first-child{border-top: none;}
.camp-holder li:last-child{border-bottom: none;}
.logo{position: relative; display: table; float: left; width: 100%; max-width: 250px; margin: 2% 4% 2% 0;}
.logo img{ width: 100%;}


fieldset {
	display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 2px;
    border-style: groove;
    border-color: rgb(192, 192, 192);
    border-image: initial;
    margin: 0 0 30px;
    padding: 10px;
    max-width: 960px;
    max-width: 100%;
}
legend {
        display: block;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    unicode-bidi: isolate;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
	width: auto;
font-size: 20px;
}

fieldset div.ctrl-group div {
    display: block;
    width: 65%;
    margin-left: 3.75%;
    float: left;
}

fieldset div.ctrl-group label {
    display: block;
    width: 31.25%;
    text-align: right;
    float: left;
    display: block;
    font-size: 14px;
	margin-bottom: 5px;
}

.field-validation-valid {
   font-size: 11px;
    color: red;
    font-style: italic;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 14px;
}
.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.btn:first-child {
}
button.btn, input[type="submit"].btn {
}
.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.dropdown-toggle {
}
button {
}
button, a.button, input[type="reset"], input[type="submit"], input[type="button"] {
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: #dddddd url(../images/button.png?1298351022) repeat-x;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
    background-image: -webkit-linear-gradient(#ffffff, #dddddd);
    background-image: -moz-linear-gradient(#ffffff, #dddddd);
    background-image: -o-linear-gradient(#ffffff, #dddddd);
    background-image: linear-gradient(#ffffff, #dddddd);
    border: 1px solid;
    border-color: #dddddd #bbbbbb #999999;
    cursor: pointer;
    color: #333333;
    display: inline-block;
    font: bold 12px / 1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
    outline: 0;
    overflow: visible;
    margin: 0;
    padding: 3px 10px;
    text-shadow: white 0 1px 1px;
    text-decoration: none;
    vertical-align: top;
    width: auto;
}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
button, input {
    line-height: normal;
}
button, input, select, textarea {
    margin: 0;
    font-size: 13px;
    vertical-align: middle;
	margin: 0 0 10px 0;
}
input[type="submit"], input[type="button"], button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}
* {
    margin: 0;
}
user agent stylesheet
button {
    appearance: auto;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    margin: 0em;
    padding-block: 1px;
    padding-inline: 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
}
.btn-group {
    position: relative;
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
}

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid;
    border-color: #848484 #c1c1c1 #e1e1e1;
    color: black;
    outline: 0;
    margin: 0;
    padding: 6px;
    text-align: left;
    font-size: 13px;
    font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
    /*height: 1.8em;*/
    vertical-align: top;
	width: 100%;
    max-width: 300px;
    margin: 0 0 10px 0;
}

textarea { height: 70px}

h3 {
    font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}


.dvAccommodation{float: left; width: 100%; display: table; position: relative; margin: 15px 0 0;}





@media (max-width:767px){
	
.logo-holder { width: 96%;}	
	
.nav li{ padding: 4% 3%;}
.nav li a{font-size: 14px;}
	
.banner{margin: 10px auto 0;}
	

.content {width: 90%; margin: 20px auto 0;}
.content h1{font-size: 18px; line-height: 24px;  margin: 0 auto 20px;}	
.content h2{font-size: 16px; line-height: 22px;  margin: 0 auto 10px;}	
.content p, .content a, .content a:visited, .content a:hover, .content a:active{font-size: 14px; line-height: 20px; margin: 0 auto 15px;}	

	
	
.form-holder {width: 90%; margin: 20px auto 70px;}
	
.pic{width: 98%; margin: 20px auto 70px;}
	
.camp-holder{  margin: 0 auto 50px; }
.camp-holder li{  padding: 8% 0;  }
.logo{float: left; width: 100%; }
.logo img{ max-height: 250px;}
	
	
}

@media (max-width:410px){

.nav li{ padding: 3% 3%;}	
.nav li a{font-size: 13px;}
	
}