/*
BODY { background-image: url(/images/ice-light.jpg);
       background-color: #CCCCFF; }
*/

.center { text-align: center; }
.right  { text-align: right; }
.left  { text-align: left; }

H1 { text-align: center; font-size: xx-large; font-family: sans-serif; font-variant: small-caps; }

P.date { text-align: right; font-size: xx-small; color: red; }
P.bday { text-align: left; font-size: xx-small; color: blue; }
P.event { text-align: right; font-size: small; }

IMG {
  margin: 10px;
  padding: 0px;
  border-width: 8px;
  border-color: darkgray;
  border-style: outset;
}

SPAN.selectcal { font-size: x-large; background-color: #00CCFF; font-family: sans-serif; vertical-align: top; }

SELECT.selectcal { text-align: center; font-size: x-large; background-color: #000000; color: #FFFFFF; font-family: sans-serif; }

BUTTON.selectcal { text-align: center; font-size: x-large; background-color: #00CCFF; font-family: sans-serif; font-weight: bold; }

INPUT.selectcal { text-align: center; font-size: x-large; background-color: #00CCFF; font-family: sans-serif; font-weight: bold; }

OPTION.selectcal { text-align: center; font-size: x-large; background-color: #000000; color: #FFFFFF; font-family: sans-serif; }

#whole { width: 100%; }

div.nav { padding-top: 10px; padding-bottom: 10px; width: 100%; height: 20px; }

#heading { padding-top: 10px; }

#photos { position: relative; padding-top: 30px; margin-top: 50px; margin-left: 50px; margin-right: 50px; }

#ltphoto { display: block; margin-right: 10px; margin-bottom: 10%; text-align: left; }

#rtphoto { display: block; margin-left: 10px; margin-top: 10%; text-align: right; }

#cphoto { display: block; margin-top: 10%; text-align: center; }

#footer { margin-top: 10px; text-align: center; width: 100%; }

div.rtnav { position: absolute; right: 0; width: 50%; text-align: right; }

div.ltnav { position: absolute; left: 0; width: 50%; text-align: left; }

/*************/
/* NEW STUFF */
/*************/

img {
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}

body { background-image: url(/images/ice-darker.jpg); background-color: #cef; }

div.wrap1 { position: relative; width: 600px; margin: 0 auto; padding: 2px; border: 3px outset black; background-image: none; background-color: #fff; }

#top { }

#ltlogo { float: left; }

#rtlogo { float: right; width: 150px; }
#rtlogo h4 { text-align: center; font-size: 14px; font-style: italic; color: #996633; }

#header { float: left; margin-left: 50px; width: 300px; }
#header h1 { text-align: center; font-size: 50px; font-family: serif; font-style: italic; color: brown; }
#header img { text-align: center; padding-top: 25px; }

#nav { position: absolute; left: 0; top: 210px; }

#content { clear: both; margin-left: 160px; padding: 0 20px; }

.browsernote { margin-top: 50px; text-align: center; font-size: 12px; font-style: italic; color: blue; border: 1px solid black; }

#nav ul { width: 150px; margin: 0; padding: 0; }
#nav li { list-style: none; margin: 0; padding: 1px; border: 3px outset #222; }
#nav li:hover { background-color: #cef; border: 3px inset #222; }
#nav a { text-decoration: none; }

/*
div.nav { padding-top: 10px; padding-bottom: 10px; width: 600px;; height: 20px; }
div.ltnav { position: absolute; left: 0; width: 300px; text-align: left; padding-left: 10px; }
div.rtnav { position: absolute; right: 0; width: 300px; text-align: right; padding-right: 10px;}
*/