/* stylesheet.css */

/* Universal style rule */

* {
margin:0;
padding:0;
}

body {
font-family:"Lucida Handwriting", Times, Serif;
font-size:1em;
color:#000;
background-image:url("images/wall-49.jpg");
margin:0;
}

#container {
width:65%;
margin:0 auto;
padding:4px;
}

#left {
width:33.1%;
display:inline;
float:left;
background:#d8d8d8;
border:4.3px solid #4c3327;
}

#right {
width:35%;
display:inline;
float:right;
background-image:url("bckgrndpics/beige111.jpg");
border:4px solid #4c3327;
}

.clear {
clear:both;
}

#wrapper {
width:80%;
margin:0 auto;
}

#header2 {
height:254px;
background-color:#836c66;
border-bottom:3px solid #000;
margin-top:0;
margin-left:0px;
margin-right:0px;

}

#sidebar {
float:left;
display:inline;
width:9em;
margin:2em 2em 1em 1em;
padding:0;
}

#navbar {
	width:536px;
	position:absolute;
	top:58px;
	left: 250px;
}

#vertical {
width:25em;
list-style-type:none;
font-size:1.2em;
font-family:georgia, "times new roman", serif;
margin:0 auto;
padding:0;
}

#vertical li {
float:left;
width:1.5em;
border:.2em solid #000;
margin:.1em;
}

#vertical li a {
text-decoration:none;
color:#000;
display:block;
width:1.5em;
border-top:.1em solid #000;
height:auto;
}

#vertical li a em {
font-style:normal;
display:block;
text-align:center;
background-image:url(bckgrndpics/bfrank.jpg);
border-left:.1em solid #000;
border-right:.1em solid #000;
}

#vertical li a em.nd {
border-bottom:.1em solid #000;
}

#vertical li a:hover {
background:#eee;
}

#vertical li a:hover em {
background:#fff;
color:#822433;
}

.hotkey {
text-decoration:underline;
}

#sidebar2 {
float:right;
display:inline;
width:4em;
margin:1em 3em 1em 1em;
padding:0;
}

#main {
/*border:4px ridge #4a2a13;*/
background-image:url("images/bfrank.jpg");
/*font-family:"Arial Black", Impact, Charcoal, fantasy;*/
font-family:"Lucida Handwriting", Times, Serif;
margin-left:8em;
width:79%;
}

ul {
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
list-style-type:none;
}

a:link {
color:#000;
text-decoration:none;
}

a:visited {
color:#23238e;
font-weight:700;
text-decoration:none;
}

a:hover {
color:#f06;
text-decoration:underline;
}

a:active {
color:#4a2a13;
text-decoration:underline;
}

h1 {

font-weight:700;
color:#000;
}

h1.c6 {
color:#a71930;
}

h1.c3 {
font-style:italic;
}

h1.c2 {
text-align:center;
margin-left:10px;
}

h2,h3 {
color:#1f2159;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
}

#main p {
margin-top:28px;
margin-left:50px;
margin-right:50px;
margin-bottom: 28px;
text-align:justify;
}

p.tip {
background-color:#acd095;
margin-left:100px;
margin-right:100px;
border:solid thin #167a58;
padding:5px;
}

p.warning {
background-color:#fcf;
margin-left:100px;
margin-right:100px;
border:solid thin red;
padding:5px;
}
table.t1 {
background-image:url(bckgrndpics/bfrank.jpg);
 position:center;
border:solid medium #282530;

}

table.c1 {
width:100%;
color:#000;
}

img.c1 {
width:173px;
height:115px;
}

img.c2 {
width:173px;
height:111px;
}

img.c3 {
width:465px;
height:444px;
}
a img {
border:none;
}

img.thumbs {
width:144px;
height:118px;
text-align:center;
border:none;
}

img.thumbs2 {
height:120px;
width:120px;
}
.yellow {
color:#ff0;
}

.red {
color:red;
}

.navy {
color:#23238e;
}

.lightblue {
color:#87ceeb;
}

.purple {
color:#52454f;
}

.pink {
color:#f0a;
}

.green {
color:#698b22;
}

.green2 {
color:#00AF3F;
}

.green3 {
color:#009b48;
}

.orange {
color:orange;
}

.beige {
color:#c7b37f;
}

.black {
color:#000;
}

.teal {
color:teal;
}

.maroon {
color:maroon;
}

.gray {
color:gray;
}

.brown {
color:#4a2a13;
}
.orange2 {
color:#f9461c;
}

.hilite7 {
background-image:url("bckgrndpics/beige071.gif");
}

.hilite8 {
background-color:#282530;
}


div.center {
width:100%;
text-align:center;
clear:both;
}

border.frame {
border:12px ridge #33f;
}

#footer {
clear:both;
width:100%;
background-color:#836c66;
background-repeat:repeat;
border-top:thin solid #000;
padding-top:5px;
font-size:.9em;
font-family:georgia, times, "times new roman", serif;
}

h1,h3,p.c1 {
text-align:center;
}

h1.c1,.gold {
color:#eeb422;
}
div#navigation {
position:absolute;
top:.4em;
left:.6em;
width:7.5em;
margin-left:.5em;
}

#menu ul {
list-style:none;
margin:0;
padding:0;
}

#menu a,#menu h2 {
font:bold 11px/16px arial, helvetica, sans-serif;
display:block;
width:9.6em;
border-color:#ccc #888 #555 #bbb;
border-style:solid;
border-width:1px;
margin:0;
padding:2px 3px;
}

#menu h2 {
color:#c7b37f;
background-color:#000;
text-transform:uppercase;
}

#menu a {
color:#000;
background-image:url( "bckgrndpics/beige111.jpg" );
text-decoration:none;
}

#menu a:hover {
background-image:url( "bckgrndpics/beige111.jpg" );
}

#menu li {
position:relative;
}

#menu ul ul ul {
position:absolute;
top:0;
left:100%;
width:100%;
}

div#menu ul ul ul,div#menu ul ul li:hover ul ul {
display:none;
}

div#menu ul ul li:hover ul {
display:block;
}

.hotkey {
text-decoration:underline;
}