﻿p {font-family:trebuchet ms, arial, sans-serif, verdana; color:#912944;}

body {background-color: #ffffcc}

h1 {text-align:center; color:gold; background-color:black}
h2 {text-align:center; color:#912944; font-size:28px; font-family:arial} 
h3 {text-align:center; color:#912944}

.toc a:link {color:black;text-decoration: none; line-height: 10%}
.toc a:visited {color:black; text-decoration: none}
.toc a:hover {color:gold; background-color:black}
.toc a:active {color:gold}

.topleft {width: 20%; height: 20%; cellspacing: 0;  background-color:ffffcc}

.titlespace {width: 80%; background-color:#ffffcc }

.toc {width: 150px; height: 25px; cellspacing:0; background-color: #daa520; 
 line-height: 50%; border: thin groove black;}

.main {width: 600px; margin-left:20px; font-family:trebuchet ms, arial, sans-serif, verdana; color:#912944}

.announcement {width: 150px; height: 25px; cellspacing:0; background-color: #daa520; 
 border: thin groove black; font-family:trebuchet ms, arial, sans-serif, verdana}

.bottomleft {width: 150px; height: 25px}

.bottomcenter {width: 600px; margin-right:10%;font-family:trebuchet ms, arial, sans-serif, verdana; 
 color:#912944; margin-left:30%; } 

.bottomright {width: 100px; height: 25px }


#pagelinks a:link{color:navy; text-decoration: underline}
#pagelinks a:visited {color:navy; text-decoration: underline}
#pagelinks a:hover {color:red; background-color:#ffffcc}
#pagelinks a:active {color:gold}

#textformatregular {margin-left:15px; font-size:18px}
#textformatindent {margin-left:15px}
#textformatindent2 {margin-left:15px; font-family:trebuchet ms, arial, sans-serif, verdana; 
 color:#912944}
#fontsize {font-size: 18px}
#textformatindent3 {margin-left:25px;margin-right:25px}


.firstcolumn {width: 200px; font-size: 16px; margin-right:10%;font-family:trebuchet ms, arial, sans-serif, verdana; 
 color:#912944;} 
.secondcolumn {width: 200px; font-size:16px; font-family:trebuchet ms, arial, sans-serif, verdana; 
 color:#912944; }
.thirdcolumn {width: 200px; font-size: 16px; font-family:trebuchet ms, arial, sans-serif, verdana; 
 color:#912944; }

.contactfirst {width: 300px; font-size: 14px; font-family:trebuchet ms, arial, sans-serif, verdana; 
 color:#912944; }
.contactsecond {width: 300px; font-size: 14px; font-family:trebuchet ms, arial, sans-serif, verdana; 
 color:#912944; }
 

#memorialfont {margin-left: 20; font-family: trebuchet ms, sans-serif, verdana; font-size:24px}
#memorial {margin-left: 170px; font-family: color:black; font-size:12px}

#navbar li {list-style:none}
#navbar li {float: left; width:10em; align: left}
#navbar li  ul {display:none}
#navbar li:hover ul { display:block;width: 10em; position: absolute}

#photopage a:link{color:gold; text-decoration: none; background-color:black}
#photopage a:visited {color:gold; text-decoration: none; background-color:black}
#photopage a:hover {color:gold; background-color:#ffffcc; background-color: maroon}
#photopage a:active {color:gold; background-color:black}
#photopage {width: 800px; float: left; padding-left:15px; padding-right:15px; border-bottom: 2px solid #000}
#photopage {font-family:trebuchet ms, arial, sans-serif, verdana;  font-size:12px}
#photopage a {display: block; background-color: red; background: no-repeat top left;padding: 3px 6px; color:#fffcc}
#photopage li {float: left; background:no-repeat top right; margin-left: 1px; margin-right: 1px}

#photopage2 a:link{color:gold; text-decoration: none; background-color:black}
#photopage2 a:visited {color:gold; text-decoration: none; background-color:black}
#photopage2 a:hover {color:gold; background-color:#ffffcc; background-color: maroon}
#photopage2 a:active {color:gold; background-color:black}
#photopage2 {width: 800px; float: left; padding-left:15px; padding-right:15px}
#photopage2 {font-family:trebuchet ms, arial, sans-serif, verdana;  font-size:12px}
#photopage2 a {display: block; background-color: red; background: no-repeat top left;padding: 3px 6px; color:#fffcc}
#photopage2 li {float: left; background:no-repeat top right; margin-left: 1px; margin-right: 1px}

#guestbookbutton a {display:block; padding: 2px; text-decoration:none; width: 14em; margin:2 px; 
                 color: #8d4f10; font-family:trebuchet ms, verdana, arial}
#guestbookbutton a:link {background-color:goldenrod; color:black; border: 2px outset gold}
#guestbookbutton a:visited {background-color:goldenrod; color:black; border: 2px outset gold}
#guestbookbutton a:focus, a:hover {color:gold; background-color:black; border: 2px outset #daa670; 
                 color:black}
#guestbookbutton a:active {background-color:goldenrod; border: 2px outset #bb8e60}
#guestbookbutton  {text-align:center} 

#homepage #homepagelink, #reunion #reunionlink, #guestbookpage #guestbooklink,  
#guestbookpage #guestbooklink, #classmatespage #classmateslink, #contactspage #contactslink, 
#missingpage #missinglink, #memorialpage #memoriallink, #memorylanepage #memorylanelink, 
#recognitionpage #recognitionlink, #linkspage #linkslink, #guestbookformpage #guestbookformlink,
#classmatesformpage #classmatesformlink
{color:gold; background-color:black}

#photopage1 #photopagelink1, #photopage2a #photopagelink2a, #photopage3 #photopagelink3,
#photopage4 #photopagelink4, #photopage5 #photopagelink5, #photopage6 #photopagelink6,
#photopage7 #photopagelink7, #photopage8 #photopagelink8, #photopage9 #photopagelink9,
#photosubmit #photosubmitlink
{color:black; background-color:goldenrod}

#classmateform label {margin-left: 1em; font-size: 100%; padding-top: .2em; left: 20px;}

input {margin-left: 3em; margin-bottom: .2em; line-height: 1.4em;}

#sidebar {position: fixed; top: 83%}
#sidebar2 {position: fixed; top: 40.5%}
#sidebar3 {position: fixed; top: 83%}


