*{font-family: arial, sans-serif}

body
{width: 100%;
font-size: 1em;
background-color: #faf0e6;
color: navy;
margin-top: 0em;
margin-left: 0em;
margin-right: 0em}

body.photopage
{width: 100%;
font-size: 1em;
background-color: #add8e6;
color: black;
margin-top: 0em;
margin-left: 0em;
margin-right: 0em}

p
{font-size: 1.17em;
line-height: 1.3em;
margin-left: 2em;
margin-right: 2em;
margin-bottom: 1em;
margin-top: 0.2em}

p.largephotodescription
{font-size: 1.17em;
color: black;
line-height: 1.3em;
margin-left: 5em;
margin-right: 5em;
margin-bottom: 2em;
margin-top: 2em}

h1
{font-size: 1.7em;
font-weight: bold;
text-align: center;
margin-left: 2em;
margin-right: 2em;
margin-bottom: 1.2em;
margin-top: 1em}

h2
{font-size: 1.5em;
font-weight: bold;
margin-left: 2em;
margin-right: 2em;
margin-bottom: 0.75em;
margin-top: 0.75em}

h3
{font-size: 1.3em;
font-weight: bold;
margin-left: 2em;
margin-right: 2em;
margin-bottom: 0.5em;
margin-top: 0.5em}

img.smallcentredlandscape
{float: none;
display: block;
width: 222px;
height: 160px;
border: 2px solid black;
padding: 0px;
margin-left: auto;
margin-right: auto}

img.largecentredlandscape
{float: none;
display: block;
width: 425px;
height: 306px;
border: 2px solid black;
padding: 0px;
margin-left: auto;
margin-right: auto}

img.smallcentredportrait
{float: none;
display: block;
width: 160px;
height: 222px;
border: 2px solid black;
padding: 0px;
margin-left: auto;
margin-right: auto}

img.largecentredportrait
{float: none;
display: block;
width: 306px;
height: 425px;
border: 2px solid black;
padding: 0px;
margin-left: auto;
margin-right: auto}

img.smallalbumlandscape
{float: none;
width: 222px;
height: 160px;
padding: 0px}

img.largealbumlandscape
{float: none;
display: block;
width: 425px;
height: 306px;
border: 2px solid black;
padding: 0px;
margin-left: auto;
margin-right: auto}

img.smallalbumportrait
{float: none;
width: 200px;
height: 277px;
padding: 0px}

img.largealbumportrait
{float: none;
display: block;
width: 306px;
height: 425px;
border: 2px solid black;
padding: 0px;
margin-left: auto;
margin-right: auto}

img.smallalbumsquare
{float: none;
width: 200px;
height: 200px;
padding: 0px}

img.largealbumsquare
{float: none;
display: block;
width: 425px;
height: 425px;
border: 2px solid black;
padding: 0px;
margin-left: auto;
margin-right: auto}

img.floatleftlandscape
{float: left;
width: 222px;
height: 160px;
border: 1px solid black;
padding: 0px}

img.floatrightlandscape
{float: right;
width: 222px;
height: 160px;
border: 1px solid black;
padding: 0px}

img.floatleftportrait
{float: left;
width: 160px;
height: 222px;
border: 1px solid black;
padding: 0px}

img.floatrightportrait
{float: right;
width: 160px;
height: 222px;
border: 1px solid black;
padding: 0px}

a:link
{font-family: arial, sans-serif;
font-size: 1.17em;
text-decoration: underline}

a:visited
{font-family: arial, sans-serif;
text-decoration: underline;
font-size: 1.17em}

a:hover
{font-family: arial, sans-serif;
text-decoration: underline;
font-size: 1.17em}

a:active
{font-family: arial, sans-serif;
text-decoration: underline;
font-size: 1.17em}

ul
{margin-left: 2em;
margin-bottom: 2em}

li
{font-size: 1.17em;
line-height: 1.3em;
margin-left: 3em;
margin-top: 1em;
margin-bottom: 1em;}

div.mainnav
{width: 100%;
background-color: purple;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white}


ul.mainnav
{float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none}

li.mainnav
{display:inline}

a.mainnav
{float:left;
width:6.5em;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.2em;
border-left: 1px solid white;
border-right: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white}

a.mainnav:hover
{color: purple;
background-color: white}

div.subnav
{width: 100%;
background-color: white;
border-top: 1px solid purple;
border-left: 1px solid purple;
border-right: 1px solid purple;
border-bottom: 1px solid purple}

ul.subnav
{float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none}

li.subnav {display:inline}

a.subnav
{float:left;
width:6em;
text-decoration:none;
color: purple;
background-color: white;
padding:0.2em 0.6em;
border-right:1px solid purple;
border-left: 1px solid purple;
border-top: 1px solid purple;
border-bottom: 1px solid purple}

a.subnav:hover{color:white;
background-color: purple}

div.normal
{width: 100%;
display: block}

div.header
{width: 100%;
background-color: purple;
color: white;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white}

p.header
{font-size: 1.1em;
font-weight: bold;
text-align: left;
background-color: purple;
color: white;
margin-left: 2em;
margin-right: 2em;
margin-bottom: 1em;
margin-top: 1em}

a.header
{float:none;
text-decoration:none;
color:white;
background-color:purple}

a.header:hover
{color: purple;
background-color: white}

div.footer
{width: 100%;
background-color: purple;
color: white;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white}

p.footer
{font-size: 1.17em;
line-height: 1.3em;
text-align: center;
background-color: purple;
color: white;
margin-left: 2em;
margin-right: 2em;
margin-bottom: 1em;
margin-top: 0.2em}

div.album
{margin: 2px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center}	

div.album img
{display: inline;
margin: 3px;
border: 1px solid #ffffff}

div.album a:hover img
{border: 1px solid #0000ff}

div.description
{text-align: center;
font-weight: bold;
width: 190px;
margin: 2px}
