/* Peterborough Centennial Museum & Archives
Museum Drive at 300 Hunter St. East
P.O. Box 143
Peterborough, Ontario K9J 6Y5
C A N A D A */

/* Style Sheet */
/* Use this document to make changes to BOOK OF REMEMBRANCE INTRO PAGE and the 2 TEXT VERSION PAGES: the colours, font styles, margins, etc. and the positioning 
of the various elements on the page. */


/* The code below states describes the main background colourand the text. */

body{background-color:#333;
color:#000;}



/* The section of code describes the large 'frame' that contains all the images and info, that is, how big it is,
where it's positioned on the page, border style and the margins. */

div#container{background-color:#fff;
top:8px;
width:600px;
margin-right:auto;
margin-left:auto;
border-style:solid;
border-width:2px;
border-color:#000;}


/* The describes the positioning of the three links in the top right corner (Home, Site Map, Contact Us) */

div#navbar{position:relative;
float:right;
background-color:#fff;
margin:2px;
text-align:right;}


/* This determines the link colours of those three links, their font-style and font-size. */

#navbar a{text-decoration:none;
font-family:century gothic, verdana, arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;}
#navbar a:link{color:#79347A}
#navbar a:visited{color:#79347A}
#navbar a:hover{color:#000;}


/* More details of how this short list of the three links should display. */

div#navbar ul {
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
display:inline;}

#navbar ul li{display:inline;
padding:5px;}


/* Positioning and margins for the main content of the page. */

div#content{position:relative;
float:right; 
width:405px;
margin:5px 5px 5px 10px;
padding:0;}


/* This part determines the colours of links in the main content section of the page. */

#content a{font-family:"arial","verdana","helvetica",sans-serif;
font-weight:bold;
text-decoration:underline;}

#content a:link{color:#000;}
#content a:visited{text-decoration:underline; color:#79347A;}
#content a:hover{text-decoration:underline; color:#79347A;}


/* Styles for the main title fonts within the content section are here. */

h2{font-family: "georgia","verdana", "arial", "helvetica",sans-serif;
color:#000;
background-color:#D6DEC9;
width:395px;
padding:5px;
margin:0;}

h3, h4{font-family: "georgia", "verdana", "arial", "helvetica",sans-serif;}

p, ul {font-family:"verdana","arial","helvetica",sans-serif;
font-size:14px;}

.backup{text-align:right;}

/* Bear with me here - there are two types of footers.  The footbar refers the bar at the 
bottom of the page containing the link to the next page in the section. */


/* This is the footer at the bottom of the page container, that displays the copyright information. */

div#footer{clear:both;
width:600px;
background-color:#aab593;
font-family:verdana, arial, helvetica, sans-serif;
font-size:9px;
text-align:center;
border-style:none;}

#footer p{padding:1px;}



/* This footer appear below the container of the page, and features the city logo and the Museum's disclaimer. */

div#cityfooter{width:600px;
margin-left:auto;
margin-right:auto;}

#cityfooter p{position:relative;
float:right;
width:500px;
margin:25px 10px;
font-family:"arial","verdana","helvetica",sans-serif;
font-size:11px;
text-align:left;
color:#ececec;}

#cityfooter img{position:relative;
float:left;
width:63px;
margin:25px 0 0 10px;
padding:0;}

#cityfooter a{font-family:"arial","verdana","helvetica",sans-serif;
font-size:11px;
text-decoration:underline;
color:#ECECEC;}


/* THE END */