@import url('roses.css');
@import url('pcindex.css');
@import url('tablet.css');
@import url('hintonweb');

/*This is the general style sheet for pc viewing between 800x600 and 1600x 1200 on the 2011 revision.*/

body {
color: #344e4e;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
width: 90%;
height: auto;
background-color: white;
background-repeat: repeat;
margin-left: 4px;}

.nopc {
display: none;
}
#pcleft {
width: 20%;
position: relative;
float: left;}

.pcmain {
width: 59%;
position: relative;
float: left;
padding-left: 10px;}

.pcright {width: 20%;
position: relative;
float: right;
}

.pcmain {
width: 75%;
position: relative;
float: left;
padding-left: 10px;}

.pcright {display: none;
}


#heading {
height: 50px;
width: 100%;
}

#headcol1 {
width: 75px;
position: relative;
float: left;
height: 50px;
background-image: url(../images/oak_leaf.gif);
background-repeat: no-repeat;
padding-left: 2.5em;
margin-left: 2.5em;}

#headcol2 {
width: 500px;
position: relative;
float: left;
line-height: 50px;
height: 50px;
color: #060606;
}

#headcol3 {
width: 25%;
position: relative;
float: right;
height: 50px;
line-height: 50px;}

#headcol2 h2 {
display: table-cell;
vertical-align: middle;}

#headcol3 img {
display: table-cell;
vertical-align: middle;
}


#indexhead {
position: relative;
width: 100%;
height: 100px;
margin-left: 2.3em;}

#indexheadcol1 {
position: relative;
float: left;
width: 400px;}

#indexheadcol2 {
position: relative;
float: left;
width: 400px;
text-align: center;
margin-top: 25px;}

img
{  border-style: none;
}
/* This auto resizes images when <meta name="viewport" content="width=device-width, initial-scale=1.0"> is put in head section  */
img {
  max-width: 100%;
  height: auto;
}

.scale {
  width: 100%;
  height: auto;
}


/* This puts the Oak  Leaf on thr Plant descrips pages */
#oaklogo {
width: 30px;
position: relative;
float: left;
height: 50px;
background-image: url(../images/oak_leaf.gif);
background-repeat: no-repeat;
padding-left: 2.5em;
margin-left: 2.5em;}

/*CSS for Top button*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

/*CSS for Back button*/
.backbut {
float: right;
font-size: 1.5em;
font-family: 'Kavivanar', cursive;	
}

  .backbut a {
color: #33C #F36;
text-decoration: none;
}

.icontent {
display: none;}

.tcontent {
display: none;}

.pccontent {
width: 100%;
margin: 0em;}

.pccontent img {
padding-top: 1px;
padding-left: 5px;
padding-bottom: 15px;
padding-right: 25px;
height: auto;}

#pccontentbox {
width: 100%;
margin-left: 2em;}

#pccontentbox img {
margin-left: 0em;
margin-right: 0em;}

/*This is the code for the touch menu 2017 rev.*/

.tomenu ul li {
	list-style-type: none;
	color: #666;
	font-size: 1.7em;
}

.tomenu a:link a:hover a:visited {
	text-decoration:none;
	color: #666;
}
/*This the code for the pop ups and pop up links.*/

.link {
}

.link a span {display: none;}

.link a:hover span {display: block;
position: fixed; 
top: +200px; 
left: +5px; 
width: 185px;
padding: 5px; 
margin: 10px; 
z-index: 1000;
color: #1b4218;
font: 1.0em Verdana, sans-serif; 
text-align: center;
background: #b4b5ca;
border: 1px black solid;
text-decoration: none;
height: auto;}

/*End pop up code*/







.inmain {
width: 95%;
position: relative;
float: left;
padding-left: 10px;}




.pcfull {
width: 85%;
position: relative;
float: left;}

.sslists {width: 90%;
position: relative;}



.pctour {
margin-left: 2em;}

#menubox {
position: relative;
width: 20%;
float: right;}

.webmenu {
margin-top: 1em;
padding-top: 12px;
padding-right: 10px;}

.webmenu ul {
list-style-type: none;
}


.webmenu a {text-decoration: none;
display: block;
color: #454545;
margin-top: .5em;
margin-bottom: .5em;
}

#subbox {
width: 100%;
padding-left: 5px;
padding-top: 5px;
color: white;
font-weight: bold;
background-color: #06751e;
height: 20px;
text-align: center;
margin-left: 2em;}

.plantpage {
width: 95%;
padding: 50px;	
}

.plantcont {
margin-left: 2em;}

.plantbox {
width: 225px;
position: relative;
float: left;
background-color: #beafb2;
margin-top: 5px;
margin-left: 10px;
height: 90px;}

.plantcol1 {
width: 50px;
position: relative;
float: left;
padding-top: 5px;
}

.plantcol2 {
width: 130px;
position: relative;
float: right;
padding-top: 5px;}

.plantcol2 a {
text-decoration: none;
color: #01470d;}

.plantcont a {
font-size: 1em;}

/*This set is just for the Salvia page.*/

.salviabox {
width: 205px;
position: relative;
background-color: #beafb2;
margin-top: 15px;
margin-left: 20px;
float: left;
height: 70px;}

.salviacol1 {
width: 50px;
position: relative;
float: left;
padding-top: 5px;
}

.salviacol2 {
width: 130px;
position: relative;
float: right;
padding-top: 5px;
}

.salviabox a {
text-decoration: none;
color: #01470d;}

.salviacol2 a {
text-decoration: none;
color: #01470d;}

.salviacolour {
color: #01470d;}

/*This is the plant descrips code*/

#powcontent {
position: relative;
width: 90%;
padding-left: 4em;}

.descripscol1 {
position: relative;
width: 600px;
float: left;}

.descripscol2 {
position: relative;
width: 300px;
float: left;
text-align: center;}


p.footer {font-family: Arial, Verdana, Helvetica, sans-serif;
width: 100%;
border-bottom: 1px green solid;
text-align: center;
font-size: .8em;
position: relative;
padding-top: 25px;}

#powcontent {
position: relative;
padding-left: 80px;
padding-right: 80px;
width: 85%;
padding-top: 5px;
margin-top: 0em;
margin-bottom: 0em;
height: inherit;}
#links {}

#links a:visited {
color: #3e5d5c;
font-size: .85em;
font-weight: bold;
text-decoration: none;}

#links li {
padding-top: 5px;
padding-bottom: 5px;}

.col25 {
width: 24%;
height: auto;
position: relative;
float: left;}

.col33 {
width: 32%;
height: auto;
position: relative;
float: left;}

.col50 {
width: 49%;
height: auto;
position: relative;
float: left;}

.link1 a:link {
color: green;
text-decoration: none;}

.link1 a:visited {
color: green;
text-decoration: none;}

.link1 a:hover {
color: blue;
text-decoration: none;}

.link1 ul li{
text-decoration: none;
list-style-type: none;}


h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
color: green;
font-size: 3em;
font-weight: lighter;}

h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 2em;
font-weight: lighter;
}

h3 {
font-size: 1.2em;
font-weight: bold;
font-style: italic;}

h4 {font-size: 1.2em;
font-weight: bold;
text-align: left;}

h5{}

h6{}

.tback {
display: none;}

.pcback {
color: #4d4d4d;
font-size: 1.8em;
text-decoration: none;}



p.footer {font-family: Arial, Verdana, Helvetica, sans-serif;
width: 100%;
border-bottom: 1px green solid;
text-align: center;
font-size: .8em;
position: relative;
padding-top: 15em;}

/*This is the code for the menu bar.*/
#menucontent {
	position: relative;
	left: 0em;
	width: 100%;
	z-index: 11;
	height: 28px;
}

div#navbar {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	position: relative;
	padding-right: 4px;
	z-index: 1;
	height: 28px;
	color: #000000;
}

#navbar a.current {
	color: #000000;
}

#navbar ul {
margin: 0em;
padding: 0em;
padding-top: 4px;}

#navbar ul li {
list-style-type: none; 
display: inline;
margin: 0em;
padding: 0em;
}

#navbar a:link, #navbar a:visited {
color: #000000;
text-decoration: none;
padding-left: 1px;
padding-right: 10px;
font-weight: bold;
}

#navbar a:hover {
color: #191917;
text-decoration: none;
padding-left: 1px;
padding-right: 10px;
}
/*This is the code for the Next and Previous buttons on the Hampshire Manor pages*/
.button {
  border: none;
  color: white;
  padding: 7px 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 2px 2px;
  cursor: pointer;
}

.button1 {background-color: gray;} 
.button2 {background-color: gray;} 
/*This the code for the Top Button*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}
/*End Top Button */
/* End menu content */
*/This is the code for Hampshire Manor*/

#contents {
width: 100%;
margin: 0px;
text-align:center;
}


.center {
margin: auto;
width:30%;
}

#contents ul li {
	list-style-type:none;
	text-align:center;
	}

/* Superscriipt code */
sup {
    vertical-align: super;
    font-size: smaller;
}

/*Below this line to be verified

#menu {
width: 190px;
}

#menu ul{
margin: 0em;
padding: 0em;
margin-bottom: 0em;
padding-left: 25px;
list-style-type: none;}

#menu ul li a {
position: relative;
left: 0em;
height: 20px;
text-decoration: none;
background-color: #bf4747;
display: block;
font-size: 1em;
font-style: normal;
color: white;
padding-left: 15px;
font-weight: bold;
margin-bottom: 1em;
margin-top: 1em;
padding-top: 4px;}

div#navbar {font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: .7em;
text-align: left;
width: 100%;
padding-top: 5px;
padding-bottom: 0px;
padding-left: 15px;
position: relative;
padding-right: 4px;
z-index: 10;
background-image: url(../images/buttonbg.gif);
height: 28px;
color: #ffffff;}

#navbar a.current {
color: #ffffff;
}

#navbar ul {
margin: 0em;
padding: 0em;
padding-top: 4px;}

#navbar ul li {
list-style-type: none; 
display: inline;
margin: 0em;
padding: 0em;}

#navbar a:link, #navbar a:visited {
color: #ffffff;
text-decoration: none;
padding-left: 1px;
padding-right: 10px;
font-weight: bold;
}

#navbar a:hover {
color: #191917;
text-decoration: none;
padding-left: 1px;
padding-right: 10px;
}




#headclear h2 {font-family: Arial, Verdana, Helvetica, sans-serif;
color: #004a00;
font-size: 2em;
font-weight: lighter;
vertical-align: text-bottom;
padding-top: 15px;}

*/