body 
{
margin:0;
padding:0;
font-family: cursive, arial;
color: #000099;
background-color: #fdffff;
background-image: url('./images/OpenBook.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 50%;
font-size: 15px;
}

body.temp
{
background-image: url('./images/OpenBook(old).jpg');
background-position: 45% -10%;
}

body.popup
{
background-image: url('');
}

body.guestbook
{
color: #000099;
background-color: #fdffff;
background-image: url('./images/GuestBook.jpg');
background-position: 50% 30%;
}

table.arrange
{
max-width: 720px;
border: 0;
}

table.list
{
font-size: 12px;
border-color: #000099;
margin-left:auto;
margin-right:auto;
}

table.list tr:hover
{
background-color:yellow;
}

table.list tr td a
{
text-decoration:none;
display:block;
}

table.list tr td a:active {color:#6600ff;}

table.popup
{
font-size: 14px;
border-color: #000099;
}

th
{
color: #ffffff;
font-weight: bold;
font-style: italic;
background-color: #000099;
padding-bottom: 16px;
padding-top: 16px;
}

a:link {color:#6600ff;} 
a:visited {color:#9966cc;} 
a:hover {color:red; text-decoration:underline overline;}
a:active {color:#0000ff;}

ul 
{
list-style-image: url('./images/checkmark.gif');
}

div
{
font-size: 15px;
color: #000099;
}

div.tabletitle
{
font-size: 13px;
font-weight: bold;
font-style: italic;
text-align:right;
}

div.container
{
margin:0;
padding:0;
max-width:800px;
margin-left:auto;
margin-right:auto;
position:relative;
}

div.menu
{
display:inline;
max-width:800px;
overflow:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size: 13px;
}

div.menu a
{
position:relative;
bottom:5px;
}

img.logo
{
width:28px;
border-width:0px;
margin-left:3px;
margin-right:2px;
position:relative;
top:5px;
}

div.header
{
position:relative;
/*display:inline;*/
max-width:750px;
overflow:visible;
margin-left:auto;
margin-right:auto;
text-align:center;
}

div.supheader
{
position:relative;
display:inline;
max-width:800px;
overflow:visible;
margin-left:auto;
margin-right:auto;
}

div#friends
{
position:fixed;
bottom:0;
right:0;
width:180px;
height:100px;
background-color:#FFFF33;
text-align:center;
font-size:14px;
padding:5px;
}

div.papyrus
{
font-size: 11px;
background-image: url('./images/papyrus2.gif');
background-repeat: no-repeat;
text-align:left;
width:150px;
height:300px;
margin:10px;
padding:45px;
padding-right:0px;
position:absolute;
top:200px;
right:0px;
z-index:-1;
}

div.papyrus a
{
font-size: 12px;
}

div.papyrus a:link {color:#000099; text-decoration:none;} 
div.papyrus a:visited {color:#000099; text-decoration:none;} 
div.papyrus a:hover {color:#000099; text-decoration:underline;}
div.papyrus a:active {color:#000099; text-decoration:none;}

.small
{
font-size: 13px;
}

div.scroll_index
{
max-width:325px;
height:380px;
overflow:auto;
padding-right:10px;
padding-left:5px;
text-align:justify;
scrollbar-face-color: #fdffff;
scrollbar-highlight-color: #fdffff;
scrollbar-shadow-color: #fdffff;
scrollbar-3dlight-color: #fdffff;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #fdffff;
scrollbar-darkshadow-color: #fdffff;
z-index:1;
}

div.scroll_guestbook
{
max-width:740px;
height:360px;
padding-left:10px;
overflow:auto;
text-align:justify;
scrollbar-face-color: #fdffff;
scrollbar-highlight-color: #fdffff;
scrollbar-shadow-color: #fdffff;
scrollbar-3dlight-color: #fdffff;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #fdffff;
scrollbar-darkshadow-color: #fdffff;
}

div.scroll_list
{
max-width:740px;
height:200px;
overflow:auto;
scrollbar-face-color: #fdffff;
scrollbar-highlight-color: #fdffff;
scrollbar-shadow-color: #fdffff;
scrollbar-3dlight-color: #fdffff;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #fdffff;
scrollbar-darkshadow-color: #fdffff;
margin-left:auto;
margin-right:auto;
}

div.input
{
position:relative;
/*left:25%;*/
/*top:-18%;*/
/*top:-150px;*/
max-width:440px;
height:440px;
overflow:auto;
}

div.footer
{
position:relative;
max-width:800px;
overflow:visible;
margin-left:auto;
margin-right:auto;
text-align:center;
font-family:Verdana,Arial,sans-serif;
}

div.headertext
{
max-width:400px;
height:62px;
overflow:visible;
text-align:center;
display:inline;
}

table.footer
{
max-width:750px;
width:100%;
font-weight: bold;
font-style: italic;
font-family:Verdana,Arial,sans-serif;
font-size: 11px;
}

span.bookdata
{
font-size: 14px;
font-variant:small-caps;
font-weight:bold;
}

span.titledata
{
font-size:15px;
/*font-weight:bold;*/
/*font-style:italic;*/
}

span.grade
{
font-size:13px;
font-weight:bold;
}

span.green
{
color:green;
}

span.red
{
color:red;
}

span.grey
{
color:grey;
}

span.note
{
font-size:14px;
}

.italics
{
font-style:italic;
}

.bold
{
font-weight:bold;
}

img.candleleft
{
cursor:pointer;
height:62px;
width:33px;
border-width:0px;
left:100px;
top:0;
position:absolute;
}

img.candleright
{
cursor:pointer;
height:62px;
width:33px;
border-width:0px;
right:100px;
top:0;
position:absolute;
}

img.login
{
cursor:pointer;
position:absolute;
top:5px;
right:5px;
border-width:0px;
}

.thumb
{
cursor:pointer;
border-width:0px;
margin-top:5px;
}

.left
{
float:left;
}

.right
{
float:right;
}

.centered
{
margin-left:auto;
margin-right:auto;
}

.center
{
text-align:center;
}

.justify
{
text-align:justify;
}

p
{
font-size: 15px;
color: #000099;
}

p.backcover
{
height:80px;
overflow:hidden;
margin:0px;
padding:0px;
}

p.effect
{
margin:0px;
padding:0px;
}

p.effect:first-letter
{
font-size:xx-large;
}

h1
{
margin:0px;
letter-spacing:15px;
font-size: 22px;
}

h2.title
{
margin:0px;
letter-spacing:5px;
font-size:18px;
}

h2
{
font-variant:small-caps;
font-size:16px;
margin:2px;
}

h3
{
font-size:15px;
letter-spacing:3px;
text-decoration:underline;
}

h3.title
{
letter-spacing:5px;
font-variant:small-caps;
/*font-family:"Book Antiqua","Bookman Old Style","Times New Roman";*/
}

strong
{
font-weight:normal;
}

strong.bold
{
font-weight:bold;
}

input[type="text"], input[type="password"], textarea, select
{
color:#FFFFFF;
font-weight:bold;
font-size:12px;
/*background-color:#000099;*/
background-color:#72A4D2;
}

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus
{background-color:#000099;}

select.text
{
color:#000099;
font-weight:normal;
background-color:#fdffff;
}

input[type="submit"], input[type="reset"], button
{
color:#FFFFFF;
font-weight:bold;
font-size:12px;
background-color:#000099;
padding:2px;
border-width:3px;
border-right:3px solid #000000;
border-bottom:3px solid #000000;
cursor:pointer;
overflow:visible;
width:auto;
height:auto;
}

/*input[type="submit"]:hover, input[type="reset"]:hover {color:yellow;}*/
input[type="submit"]:hover, input[type="reset"]:hover, button:hover {background-color:#9966cc;}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#ddd; margin:0 5px;}
.b2f {height:1px; background:#ddd; margin:0 3px;}
.b3f {height:1px; background:#ddd; margin:0 2px;}
.b4f {height:2px; background:#ddd; margin:0 1px;}
.contentf {background: #ddd;}
.contentf div {margin-left: 10px;margin-right: 10px;}

@media all and (max-width: 760px) { .noresp {display:none;} .candleleft {display:none;} .candleright {display:none;} }
@media all and (max-width: 420px) { div.scroll_index {height:100%;} div.scroll_guestbook {height:100%;} div#friends {display:none;} h1 {font-size:17px;letter-spacing:10px;} }