/* HTML5 Template Styles for HTML5Template page */
/* Make HTML5 layout elements block elements for older browsers */
header, nav, aside, article, footer, section, figure, figcaption {
display: block;
border:none: /*1px solid silver;*/
}
body {
margin: 0;
padding: 0;
background-color:#f0f5f5; /*#e0ebeb; #ccff99; /*#76cccc; /*#c9ddb0;/*ppud/*#21405f;navy /*#ccffff; pool party*/
}
header {
position:relative;
height:190px;
width:100%;
padding:10px;
background-color:#669999; /*#b2cccc;#94b8b8;*/
}
#headercontent {
position:relative;
width:955px;
height:190px;
margin:auto;
padding:0;
/*border:1px solid silver;*/
}
nav {
height:20px;
background-color:#f0f5f5; /*#e0ebeb;*/
padding:20px;
margin:0 auto;
width:900px;
}
article {
height:auto;
background-color:#f0f5f5; /*#e0ebeb;*/
}
footer {
height:400px;
background-color:#669999; /*#aaa69c;*/
color:white;
padding:70px;
font-size:16px;
font-family:arial;
}
.footerdiv {
width:940px;
height:auto;
margin:auto;
}
footer a {
color:white;
font-size:16px;
text-decoration:none;
}
/* Get rid of white border around browser window */
/* Get rid of large margins on headings */
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-family:arial,helvetica,calibri,sans-serif;
font-weight:lighter;
}
p{
font-family:arial,helvetica;
color:#5a5a5a; /*#707070;*/
}
p.main{ /* center-justify the paragraph text */
text-align:justify;
}
.li { /*hastings*/
font-family:arial,helvetica;
color:#5a5a5a; /*#707070;*/
padding:0 0 12px 0;
}
h2 {
font-size:18px;
color:#669999;/*#2b2b35;*/
margin:0px 0px 20px 0px;
}
h3 {
font-size:16px;
color:#669999;/*#2b2b35;*/
font-weight:lighter;
margin:0 0 -10px 0;
}
.linktext { /* used for links in bits of text */
color:#669999;
font-family:arial,helvetica;
text-decoration:none;
font-size:16px;
}
.central { /* central white box for info */
position:relative;
width:900px;
background-color:white;
height:auto;
margin:10px auto;
padding:20px;
}
.picdiv { /* a box that holds 3 pictures side-by-side */
position:relative;
width:936px;
background-color:#f0f5f5; /*#e0ebeb;*/
height:220px;
margin: 5px auto;
}
/************************ navigation rules *************************/
/* Top level menu bar */
/* These rules apply to everything betw the nav tags */
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
font-family:arial,helvetica,calibri,sans-serif;
font-size: 13pt;
letter-spacing:-1px;
color: #5a5a5a; /*#2b2b35;*/
}
/* Each list item inside horizontal menu bar */
/* nav ul li means: list items in unordered lists in the nav section */
nav ul li {
float:left;
/*width:14%; fits the menu items across the page */
position:relative;
z-index:10;
padding:0 52px 0 0; /****************/
}
/* Text and links across nav bar */
/* These apply to items in tags and items in tags */
nav span, nav a {
text-decoration:none;
outline:none;
display:block;
height:40px;
line-height:40px;
width:120%;
text-align:center;
}
/* Unvisited/visited links in horizontal bar */
nav a:link, nav a:visited {
/*background: url(pix2/navback2.png) repeat-x;*/
color:#5a5a5a; /*#2b2b35; #707070;*/
}
/* Hovering over the list item in top menu bar */
nav ul li:hover a, nav ul li:hover span {
/*background:url(pix2/navhover2.png) repeat-x;*/
color:#669999; /*#1e1e1e;*/
}
/* Drop down menu for each item in the menu bar */
nav ul li ul {
background:#e0ebeb;/*#f2f2ed;*/
/*box-shadow: 0 40px 40px -20px #707070 inset;*/
position:absolute;
z-index:11;
/*width:130%;*/
width:180px; /***************/
visibility:hidden;
}
/* Make drop-down visible when hovering on menu bar item */
nav ul li:hover ul {
visibility:visible;
}
/* Individual list items in drop-down menus */
nav ul li ul li {
width:100%;
float:none;
height:44px;
line-height:44px;
/*box-shadow: 0 40px 40px -20px #707070 inset;*/
}
/* Links in drop-down menus */
nav ul li ul li a,
nav ul li ul li a:link,
nav ul li ul li a:visited {
background: none;
display: block;
text-align:left;
text-indent:10%;
width: 100%;
height: 100%;
color: #707070;
text-decoration: none;
outline: none;
}
/* Hover and active states in drop down menu */
nav ul li ul li a:hover,
nav ul li ul li a:active {
background: #a0a0a0; /* was c0c0c0 */
color: white;
}
nav a.currentpage {
color:#669999;
}
/************************ end of navigation rules *************************/
#map_canvas {
float:right;
position:top;
width:301px;
height:301px;
border:1px solid silver;
}
.textbox { /* about.html */
width:500px;
height:auto;
}
#emailstyle { /* hasabout.html */
font-size:18px;
color:#5a5a5a;
text-decoration:none;
}
.invischar { /* booksforsale.html */
color:white;
letter-spacing:0px;
}
.alignmoney { /* booksforsale.html */
text-align:right;
}
.textstyle { /* itemsforsale.html */
font-family:arial,helvetica;
color:#5a5a5a; /*#707070;*/
line-height:200%;
}
.textstyle1{ /* itemsforsale.html */
font-family:arial,helvetica;
color:#669999; /*#707070;*/
line-height:200%;
}
.plaque { /*pioneer pathway */
width:600px;
height:auto;
margin:20px auto;
border:1px solid silver;
text-align:center;
padding:10px;
}
.smlplaque {
width:300px;
height:auto;
margin:20px auto;
border:1px solid silver;
text-align:center;
padding:10px;
}
table#ppw { /* pioneer pathway table */
width:70%;
font-family:arial,helvetica;
color:#707070;
margin:0px 0px 0px 80px;
}
.ppw { /* pioneer pathway table row and data */
height:30px;
text-align:left;
}
.boxdiv { /* dromana.html */
width:800px;
height:auto;
margin:auto;
border:1px solid silver;
}
#trainboxdiv {
width:900px;
height:320px;
border:none;
}
.table { /* mccrae lighthouse data */
width:70%;
font-family:arial,helvetica;
color:#707070;
height:30px;
text-align:left;
}
.figure {
float:right;
font-family:arial,helvetica;
color:#669999;
margin:5px 5px 5px 20px;
}
.backtotopmarker {
float:right;
}
.lhsphotos { /*picture boxes for sale page */
margin:5px 5px 30px 20px;
}
.lhsphotobox { /*picture boxes for sale page */
height:auto;
width:420px;
float:left;
}
.rhsphotos { /*picture boxes for sale page */
margin:5px 20px 30px 5px;
}
.rhsphotobox { /*picture boxes for sale page */
height:auto;
width:420px;
float:right;
}