@import url(Fonts.css);

/* 1. basic page set-up */

body {
    margin-top:1em;
    margin-left:8%;
    margin-bottom:2em;
    margin-right:8%;
    background-color:#D8D8D8;
    background-image:url(../images/Text.jpg);

    scrollbar-face-color:#C0DCC0;
    scrollbar-highlight-color:#FCFFFC;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-color:#8EAA8E;
    scrollbar-shadow-color:#A2BEA2;
    scrollbar-arrow-color:#0000FF;
    scrollbar-track-color:#DEFADE;
}

p, li {color:darkblue;}

.Heading1 {text-align:center; color:darkblue; font-size:175%; font-weight:bold;}
.Heading2 {text-align:center; color:darkblue; font-size:150%; font-weight:bold;}
.Heading3 {text-align:center; color:darkblue; font-size:135%; font-weight:bold;}
.Heading4 {margin-left:3em; color:darkblue; font-size:100%; font-weight:bold; letter-spacing:0.2em;}
.Heading5 {text-align:center; color:darkblue; font-style:italic; font-size:100%; font-weight:bold;}
.Heading6 {color:darkblue; font-size:100%; font-weight:bold;}
.Heading7 {margin-left:3em; color:darkblue; font-size:100%; font-weight:bold;}

ul {line-height:150%;}
li {line-height:150%;}
em {color:darkred; font-style:normal;}
cite {color:purple;}
ins {color:red; text-decoration:none;} 
strike {color:gray; text-decoration:none;} 
u {color:green;}
sup {vertical-align:text-top;}

.recitor {font-style:italic;}
.prose {text-indent:3em;}
.English-Title {color:darkred;}
.number {color:#7F9861; font-weight:normal;}
.indent3 {margin-left:3em;}
.indent6 {margin-left:6em;}
.indent9 {margin-left:9em;}
.indent12 {margin-left:12em;}
.center {text-align:center;}
.justify {text-align:justify;}
.right {text-align:right;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.normal {font-weight:normal;}
.text {color:darkblue; font-weight:bold;}
.translation {color:darkred;}
.analysis {color:darkblue; font-weight:normal;}
.blue {color:blue;}
.highlight {color:red; background-color:yellow;}
.highlightimage { color:darkred; background-image:url(../images/note.jpg); }

.Windows-Form {letter-spacing:0.1em; background-color:#DBD2C3; font-weight:bold; color:#700000;}

.ITM-Form {background-color:#DBD2C3; font-weight:bold; color:#700000;}


/* 2. definition for the hyperlinks
- note the order:link, visited, hover, active - 
this is important for the links to work properly -
do not make declarations on one line, 
as they are not interpreted by some browsers correctly! */

a:link {
	color:blue;
	text-decoration:none;
}

a:visited {
	color:blue;
	text-decoration:none;
}

a:hover {
	color:darkred;
	text-decoration:underline;
}

a:active {
	color:red;
	text-decoration:none;
}

/* hyperlink references */

a.reference:link {
	color:blue;
	text-decoration:none;
          background-image:url(../images/Note.jpg);
 	background-color:#FFF8DC;
	font-style:normal;
	font-weight:bold;
	}
	
a.reference:visited {
	color:purple;
	text-decoration:none;
 	background-color:#FFF8DC;
	font-style:normal;
	font-weight:bold;
	} 
	
a.reference:hover {
	color:white;
	text-decoration:none;
	background-color:blue;
	font-style:normal;
	font-weight:bold;
	}
	
a.reference:active {
	color:purple;
	text-decoration:none;
	background-color:#33CCFF;
	font-style:normal;
	font-weight:bold;
	}

/*Navigation Bars*/

.NavBar1 {
	font-weight:bold;
	font-size:100%;
	text-align:center;
	list-style:none;
	margin-bottom:-0.5em;
}

.NavBar1 a:link {
	color:#7F9861;
	text-decoration:none;
	font-size:100%; 
}

.NavBar1 a:visited {
	color:#7F9861;
	text-decoration:none;
	font-size:100%; 
}

.NavBar1 a:hover {
	color:blue;
	text-decoration:underline;
	font-size:100%; 
}

.NavBar1 a:active {
	color:red; 
	text-decoration:none;
	font-size:100%; 
}

/*2nd bar*/

.NavBar2 {
	font-weight:bold;
	font-size:100%;
	text-align:center;
	list-style:none;
}
 
.NavBar2 a:link {
	color:#7F9861;
	text-decoration:none;
	font-size:100%; 
}

.NavBar2 a:visited {
	color:#7F9861;
	text-decoration:none;
	font-size:100%; 
}

.NavBar2 a:hover {
	color:blue;
	text-decoration:underline;
	font-size:100%; 
}
	
.NavBar2 a:active {
	color:red; 
  	text-decoration:none;
	font-size:100%; 
}

/*3rd bar*/

.NavBar3 {
	font-weight:bold;
	font-size:100%;
	text-align:center;
	list-style:none;
	margin-bottom:-0.5em;
}

.NavBar3 a:link {
	color:#1272B1;
	text-decoration:none;
	font-size:100%; 
}

.NavBar3 a:visited {
	color:#1272B1;
	text-decoration:none;
	font-size:100%; 
}

.NavBar3 a:hover {
	color:blue;
	text-decoration:underline;
	font-size:100%; 
}

.NavBar3 a:active {
	color:red; 
	text-decoration:none;
	font-size:100%; 
}

/* Style for the Tooltips */

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

/* Style for RSS feeds */

.ChannelTitle
{
 font-family:Verdana;
 font-size:11pt;
 font-weight: bold;
 width:500px;
 text-align:center;
}

.ArticleEntry
{
 border-width:1px;
 border-color:#336699;
 border-style:solid;
 width:500px;
}

.ArticleTitle
{
 background-color:#3366CC;
 color:#FFFFFF;
 font-family:Verdana;
 font-size:9pt;
 font-weight:bold;
 padding-left:5px;
 padding-top:5px;
 padding-bottom:5px;
}

.ArticleDate
{
 background-color:#3399FF;
 color:#FFFFFF;
 font-family:Verdana;
 font-size:7pt;
 padding-left:5px;
 padding-top:2px;
 padding-bottom:2px;
}

.ArticleTitle A:visited
{
 color:#FFFFFF;
 text-decoration:none;
}

.ArticleTitle A:link
{
 color:#FFFFFF;
 text-decoration:none;
}

.ArticleTitle A:hover
{
 color:#FFFF00;
 text-decoration:underline;
}

.ArticleDescription
{
 color:#000000;
 font-family:Verdana;
 font-size:9pt;
 padding-left:5px;
 padding-top:5px;
 padding-bottom:5px;
 padding-right:5px;
}