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

/* Style Sheet by Michelle Watson 2004 and updated by Jane Wild, 2009*/
/* Use this document to make changes to web page colours, font styles, margins, etc. and the positioning of the 
various elements on the page. */


/* The code below states describes the main background colour (pale blue) and the text (black). */

body{background-color:#94aec9;
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, the border it has 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:#006699;}



/* This is the main title area across the box, which contains the image of the PMA's logo and name. Information about the image can be found in the actual web page code - not in this style sheet. */

div#banner{width:600px;
margin:0;
padding:0;
border-bottom:solid;
border-width:0px;
border-color:#000;}



/* This describes the positioning of the 4 links in the top right corner (Home, Visit, 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 4 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:#6600cc}
#navbar a:visited{color:#990000}
#navbar a:hover{color:#000;}



/* More details of how this short list of the 4 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;}



/* This is the positioning information for the sidebar section, running down along the 
leftside of the page container.  Also describes the margins, padding, width and background color (dark blue). */

div#sidebar{position:relative;
float:left;
width:180px;
margin:0;
padding:0px;
background-color:#006699;}



/* This section controls the appearance of the menu list within the sidebar. */

#sidebar ul{margin-left:2px;
margin-right:0px;
padding-left:0px;
list-style-type:none;
font-family:century gothic, verdana, arial, Helvetica, sans-serif;
font-size:16px;
font-weight:900;}

ul.subnav a{font-size:12px;
font-style:italic;
font-weight:normal;
text-align:right;
text-decoration:none;}

#sidebar a{display: block;
padding: 0px;
width: 165px;
background-color: #006699;
border-bottom:1px solid #fff;}

#sidebar a:link, a:visited
{color: #fff;
text-decoration: none;}

#sidebar a:hover
{background-color:#94aec9;
color: #000;}

#sidebar a:active
{background-color:#94aec9;
color: #000;}

div#sidebar p{font-size:12px;}

.mission{color:#fff;
font-family:"verdana", "arial", "helvetica", sans-serif;
font-weight:bold;
margin:2px 10px 10px 10px;
border-bottom:1px solid;}

.hours{color:#fff;
font-family:"verdana", "arial", "helvetica", sans-serif;
font-weight:bold;
font-size:12px;

margin:2px 10px 10px 10px;
border-bottom:1px solid;}


/* Margins for the single image that appears on the sidebar, below the menu list, are determined here. */

#sidebar img {margin:2px 2px 8px 8px;}



/* Positioning and margins for the main content of the page, as well as the logo watermark image that appears at the bottom
section of each page. */

div#content{position:relative;
float:right; 
width:400px;
margin:5px 5px 5px 10px;
padding: 0px;
background:url(children_watermark.jpg) bottom right no-repeat;}

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

#content a:link{color:#006699;}
#content a:visited{text-decoration:underline; color:#66cc33;}
#content a:hover{text-decoration:underline; color:#000;}



/* 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:#fff;
width:395px;
padding:5px;
margin:0px;}

.section{font-weight:bold;}

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






/* This is the footer at the bottom of the page container. in use only for window pages. */

div#footer{clear:both;
width:600px;
background-color:#006699;
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 and copyright in a single jpg. */

div#cityfooter{width:500px;
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:#000;}

#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:#000;}