/* Basic page set-up and font information */

body {
font-family:'Book Antiqua', 'Times New Roman', Times, Serif;
background-color:#D6D6B5;
max-width:1000px;
margin-top:1em;
margin-left:auto;
margin-bottom:2em;
margin-right:auto;
padding-top:1em;
padding-bottom:1em;
background-image:url(../images/text.gif);
scrollbar-base-color:#336699;
scrollbar-arrow-color:#ffffff;
}

p, li {
font-family:'Book Antiqua', 'Times New Roman', Times, Serif;
color:#003000;
line-height:150%;
} 

i {font-size:97%;}

.SideBar2 {
padding-top:15px;
width:220px;
position:absolute;
right:0;
top:0;
}

a.gflag {font-size:32px;padding:1px 0;background-repeat:no-repeat;background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/32.png');}
a.gflag img {border:0;}
a.gflag:hover {background-image:url('http://joomla-gtranslate.googlecode.com/svn/trunk/mod_gtranslate/tmpl/lang/32a.png');}

.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:#C31919;  text-decoration:none;}
a:visited {color:purple;  text-decoration:none;}
a:hover {color:#EA1E1E; text-decoration:underline; }
a:active {color:red;  text-decoration:none;}

/* Quotations */

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


.Translate {
 overflow:hidden;
 position:absolute;
 right:0;
 top:0;
}


/* 4. definition for the headings */

.Heading1 {
font-family:'Book Antiqua', 'Times New Roman', Times, Serif;
text-align:center;
color:darkred;
font-weight:bold;
font-size:200%;
text-shadow:lightsalmon 2px 2px 2px;
}

.Heading2 {
font-family:'Book Antiqua', 'Times New Roman', Times, Serif;
text-align:center;
color:darkred;
font-weight:bold;
font-size:150%;
text-shadow:lightsalmon 2px 2px 2px;
}

.Heading3 {
font-family:'Book Antiqua', 'Times New Roman', Times, Serif;
text-align:center;
color:darkred;
font-weight:bold;
font-size:125%;
text-shadow:lightsalmon 2px 2px 2px;
}

.Heading4 {
font-family:'Book Antiqua', 'Times New Roman', Times, Serif;
text-align:left;
text-indent:3em;
padding-left:1em;
padding-right:1em;
color:darkred;
font-weight:bold;
font-size:110%;
font-variant:small-caps;
background-image:url(../images/text-dark.gif);
width:96%;
line-height:200%;
text-shadow:lightsalmon 2px 2px 2px;
}

.Heading5 {
font-family:'Book Antiqua', 'Times New Roman', Times, Serif;
text-align:center;
color:darkred;
font-weight:normal;
font-size:100%;
text-shadow:lightsalmon 2px 2px 2px;
}

.Heading6 {
font-family:'Book Antiqua', 'Times New Roman', Times, Serif;
text-align:left;
text-indent:3.5em;
color:darkred;
font-weight:normal;
font-size:100%;
text-shadow:lightsalmon 2px 2px 2px;
}

.Speaker {
font-family:'Book Antiqua', 'Times New Roman', Times, Serif;
color:darkred;
font-weight:bold;
text-shadow:lightsalmon 2px 2px 2px;
}

.First-Letter:first-letter {
font-size:175%; 
font-weight:bold;
color:red;
line-height:80%;}

#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);
}

/* Style for the Tooltips */

span.TT {
position:relative; /*this is the key*/
}

span.TT span {
z-index:25; 
display:none;
position: absolute; 
right: -7em;
top:25px;
color:darkblue; 
padding:6px;
width:21em;
min-width:21em;
background-color:#DCDCC6;
background-image:url(../images/text2.gif);
text-align:left;
border:2px solid blue;

/* taking out unwanted formatting: */

font-variant:normal;
font-weight:normal;
font-style:normal;
font-size:medium;
margin-left:0em;
text-indent:0em;
text-shadow: none;
letter-spacing:0em;
}

span.TT span:before {
content:" click the number to stick the note, click again to unstick it "; 
color:gray; 
font-style:normal; 
font-size:small; 
display: block; 
text-align:center; 
white-space:nowrap;
}

span.TT sup {
color:blue;
background-color:white;
background-image:url(../images/text.gif);
}

span.TT sup:hover {
background-color:yellow;
cursor:pointer;
}

@media screen and (min-width: 0px) {
span.TT span.TT {
float: right; 
right: -7em;
top:20px;
margin-bottom: 20px; 
width: 0;
   }
}