/* Basic page set-up */

body {
margin-top:10px;
background-color:#D6D6B5;
padding-bottom:1em;
background-image:url(../images/text.gif);
scrollbar-base-color:#336699;
scrollbar-arrow-color:#fff;
margin-left:auto;
margin-right:auto;
max-width:1000px;
}

p, li {
color:#808000;
line-height:150%;
}

i {
font-size:97%;
}

.ThumbStudioCSS { 
font-weight:bold; font-size:14px; color:#808000; 
}

.shady {
background-color: grey; 
}

.small-caps {font-variant:small-caps;}
.center {text-align:center;}
.justify {text-align:justify;}
.indent3 {margin-left:3em;}
.indent6 {margin-left:6em;}

.highlight {background-color:yellow;}
.highlightimage {color:darkred; background-image:url(../images/photos.gif);}
.Footer {text-align:center; color:darkblue; background-image:url(../images/index.gif);}
.number {color:green;}

/* Definition for the 3 types of hyperlinks
- note the order:link, visited, hover, active - 
this is important for the links to work properly! */

a:link {color:teal; text-decoration:none; font-variant:small-caps; font-weight:bold; }
a:visited {color:purple; text-decoration:none; font-variant:small-caps; font-weight:bold;}
a:hover {color:blue; text-decoration:underline; font-variant:small-caps; font-weight:bold;}
a:active {color:red; text-decoration:none; font-variant:small-caps; font-weight:bold;}

.NavigationBar {
text-align:center;
font-variant:small-caps;
font-weight:bold;
font-style:normal;
}

.NavigationBar a:link {color:teal; padding-left:5px; padding-right:5px; text-decoration:none; text-shadow:turquoise 1px 1px 1px;}
.NavigationBar a:visited {color:purple; padding-left:5px; padding-right:5px; text-decoration:none; text-shadow:mediumpurple 1px 1px 1px;}
.NavigationBar a:hover {color:blue; padding-left:5px; padding-right:5px; background-color:yellow; text-decoration:underline; text-shadow:lightblue 1px 1px 1px;}
.NavigationBar a:active {color:red; padding-left:5px; padding-right:5px; text-decoration:none; text-shadow:salmon 1px 1px 1px;}

.Nav-Bar-Top {
overflow:hidden;
position:fixed;
top:0;
left:0;
width:100%;
text-align:center;
background-image:url(../images/photos.gif);
height:55px;
border-bottom: solid blue;
}
 
/* Quotations */

em {
text-decoration:none;
color:#4B0082;
font-style:normal;
}

/* 4. definition for the headings */

.Heading1 {
font-variant:small-caps;
text-align:center;
background-color:#808000; 
color:#DFDFC6; 
width:1010px;
font-weight:bold;
font-size:250%;
text-shadow:#AFC485 2px 2px 2px;
}

.Heading2 {
font-variant:small-caps;
text-align:center;
color:#808000;
font-weight:bold;
font-size:150%;
text-shadow:#AFC485 2px 2px 2px;
}

.Heading3 {
font-variant:small-caps;
text-align:center;
color:#808000;
font-weight:bold;
font-size:125%;
text-shadow:#AFC485 2px 2px 2px;
}

.Heading4 {
font-variant:small-caps;
text-align:left;
text-indent:3em;
padding-left:1em;
padding-right:1em;
color:#808000;
font-weight:bold;
font-size:110%;
font-variant:small-caps;
background-image:url(../images/text-dark.gif);
width:96%;
line-height:200%;
text-shadow:#AFC485 2px 2px 2px;
}

.Heading5 {
font-variant:small-caps;
text-align:center;
color:#808000;
font-weight:normal;
font-size:85%;
}

.Heading6 {
font-variant:small-caps;
text-align:center;
color:#DFDFC6;
font-weight:bold;
font-size:100%;
text-shadow:#000000 2px 2px 2px;
}

#tooltip{
font-size:95%;
position:absolute;
border:2px solid blue;
padding:4px;
background-color:#FFFF99;
background-image:url(../images/photos.gif);
visibility:hidden;
z-index:100;
progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}