@charset "UTF-8";

/*
 * CSS file for Steps n Stetsons web site
 * Copyright Peter Higginson 2009,2015,2025
 */

* {
 margin: 0;
 padding: 0;
}

body {
 background: #CFE1F3;
 font: 14px/normal Verdana, Tahoma, Arial, Helvetica, sans-serif;
 min-height: 600px;
}

p { margin-bottom: 1em; }

#divh {
 background: #FFFFFF;
 border-top: solid 5px #A4D3EE;
 border-bottom: solid 6px #A4D3EE;
 text-align: center;
}

h1 {
 margin-top: 0;
 margin-bottom: 0;
 color: red;
 max-width: 1000px;
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#divm {
 background: #A4D3EE;
 padding: 4px;
 height: 37px;
 border-bottom: solid 4px #A4D3EE;
}

#nav {
 background-color: #A4D3EE;
 border: 0;
 margin-left: 9%;
}

.dropdown {float:left; padding:0; margin:0;color: #000000;background: #87CEFA;width:100%; border:solid 1px #000000;clear:both;} /*Colour navigation bar normal mode*/
.dropdown  a, .dropdown a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:12px;
color: #000000;
background-color: #87CEFA;
text-decoration: none;
}
.dropdown ul {list-style-type:none;padding:0; margin:0;}
.dropdown ul li {float:left; position:relative; z-index:auto !important ; z-index:1000 ; border:solid 1px #000000;}
.dropdown ul li[class=drop] {border:none;}
.dropdown ul li a {color: #000000;background: #87CEFA;float:none !important ; float:left ; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.dropdown ul li ul {display:none; border:none;color: #000000;background: #87CEFA; width:1px}
.dropdown ul li ul li a:visited { background-color:#87CEFA;  color:#000000;}
.dropdown ul li ul {position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.dropdown ul li ul li a {width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #000000; border-right:solid 1px #000000; border-bottom: solid 1px #000000; background-color:#87CEFA;  color:#000000;}
.dropdown ul li a ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.dropdown ul li a ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #000000; border-right:solid 1px #000000; border-bottom: solid 1px #000000; background-color:#87CEFA;  color:#000000;} 

.sitelist {margin-left: 14px;}
.sitelist ul li ul {margin-left: 14px;}

h2,h3 {
 margin-bottom: .5em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: normal;
}
.textarea {
 font-size:12px;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding:30px;
 line-height: 1.3em;
}
.textbox1 {
 padding-left:5%;
 padding-right:10%;
}
.photo_left {
 float: left;
 padding-left: 5%;
 padding-right: 5%;
 padding-top: 25px;
 padding-bottom: 25px;
}
.photor {
 padding-left: 5%;
 padding-right: 0;
 padding-top: 25px;
 padding-bottom: 25px;
}
.photo {
 padding-left: 3px;
 padding-right: 3px;
 padding-top: 20px;
 padding-bottom: 30px;
}
.div_center {
 text-align: center;
}
.image_left {
	width:50%;
	float: left;
	padding-left:5%;
	padding-right:5%;
}
.image_right {
 padding-bottom: 40px;
 padding-left:6%;
 padding-right:2%;
 float: right;
}
.image_center {
 padding-top: 20px;
 padding-bottom: 20px;
 text-align: center;
}
#bottombuffer {
 border:10px solid #CFE1F3;
 clear: both;
 text-align: center;
 font: 10px/normal Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
img {
 border: 0;
}

.banner {
 background-image: url("../page_header1a.gif");
 min-height:120px;
 background-repeat: no-repeat;
 background-size: 100% 100%;
}

.slideshow { width: 100%; text-align: center; margin: auto; }
.image_center_abs { padding-top: 20px; padding-bottom: 10px; text-align: center;
			transition: opacity 200ms linear;}

@media only screen and (max-width: 730px) {
 .banner {
  background-image: url("../page_header1b.gif");
 }
}

@media only screen and (min-width: 1200px) {
 #divh {
  padding-left:40px;
 }
}


@media only screen and (min-width: 820px) {
 body {
  border-left: solid 60px #A4D3EE;
  border-right: solid 60px #A4D3EE;
 }
}

@media only screen and (max-width: 700px) {
 .photo {
  padding-left: 0;
  padding-right: 0;
 }
 .textarea {
  padding-left: 0;
  padding-right: 0;
 }
 #nav {
 margin-left: 0;
 }
}