* {
        margin:0px;
        padding:0px;
        font-family:Verdana, Arial, sans-serif;
        letter-spacing:1px;
        line-height:22px;
        }
body {
        background-color:#FFC5C5;
        background-image:url(../images/bg.gif);
        background-repeat:repeat-y;
        }
#header {
        display:block;
        background-color:#FFC5C5;
        color:#FFFFFF;
        font-size:200%;
        }
#header, #header span {
        height:120px;
        width:100%;
        background-image:url(../images/amberfaith.jpg);
        background-repeat:no-repeat;
        background-position:left bottom;
        }
#header span {
        position:absolute;
        top:0px;
        left:0px;
        }
#content {
        position:absolute;
        top:120px;
        left:250px;
        width:490px;
        padding:15px;
        padding-right:0px;
        background-color:#FFFFFF;
        }
#menu {
        width:250px;
        height:100%;
        background-color:#FFC5C5;
        text-align:right;
        border-style:solid;
        border-color:#FFFFFF;
        border-width:0px;
        border-top-width:2px;
        }
#menu ul {
        list-style:none;
        }
#menu li {
        position:relative;
        }
* html #menu li {
        height:1px;
        }
#menu a {
        color:#FFFFFF;
        font-size:130%;
        height:50px;
        background-repeat:no-repeat;
        border-style:solid;
        border-color:#FFFFFF;
        border-width:0px;
        border-bottom-width:2px;
        display:block;
        }
#menu a span {
        position:absolute;
        top:0px;
        left:0px;
        width:250px;
        height:50px;
        }
#menu a.home, #menu a.home span {
        background-image:url(../images/menu-home-off.gif);
        }
#menu a.aboutme, #menu a.aboutme span {
        background-image:url(../images/menu-aboutme-off.gif);
        }
#menu a.family, #menu a.family span {
        background-image:url(../images/menu-myfamily-off.gif);
        }
#menu a.albinism, #menu a.albinism span {
        background-image:url(../images/menu-albinism-off.gif);
        }
#menu a.pictures, #menu a.pictures span {
        background-image:url(../images/menu-pictures-off.gif);
        }
#menu a.guestbook, #menu a.guestbook span {
        background-image:url(../images/menu-guestbook-off.gif);
        }
#menu a.home:hover, #menu a.home span:hover {
        background-image:url(../images/menu-home-on.gif);
        }
#menu a.aboutme:hover, #menu a.aboutme span:hover {
        background-image:url(../images/menu-aboutme-on.gif);
        }
#menu a.family:hover, #menu a.family span:hover {
        background-image:url(../images/menu-myfamily-on.gif);
        }
#menu a.albinism:hover, #menu a.albinism span:hover {
        background-image:url(../images/menu-albinism-on.gif);
        }
#menu a.pictures:hover, #menu a.pictures span:hover {
        background-image:url(../images/menu-pictures-on.gif);
        }
#menu a.guestbook:hover, #menu a.guestbook span:hover {
        background-image:url(../images/menu-guestbook-on.gif);
        }
* html #menu span {
        display:none;
        }
#menu .submenu {
        position:absolute;
        left:250px;
        top:0px;
        display:none;
        text-transform:capitalize;
        }
#menu .submenu a {
        height:25px;
        }
#menu li:hover .submenu, #menu li.over .submenu {
        display:block;
        }
.submenu li {
        list-style:none;
        }
#menu .submenu a {
        width:200px;
        background-color:#FFC5C5;
        text-decoration:none;
        font-style:italic;
        border-left-width:2px;
        padding-left:10px;
        padding-right:10px;
        }
#menu a:hover, #menu .submenu a:hover {
        background-color:#FFABAB;
        }
#extradiv {
        width:25px;
        height:25px;
        position:absolute;
        top:120px;
        left:745px;
        background-image:url(../images/curvedcorner.gif);
        background-repeat:no-repeat;
        z-index:1;
        }
#comment {
        margin:auto;
        width:350px;
        margin-bottom:20px;
        }
fieldset {
        border:0;
        }
label {
        display:block;
        font-size:.6em;
        margin-top:7px;
        line-height:14px;
        }
#comment input, #comment textarea {
        width:350px;
        }
#comment .button {
        width:75px;
        margin-top:15px;
        display:block;
        }
#comment #check {
        display:none;
        }
option {
        padding-left:5px;
        }
#comments {
        margin:30px;
        }
.guestbookentryholder, .announcementholder {
        width:430px;
        background-color:#FFC5C5;
        background-image:url(../images/guestbookbotbg.gif);
        background-position:bottom left;
        background-repeat:no-repeat;
        padding-bottom:1px;
        margin:0 auto 25px;
        }
.guestbookentry, .announcement {
        padding:25px;
        padding-bottom:0px;
        background-color:#FFC5C5;
        display:block;
        background-image:url(../images/guestbooktopbg.gif);
        background-position:top left;
        background-repeat:no-repeat;
        }
.announcement p {
        font-size:.9em;
        }
.userdetails {
        font-size:85%;
        }
.thispage {
        color:#000000;
        font-weight:bold;
        font-size:125%;
        text-decoration:none;
        }
#new-stuff {
        position:relative;
        width:200px;
        height:230px;
        margin-left:25px;
        background-color:#FFFFBB;
        background-image:url(../images/newsbotbg.gif);
        background-position:bottom center;
        background-repeat:no-repeat;
        color:#AC7676;
        }
#new-stuff h2 {
        font-size:100%;
        background-color:#FFA4A4;
        background-image:url(../images/newstopbg.gif);
        width:200px;
        height:26px;
        color:#FFFFFF;
        }
#new-stuff h2 span {
        position:relative;
        top:3px;
        left:20px;
        }
#new-stuff .newsitem {
        font-size:80%;
        padding-top:5px;
        margin-bottom:10px;
        }
#new-stuff .date {
        display:block;
        font-size:80%;
        font-weight:bold;
        }
#news {
        position:absolute;
        top:26px;
        left:15px;
        width:185px;
        height:204px;
        overflow:auto;
        }
#footer {
        color:#AC7676;
        font-size:90%;
        font-weight:bold;
        margin-top:15px;
        margin-left:5px;
        width:250px;
        }
#content h2 {
        color:#FFA4A4;
        text-align:right;
        text-transform:lowercase;
        margin-bottom:10px;
        border-style:dashed;
        border-color:#AAAAAA;
        border-width:0px;
        border-bottom-width:2px;
        }
h3 {
        color:#AAAAAA;
        text-align:right;
        margin-bottom:15px;
        }
p, ul, ol {
        margin-bottom:20px;
        }
#content li {
        margin-left:30px;
        }
#content ul li {
        margin-bottom:15px;
        }
#ads {
        position:absolute;
        left:800px;
        top:120px;
        }
#ads p {
        width:120px;
        font-size:70%;
        line-height:15px;
        letter-spacing:0px;
        }
img.indexpic {
        float:right;
        padding-left:10px;
        padding-bottom:5px;
        }
.picturethumbnail {
        width:230px;
        float:left;
        clear:top;
        margin-right:10px;
        margin-bottom:10px;
        }
img.picture-photo, img.picture-video {
        background-repeat:no-repeat;
        border-style:none;
        }
img.picture-photo {
        background-image:url(../images/pictures-bg.gif);
        padding:14px;
        width:72px;
        height:72px;
        }
img.picture-video {
        background-image:url(../images/videos-bg.jpg);
        padding-left:3px;
        padding-right:2px;
        padding-top:2px;
        padding-bottom:14px;
        width:95px;
        height:84px;
        }
img.pic, .pic-left, .pic-right, .thumbnail {
        border-style:solid;
        border-width:2px;
        border-color:#FFC5C5;
        padding:3px;
        margin-right:15px;
        margin-bottom:10px;
        }
img.thumbnail {
        width:100px;
        height:100px;
        }
.pic-left {
        float:left;
        }
.pic-right {
        float:right;
        }
.small {
        font-size:70%;
        }
.smallcentered {
        font-size:80%;
        text-align:center;
        }
.cantclick {
        color:#BBBBBB;
        }
dt {
        color:#FFA4A4;
        font-weight:bold;
        margin-top:20px;
        }
dd {
        margin-top:20px;
        }
ol {
        font-size:80%;
        }
blockquote {padding:20px;font-size:85%;background-color:#FFC5C5;margin-bottom:20px;}

