@charset "UTF-8";

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

* {
 margin: 0;
 padding: 0;
}

body {
 behavior:url("csshover2.htc");
 background: #CFE1F3;
 font: 14px/normal Verdana, Tahoma, Arial, Helvetica, sans-serif;
 min-height: 600px;
}

p { margin-bottom: 2em; }

#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:hover a {background-color:#007979; text-decoration:none; color:#FFFF00;} /*Colour main cells hovering mode*/
.dropdown ul li:hover ul {display:block;  position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.dropdown ul li:hover ul li a {display:block; 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;} /*Colour subcells normal mode*/
.dropdown ul li:hover ul[class=wide] li a {width:24em;}
.dropdown ul li:hover ul li a:hover {background-color:#007979; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
.dropdown ul li a:hover {background-color:#007979; text-decoration:none;color:#FFFF00;} /*Colour main cells hovering mode*/
.dropdown ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.dropdown ul li a:hover ul[class=wide] {width:24em;}
.dropdown ul li ul li a:visited { background-color:#87CEFA;  color:#000000;} /*Colour subcells normal mode*/
.dropdown ul li a:hover 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;} 
.dropdown ul li a:hover ul[class=wide] li a {width:24em;} 
.dropdown ul li a:hover ul li a:hover {background-color:#007979; text-decoration:none;color:#FFFF00;} /*Colour subcells hovering mode*/

.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;
}

@media only screen and (min-width: 800px) {
 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;
 }
}