@charset "UTF-8";
/* CSS Document for Daphne Stanley */

/* eric meyer's css reset code */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: Verdana,Geneva,sans-serif;
vertical-align: baseline;
}

body {
background-color: #3cc1e1;
background-image: url("bg-main.gif");
background-repeat: repeat-x;
padding: 0;
text-align:center;
}

h1 {
font-family: Verdana,Geneva,sans-serif;
font-size: 24px;
color:#360a55;
padding: 0px 0px 0px 0px;
}

p {
font-family: Verdana,Geneva,sans-serif;
font-size:13px;
color:#333333;
}

p.credit {
font-family: Verdana,Geneva,sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
margin-top: 0px;
}


a {
font-family: Verdana,Geneva,sans-serif;
font-size:13px;
text-decoration: none;
color: #339999;
}

a:link, a:visited {
color:#339999;
}

a:hover, a:focus {
color:#FF9900;
}

a.homebutton {
display:block;
width: 140px;
height: 22px;
text-indent: -5000px;
background:url(bg-home.gif);
text-decoration:none;
}

a.gallerybutton {
display:block;
width: 140px;
height: 22px;
text-indent: -5000px;
background:url(bg-gallery.gif);
text-decoration:none;
}

a.aboutbutton {
display:block;
width: 140px;
height: 22px;
text-indent: -5000px;
background:url(bg-about.gif);
text-decoration:none;
}

a.contactbutton {
display:block;
width: 140px;
height: 22px;
text-indent: -5000px;
background:url(bg-contact.gif);
text-decoration:none;
}

a:hover.homebutton {
background-position: 0px 22px;
}

a:hover.gallerybutton {
background-position: 0px 22px;
}

a:hover.aboutbutton {
background-position: 0px 22px;
}

a:hover.contactbutton {
background-position: 0px 22px;
}

#left li {
list-style: none;
margin:0;
padding-bottom: 10px;
}

#container {
width: 800px;
margin: 0 auto;
background-color:#ffffff;
}

#mainheader {
width: 800px;
height: 189px;
background-color:#FFFFFF;
padding: 10px 0px 0px 0px;
margin: 0 auto;
}

#orange {
width: 800px;
height:20px;
background-image:url(orange.gif);
background-repeat:no-repeat;
}

#left {
float: left;
width: 150px;
text-align: left;
background-color:#ffffff;
padding: 10px 0px 0px 10px;
}

#right {
float: right;
width: 619px;
background-color:#ffffff;
text-align:left;
padding: 5px 9px 10px 10px;
background-color:#CCCCCC;
}

.centerimage {
text-align:center;
display:block;
}


#footer {
clear:both;
width: 800px;
margin: 0 auto;
background-color:#eb8003;
}

#footer p.foot {
font-weight: normal;
font-size: 10px;
color:#333333;
text-align: center;
padding: 5px 0px 5px 0px;
}

#footer a:link {
color:#333333;
font-size:10px;
}


#footer a:hover {
color:#000000;
font-size:10px;
}