html,body,div,p,ul,h1,h2,h3,form {
margin: 0;
padding: 0;
}

html,body,#container {
min-height: 101%;
height: 101%;
}

html>body, html>body #container {
height: auto;
}

html {
background-color: #9cf;
}

body {
text-align: center;
}


/* divs */

#container {
width: 980px;
margin: 0 auto;
text-align: left;
background-color: #fff;
}

#leftpic {
background-image: url("images/pinkheart1.jpg");
background-repeat: no-repeat;
height: 107px;
width: 114px;
margin-left: 10px;
float: left;
clear: left;
}

#rightpic {
background-image: url("images/pinkheart1.jpg");
background-repeat: no-repeat;
height: 107px;
width: 114px;
margin-right: 5px;
float: right;
clear: right;
}

#banner {
width: 75%;
margin: 0 auto;
padding-bottom: 5px;
}

#spacer {
clear: both;
font-size: 5pt;
}

#rightcontent {
float: right;
width: 680px;
margin-right: 125px;
}

#leftstrip {
float: left;
width: 125px;
}

#rightstrip {
float: right;
width: 125px;
background-color: #bbb;
}

#content {
width: 700px;
float: right;
margin: 0 140px 0 0;
}

#new {
width: 100px;
float: right;
padding: 1em 0;
border-top: 1pt solid #c09;
border-right: 2pt solid #c09;
border-bottom: 2pt solid #c09;
border-left: 1pt solid #c09;
margin: 0 0 10px;
font-size: 1.1em;
font-weight: 700;
text-align: center;
}

#footer {
font-size: 0.6em;
text-align: center;
margin: 40pt auto 0;
padding: 3pt 0;
clear: both;
border-top: 1pt solid #369;
width: 700px;
}

#download {
float: right;
font-size: 1.2em;
font-weight: 700;
padding: 10px;
border: 1px solid #006;
margin: 0 0 10px 30px;
width: 150px;
background-color: #ffddf6;
-moz-box-shadow: -7px 7px 5px #ccc;
-webkit-box-shadow: -7px 7px 5px #ccc;
box-shadow: -7px 7px 5px #ccc;
}

/* navigation */

.nav {
width: 700px;
margin: 0 auto;
}

.nav ul {
font-size: 0.7em;
font-weight: 700;
text-align: center;
list-style: none;
margin: 0;
}

#navlinkstop {
background-color: #369;
width: 700px;
float: left;
}

#navlinksbottom {
background-color: #006;
width: 700px;
float: left;
}

.nav ul li {
float: left;
}

.nav ul li a {
float: left;
padding: 0.4em 0.7em;
}

.nav ul li a.current {
border-right: 2px solid #c09;
border-left: 2px solid #c09;
}

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

#navlinkstop li a:hover {
color: #fc0;
text-decoration: none;
}

#navlinkstop li a:active, #navlinkstop li a.current {
background-color: #006;
color: #fff;
text-decoration: none;
}

#navlinksbottom li a {
background-color: #006;
text-decoration: none;
padding: 0.4em 1em 0.4em 0.4em;
}

#navlinksbottom li a:link, #navlinksbottom a:visited {
color: #fff;
}

#navlinksbottom li a:hover {
color: #fc0;
}

#navlinksbottom li a:active, #navlinksbottom li a.current {
background-color: #c09;
color: #fff;
text-decoration: none;
}


/* gallery menu */

ul.gallery {
list-style: none;
float: left;
}

ul.gallery li {
float: left;
display: block;
width: 144px;
font-size: 0.9em;
font-weight: 700;
text-align: center;
background-color: #369;
padding: 5px;
border-right: 20px solid #fff;
}

ul.gallery li.hol {
width: 194px;
}

ul.gallery li.currentgal {
background-color: #c09;
}

ul.gallery li a:link, ul.gallery li a:visited {
color: #fff;
text-decoration: none;
}

ul.gallery li a:hover, ul.gallery li a:active {
color: #fc0;
text-decoration: none;
}

img.gal, img.galcurrent {
float: left;
margin: 2px 20px 20px 0;
}

a:link img.gal, a:visited img.gal {
border: 2px solid #369;
}

a:hover img.gal, a:active img.gal {
border: 2px solid #609;
}

a:link img.galcurrent, a:visited img.galcurrent, a:hover img.galcurrent, a:active img.galcurrent {
border: 2px solid #c09;
}


/* text */

body {
font-family: verdana,arial,helvetica,sans-serif;
color: #006;
}

h1 {
color: #609;
font-family: mistral, cursive;
font-size: 3.5em;
text-align: center;
padding-bottom: 15px;
}

h2 {
color: #609;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.9em;
text-align: left;
margin: 1em 0 0.5em 0;
clear: left;
}

h2.big {
font-size: 1.1em;
}

h2.slogan3 {
font-family: mistral, cursive;
font-size: 1.6em;
}

h3 {
color: #369;
font-size: 0.9em;
padding-bottom: 0.3em;
padding-left: 0.5em;
border-left: 4px solid #c09;
margin-bottom: 2px;
}

h3.cl {
clear: left;
}

h3.cb {
clear: both;
}

p {
font-size: 0.8em;
margin-bottom: 10px;
}

.notice {
font-size: 0.6em;
margin-top: 120px;
}

#slogan, #slogan2 {
color: #369;
font-weight: 700;
float: right;
padding-bottom: 100px;
}

#slogan {
width: 315px;
font-size: 3em;
padding: 40px 0 0 5px;
}

#slogan2 {
width: 225px;
font-size: 2em;
text-align: center;
padding: 10px 0 0 15px;
clear: right;
}

#firstpara {
clear: both;
}

strong {
font-weight: 700;
}

.caption {
width: 125px;
text-align: center;
font-size: 0.9em;
margin-bottom: 0.5em;
}

.portrait {
float: left;
margin-left: 51px;
border: solid 2px #609;
}

.portrait2 {
float: left;
margin-right: 10px;
border: solid 2px #609;
}

.purple {
color: #609;
font-weight: 700;
}

.purple2 {
color: #609;
font-style: italic;
}

.darlings {
color: #609;
font-family: mistral,cursive;
font-size: 125%;
font-weight: 700;
}

.clear {
clear: both;
}

.last {
margin-bottom: 15px;
}

#title p, #details p, #refno p {
margin-bottom: 5px;
}

#signup, #promo {
font-size: 0.9em;
font-weight: 700;
margin-left: 5px;
}

#promo {
margin-bottom: 2em;
}

#signup {
color: #369;
}

.quote, .topquote {
color: #609;
font-size: 0.8em;
font-style: italic;
}

.topquote {
padding-top: 01em;
}

.pfloatl {
float: left;
width: 300px;
}

.cl {
clear: left;
}

.cr {
clear: right;
}

.cb {
clear: both;
}

#download .sm {
font-size: 0.7em;
}


/* links */

a:link {
color: #609;
text-decoration: underline;
}

a:visited, a:hover, a:active {
color: #369;
text-decoration: underline;
}

#promo a:link, #promo a:visited {
color: #c09;
text-decoration: none;
}

#promo a:hover, #promo a:active {
color: #609;
text-decoration: underline;
}

a:link img {
border: 2px solid #369;
}

a:visited img, a:hover img, a:active img {
border: 2px solid #609;
}

/* lists */

#content ul.hols {
margin-left: 13.5em;
font-size: 0.9em;
font-weight: 700;
}

#content ul.hols li {
margin-bottom: 1em;
}


/* images */

#leftstrip img, #rightstrip img {
width: 120px;
height: 90px;
}

#leftstrip img {
float: left;
margin: 0 0 2px 5px;
}

#rightstrip img {
float: right;
margin: 0 5px 2px 0;
}

#homepic {
float: left;
height: 263px;
margin: 0 5px 1em 0;
border: 2pt solid #c09;
}

#ldapic {
background-image: url("images/lda_01.jpg");
background-repeat: no-repeat;
height: 156px;
width: 225px;
float: right;
margin: 0 0 0 1.5em;
border: 1pt solid #c09;
}

#bryanprofile {
background-image: url("images/bryan01.jpg");
background-repeat: no-repeat;
height: 163px;
width: 225px;
float: right;
margin: 0 2px 1em 15px;
border: 1pt solid #c09;
}

#ruthprofile {
background-image: url("images/ruth01.jpg");
background-repeat: no-repeat;
height: 169px;
width: 225px;
float: right;
margin: 0 2px 1em 15px;
border: 1pt solid #c09;
}

.holiday, .fl {
float: left;
margin: 0 5px 10px 0;
border: 1pt solid #006;
}

.holidayfr {
float: right;
margin: 0 0 10px 10px;
border: 1pt solid #006;
}

.fr {
float: right;
margin: 0 0 10px 10px;
border: 1pt solid #006;
}


/* slideshows */

#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox img {
width: auto;
height: auto;
}

#lightbox a img {
border: none;
}

#outerImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 270px;
margin: 0 auto;
padding-top: 22px;
}

#imageContainer {
padding: 10px;
}

#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#imageContainer>#hoverNav {
left: 0;
}

#hoverNav a {
outline: none;
}

#prevLink, #nextLink {
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA);
/* Trick IE into showing hover */ display: block;
}

#prevLink {
left: 0; float: left;
}
#nextLink {
right: 0; 
float: right;
}

#prevLink, #prevLink:hover, #prevLink:visited:hover {
background: url(images/prevlabel.gif) left 0% no-repeat;
}
#nextLink, #nextLink:hover, #nextLink:visited:hover {
background: url(images/nextlabel.gif) right 0% no-repeat;
}

#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
}

#imageData {
padding: 0 10px;
color: #006;
}

#imageData #imageDetails {
width: 70%; 
float: left; 
text-align: left; 
}
	
#imageData #caption {
font-weight: bold;
}

#imageData #numberDisplay {
display: block; 
clear: left; 
padding-bottom: 1.0em;
}			

#imageData #bottomNavClose {
width: 66px; 
float: right;  
padding-bottom: 0.7em; 
outline: none;
}	 	

#overlay {
position: absolute; 
top: 0; 
left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #000; 
}

img.th {
width: 100px;
height: 75px;
}