* {margin: 0; padding: 0;}
html {padding: 10px;}
body {background: #B3AC97; 
margin: 0; 
padding: 0;}

#top {width: 640px; 
height: 300px; 
background: black url(kelsitop.jpg) no-repeat; 
margin-left: auto; 
margin-right: auto; 
margin-bottom: 20px; 
margin-top: 10px; 
padding: 0; 
border: 1px solid black;}

#top h1 {font-size: 54px; 
font-family: georgia, Minion, serif; 
font-weight: normal; 
position: relative; 
top: 240px; 
text-align: center;
color: #B3AC97;    /* font color for title (Denise Cook Photography Gallery) over picture */
}

/* Top for gallery page */

div.galfoot {width: 640px; 
height: 68px; 
background: #846B4D url(dcp.png) no-repeat; 
margin-left: auto; 
margin-right: auto; 
margin-bottom: 20px; 
margin-top: 5px; 
border: 5px solid black;
}

div.gal {width: 650px; 
background: #846B4D; /* background color  */
color: #fff;    /* font color in main sections of gallery */
margin-left: auto; 
margin-right: auto; 
border: 0px; 
text-align: center;
}

div.gal table
{ 
margin-left: auto; 
margin-right: auto;
border: 0px;
cellpadding: 0px;
cellspacing: 420px; 
bgcolor: #846B4D;
text-align: center;
}

div.gal tr,td {
text-align: center;
border: 0px;
bordercolor: black;
font-weight: bolder;
}

div.gal a {text-decoration: underline;
color: #000;
font-weight: bold;}

div.galspacer{height: 10px;
}

div.main {width: 640px; 
background: #846B4D; /* background color  */
color: #fff;    /* font color in main sections */
margin-left: auto; 
margin-right: auto; 
border:0px;
}

div.main p {font-size: 12px; 
font-family: verdana,arial,sans-serif; 
margin-left: 30px; 
margin-right: 30px; 
padding-top: 10px; 
padding-bottom: 10px; 
text-align:left;}

div.main img {
margin-right: 15px; 
margin-top: 15px;
margin-bottom: 5px;
margin-left: 15px;
padding: 0px; 
border: 2px solid #000;
float: right;}

#bold {font-weight: bolder;
}

#footer {margin-left: 30px;
margin-right: 30px;
padding-bottom: 30px;
color: #000;    /* text color in footer */
background: #846B4D; /* background color for footer */
font-family: verdana,arial,sans-serif; 
text-align:left;
font-size: 9px;
}

#footer a{
color: #000;
text-decoration: underline;
}

#footer a:hover
{
color: #B3AC97;    
border-color: #227;
}

a img {border: 2px solid black;} 
 
a {text-decoration: underline;
color: #fff;
font-weight: normal;}

a:hover {text-decoration: overline;
color: #B3AC97;
}


#navlist
{
padding: 3px 0;
margin-left: 0; 
font: bold 12px Verdana, sans-serif;
width: 640px;
margin: 0 auto;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
text-decoration: none;
background: #4E473D;    <!-- background color for menu tabas other than current -->
}


#navlist li a:hover
{
color: black;    /* color of font in menu when hovering over 'tab' */
background: #C09E78;    /* color of background in menu when hovering */
border-color: #227;
}

#navlist li a#current
{
background-color: #846B4D;    /* background color of the 'current' menu 'tab' */
border-top: 1px solid black;
border-bottom: 0px;
border-left: 1px solid black;
border-right: 1px solid black;
color: #fff;    /* text color in current menu 'tab' */
font-weight: strong;
}

#ratelist
{
margin-left: 0px; 
margin-right: 0px; 
font: 12px Verdana, sans-serif;
width: 640px;
}

#ratelist li
{
padding: 3px 0;
list-style: disc;
margin-left: 30px; 
margin-right: 30px;
}