/*screen style for all */
html, body {margin: 0; padding: 0; overflow: auto; }
body {margin: 0; padding: 0; background-color: #030609; font: 400 100%/1.38 Roboto;
 color: rgb(0, 0, 0); overflow: hidden; }
h1 h2 h3 h3 a p ul ol {margin: 0; padding: 0; }

ul {margin: 0; list-style-type: square; }

#skiptotext {position: absolute; top: 60px; left: -500px; }
#skiptomainmenu {position: absolute; top: 60px; left: -600px; }
#skiptosidemenu {position: absolute; top: 60px; left: -700px; }

#wrap {display: table; margin: 0 auto; width:77%; background-color:#ffffff; padding: 0; z-index: 3;}
@media only screen and (max-width: 768px) {
#wrap {width:92%;}
}


#mast {width: 100%;
 height: 224px;
 margin: 0; 
background-color: #ffffff; background-image: url(../images/stboudiccamarsh.png); background-repeat: no-repeat;
 background-position: 0% 0%;
 background-attachment: scroll;
 overflow: hidden; }

h1 {font-size: 200%; color: #ffffff; position:relative; top:19%; left: 48%; text-align:center;padding: 1.2% 3.2%; background-color:rgba(6,22,35,.8); width: 40%; margin: 0; }
@media only screen and (max-width: 1366px) {
h1 {font-size: 150%; }
}

h2 {
float: left;
 font-size: 150%;
 font-weight: 700;
line-height: 1.80;
 color: #213143;
}


@media only screen and (max-width: 800px) {
h2 {line-height:1.30; }
}

.leftfloat {float:left;}

#navbar {
float: left;
 background-color:#ffffff; z-index: 6;
 padding: 2% 5%; width:90%; }

.navbuttonbox {display: block;
 position: relative;
 float: right;
 z-index: 7;
 width: 12%;
 margin: 0 0 0 3%;
 border-width: 2px;
  border-color: #214143;
 border-style: solid;
 background: #ffffff;
 font-size: 100%;
 font-weight: 400;
 color: #213143;
line-height: 1.38;
  text-align: center;
 }
@media only screen and (max-width: 768px) {
.navbuttonbox {width:36%; }
}

#contentboxhome {background-color:#ffffff; float: left;
 clear: both;
 z-index: 8;
 width: 92%;
 min-height:225px; margin: 0 5% 5% 5%; background-image:url(../images/sarmatian-sword-blue-slant.png);background-repeat:no-repeat;background-position: 100% 65%;
}


@media only screen and (max-width: 1366px) {
#contentboxhome {background-image:url(../images/sarmatian-sword-blue-slant02.png) }
}
@media only screen and (max-width: 1140px) {
#contentboxhome {background-image:url(../images/sarmatian-sword-sm-slant.png) }
}
@media only screen and (max-width: 800px) {
#contentboxhome {background-image:url(../images/sarmatian-sword-sm-vertical.png) }
}

p {clear:both; font: 100%; }

.middle {clear:both; font: 100%; }
@media only screen and (max-width: 375px) {
.middle {width:80%;}
}
 
.last {padding-bottom: 4%; }
@media only screen and (max-width: 360px) {
.last {width:80%;}
}

.medblue {color:#1c3f5c;}

.darkgold {color:#b9610c;}

.darkblue {color:213143;} /* st boudicca blue */

.darkestblue {color:#061623; }

#footer {
display: block;
 background-color:#213143;float: left;
  clear: both;
  z-index: 12; width:98%; min-height: 20px; font-size: 80%; text-align: right; color: #ffffff; padding: .3% 1%; }

a.topnav:link {display: block; float:right; border-width: 2px;
 border-color: #214143;
 border-style: solid;
 background: #ffffff;
 font-size: 100%;
 font-weight: 400;
 color: #213143;
 line-height: 1.38;
  text-align: center;
 padding: 0 3px 0 3px; margin: 0 0 0 3%;
 text-decoration:none;}

a.topnav:visited {display: block; float:right; border-width: 2px;
 border-color: #214143;
 border-style: solid;
 background: #ffffff;
 font-size: 100%;
 font-weight: 400;
 color: #213143;
 line-height: 1.38;
  text-align: center; padding: 0 3px 0 3px;
 margin: 0 0 0 3%;
 text-decoration:none;}

a.topnav:hover {display: block; float:right; border-width: 2px;
 border-color: #214143;
 border-style: dotted solid;
 background: #ffffff;
 font-size: 100%;
 font-weight: 400;
 color: #213143;
 line-height: 1.38;
  text-align: center; padding: 0 3px 0 3px;
 margin: 0 0 0 3%;
 text-decoration:none;}

.topholder {display: block; float:right; border-width: 2px;
 border-color: #214143;
  border-style: solid;
  background: #ffffff;
 font-size: 100%;
 font-weight: 400;
 color: #213143;
 line-height: 1.38;
  text-align: center; padding: 0 3px 0 3px;
 margin: 0 0 0 3%;
 text-decoration:none; cursor: default; }

.footerbox {display: block; float:right; width: 8%; padding-top:3px; margin: 0 0 0 .5%;
 }

@media only screen and (max-width: 1240px) {
.footerbox {width:15%; }
}
@media only screen and (max-width: 500px) {
.footerbox {width:20%; }
}
@media only screen and (max-width: 360px) {
.footerbox {width:30%; }
}

a.footernav:link {display: block; float:right; font-size: 82%;
 font-weight: 400;
 color: #ffffff;
 line-height: 1.38;
  text-align: center;

 text-decoration:none;}

a.footernav:visited {display: block; float:right; font-size: 82%;
 font-weight: 400;
 color: #ffffff;
 line-height: 1.38;
  text-align: center;
 text-decoration:none;}

a.footernav:hover {display: block; float:right; font-size: 82%;
 font-weight: 400;
 color: #ffffff;
 line-height: 1.38;
  text-align: center;
 text-decoration:underline;}



a.text:link {font-size: 100%; color: #000000; font-weight: normal; text-decoration: underline; }
a.text:visited {font-size: 100%; color: #000000; font-weight: normal; text-decoration: underline; }
a.text:hover {font-size: 100%; color: #b9610c; font-weight: normal; text-decoration: underline; }
a.text:focus {border: dotted 1px #940a1e; }