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; font-weight: bold; }
h3 { text-align: left; font-size: large; font-family: serif; font-style: italic; font-weight: bold; padding: 0; margin: 0; }

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

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 { padding-top: 30px; margin-left: 100px; margin-right: 100px; }

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

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

h1.heading { font-style: italic; }

a.button span { background-color: lightblue; border: 1px; border-style: solid; padding: 0 2px; background-image: url(/images/ice-light.jpg); }

a.button         { padding: 3px; border: 1px; border-style: solid; color: brown; background-image: url(/images/ice-light.jpg); background-color: white; text-decoration: none; font-variant: small-caps; }
a.button:hover   { border-style: solid; color: blue; background-image: url(/images/ice-darker.jpg); background-color: white; }
#a.button:visited { color: black; }

#wrapper { margin: 0 auto 0 auto; position: relative; width: 800px; height: 800px; background-color: #cccccc; color: black; }

#top   { position: relative; height: 130px; background-color: #8080ff; color: black; }
#main  { position: relative; background-color: #8080ff; color: black; }

#left  { position: absolute; left: 1%; width: 48%; background-color: #cccccc; color: black; }

#right { position: absolute; right: 1%; width: 48%; background-color: #cccccc; color: black; }

#ltlogo { display: inline; position: absolute; top: 5px; left: 5px;  }
#rtlogo { display: inline; position: absolute; top: 0; right: 0; margin: 10px 2%; }
#header { display: inline; position: absolute; top: 5px; left: 200; width: 80% }

#left2  { float: left; background-color: #cccccc; color: black; }
#right2 { float: right; background-color: #cccccc; color: black; }

h2.announce { background-color: white; color: red; border: 8px; border-style: double; }