/* Colors

color pallate
GREEN,#326464; rgb(50,100,100)
BROWN,#644800;
DK Brown, #330000;
CREME,#f6f6dd;
DK BLUE #004864;
BLUE #0101FF;

*/


body {
width:90%;
margin-top:3px;
margin-right:5%;
margin-bottom:3px;
margin-left:5%;
color:#330000;
font-family: arial, times,sans-serif;
font-size:medium;
background:url(background.gif) #fdfdef;
background-repeat:repeat;
}


/* Font Formatting
Font-style:  | normal | italic | oblique;
font-weight: normal | bold | bolder | lighter | 100 - 900 ;
Font-variant: normal | small-caps;
font-size: |xx-small to xx-large | pt,px,em,etc. |
line-height: normal | %
font-family: Garamond, Arial, serif;

*/

/*h1,h2,h3,h4,h5,h6,p {
padding:.1em;
margin:.1em;
}*/

h1 {
color:#644800;
font-family:"Lucida Handwriting",Garamond,Arial,serif;
}

ol,ul {
color:black;
padding:.1em 1em;
margin:.1em 1em;
font-family:system, monospace, sans-serif;
font-size:small;
}

li {
list-style-type:square;
}

em {
color:#644800;
font-style:normal;
font-weight:bold;
}

.floatleft {
float: left;
margin:.5em;
}

.floatright {
float: right;
margin:.5em;
}

.nofloat {
clear:both;
}

.caption {
color:#644800;
background-color:#f6f6dd;
text-align:center;
font-weight:bold;
text-decoration:none;
border-color: #744A00;
border-width: 3px;
border-style: groove double;
padding:.2em;
margin:.2em;
line-height:2;
}

.indent {
text-indent: 1em;
text-align:left;
}

.initial:first-letter {
font-size: 150%;
font-weight:bold;
text-align:left;
}

.center {
text-align: center;
}

.left {
text-align:left;
}

/*img {
border-width: 0px;
margin:0px;
padding:0px;
}*/

img {
border-color: #744A00;
border-width: 3px;
border-style: groove double;
margin: 3px;
}





/* Hyperlink Behavior */


a:link, a:visited {
color:#326464;
background-color: transparent;
border-style:none;
text-decoration:none;
}
 
a:hover {
color: #0000FF;
background-color:#f6f6dd;
text-decoration:none;
}

div#navigation a {
display: block;
}

div.folder li{
list-style-image:url(img/folder.gif);
list-style-type: square;

}
div.file li{
list-style-image:url(img/file.gif);
list-style-type: square;
}

a.button:link,a.button:visited {
color:#326464;
background-color: #f6f6dd;
text-align:center;
border-style:outset;
border-width:3px;
border-color:#f6f6dd;
font-weight:bold;
text-decoration:none;
padding:2px;
margin:2px;;
line-height:2;
}
 
a.button:hover{
color:#0000FF;
background-color:#f6f6dd;
border-style:inset;
border-width:3px;
border-color:#f6f6dd;
font-weight:bold;
text-decoration:none;
padding:2px;
margin:2px;;
line-height:2;
}
a.navbutton:link,a.navbutton:visited {
color:#326464;
background-color: #f6f6dd;
text-align:left;
border-style:outset;
border-width:3px;
border-color:#f6f6dd;
font-size:medium;
font-weight:normal;
text-decoration:none;
padding:1px;
margin:1px;
line-height:1;
}
 
a.navbutton:hover{
color:#0000FF;
background-color:#f6f6dd;
border-style:inset;
border-width:3px;
border-color:#f6f6dd;
font-size:normal;
font-weight:normal;
text-decoration:none;
padding:1px;
margin:1px;
line-height:1;
}



a.revbutton:link,a.revbutton:visited {
color:#f6f6dd;
background-color:#326464;
text-align:center;
border-style:outset;
border-width:3px;
border-color:#f6f6dd;
font-weight:bold;
text-decoration:none;
padding:.2em;
margin:.2em;
line-height:2;
}
 
a.revbutton:hover{
color:#0000FF;
background-color: #f6f6dd;
border-style:inset;
border-width:3px;
border-color:#f6f6dd;
font-weight:bold;
text-decoration:none;
padding:.2em;
margin:.2em;
line-height:2;
}

table {
width:45%;
margin-right:2%;
margin-left:2%;
}





table {
/*border-color: #f6f6dd;
border-width: 1%;
border-style: inset;*/
padding:.2em;
margin:.2em;
/*display:inline;*/
}



.border {
background-color:#F6F6DD;
border-style:outset;
border-width:3px;
border-color:#f6f6dd;
padding:.5em;
margin:.5em;
}

td.top {
vertical-align:top;
text-align:center;
background-color:#f6f6dd;
border-style:outset;
border-width:3px;
border-color:#f6f6dd;
padding:1%;
}
td.middle {
vertical-align:middle;
text-align:center;
background-color:#F6F6DD;
border-style:outset;
border-width:3px;
border-color:#f6f6dd;
padding:1%;
}

table.windows {
width: 40%;
float:left;
font-family:system;
border-style:ridge;
border-color:gray;
border-width:2px;
}

td.bar {
border-bottom-style:ridge;
border-bottom-width:2px;
border-bottom-color:gray;
color:white;
background-color:blue;
}

td.window {
color:black;
background-color:white;

}