body, div, table, td, input {
	font-family: Tahoma, Arial, Verdana, Georgia;
	font-size: 13px;
	line-height: 1.6;
	}

body {
	background: #224466 url('../img/background.jpg') repeat-y top center;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
	}

a:link {
    color: #224466;
    background: transparent;
	text-decoration: none;
	}
	
 a.titles {color: green  !important;
	 }
	

a:visited {
    color: #336699;
   	background:	transparent;
	text-decoration: none;
	}
    
a:hover {
    background:	transparent;
	text-decoration: underline;
	}


h1 {
	font-size: 19px;
	color: #336699;
	line-height: 0.8;
}

h2 {
	font-size: 17px;
	color: #336699;
}

h3 {
	font-size: 15px;
	color: #336699;
}

h4 {
	font-size: 11px;
	color: #C36;
}

h5 {
	font-size: 13px;
	color: #FF0000;
}

h6 {
	font-size: 10px;
	color: red;
}

#template {
	width: 800px;
	margin: auto;
	margin-top: 0;
	padding-top: 0;
}

#header {
	height: 150px;
	padding: 25px;
	padding-bottom: 0px;
	padding-top: 15px;
	margin-bottom: -15px;
	border-top: 15px solid #FEDE00;
}

#header-primary {
	background: url('../img/header_long.gif') #FFFFFF no-repeat center left;
	height: 125px;	
	width: 575px;
	float: left;
}

#header-primary-fr {
	background: url('../img/header_long_fr.gif') #FFFFFF no-repeat center left;
	height: 125px;	
	width: 575px;
	float: left;
}

#header-secondary {
	background: url('../img/header_book_short.gif') #FFFFFF no-repeat center right;
	height: 125px;
	width: 150px;
	float: right;
}

#header-secondary2 {
	background: url('../img/header_book_short2.gif') #FFFFFF no-repeat center right;
	height: 125px;
	width: 150px;
	float: right;
}

#main {
	padding: 13px 25px 10px 25px;
	clear: both;
}

#navigation-menu {
	background: url('../img/top_line.gif') repeat-x center left;
	margin: 0;
	padding: 0;
	height: 28px;
	width: 800px;
	border-bottom: 1px solid #B1B1B1;
	list-style-type: none;
	margin-bottom: 4px;
    padding-left: 0px
}

#navigation-tab li {
	
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	display: block;
}

#navigation-tab li a, #navigation-tab li a:link {
	color: #656565;
	text-decoration: none;
	padding: 2px 10px 0px 10px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	margin-top: 2px;
}

#navigation-tab li a:hover {
	color: #336699;
	border-bottom: 3px solid #FEDE00;
	cursor: pointer;
	background: #EBEBEB;
}

#navigation-tab li a#current, #navigation-tab li a#current:link {
	color: #336699;
	border-bottom: 3px solid #FEDE00;
	cursor: default;
	background: #EBEBEB;
	font-weight: bold;
}

#navigation-tab li a#current:hover {
	border-bottom: 3px solid #B1B1B1;
	background: #EBEBEB;
}

#footer {
	/*text-align: center;*/
	text-align: right;
	background: #EBEBEB;
	font-size: 10px;
	padding: 25px;
	border-top: 1px solid #B1B1B1;
	border-bottom: 15px solid #FEDE00;
	margin: 0;
	clear: both;
	float: center;
	height: 45px;
	margin-top: 10px;
}

.page-thumb {
	/*	border: 4px solid #FEDE00;*/
	padding: 4px; 
	/* margin: 0 7px 7px 0; */
	border: 2px solid #FEDE00;
	/* float: left; */
}

.loader {
	background: url('../img/loader.gif') #FFFFFF no-repeat center ;
}

.secondary {
	background: #F3F3F3;
	color: #336699;
	height: 20px;
	vertical-align: middle;
	padding-left: 2px;
	border-top: 1px solid #B1B1B1;
	border-bottom: 1px solid #B1B1B1;
}

.small {
	font-size: 9.5px; 
}

table.dotted { 
   border-width: 1px; 
   border-style: solid; 
   border-color: #B1B1B1; 
   border-collapse: collapse; 
   } 

table.dotted th { 
   border-bottom: thin dotted; 
   border-width: 1px; 
   border-color: #B1B1B1; 
   } 
   
table.dotted td { 
   border-top: thin dotted; 
   border-bottom: thin dotted; 
   border-right: thin dotted; 
   border-left: thin dotted; 
   border-width: 1px; 
   border-color: #B1B1B1; 
   }

.even {
	background: #FFFFFF;
}

.odd {			
	background: #F3F3F3;
}

.medium {
	font-size: 11px;
	line-height: 1.4;
}

.small {
	font-size: 11px;
	line-height: 1.0;
}


.hangingindent {
	margin-left: -15px;
    padding-left:-15px;
}

.indenthanging {
    padding-left:15px;
}

.letters {
	margin-left: -15px;
    padding-left:-15px;
	background: #4171C9;
	FONT-WEIGHT: bold;
}

.bolded {
	FONT-WEIGHT: bold;
}

.gamesletters {
	FONT-WEIGHT: bold; FONT-SIZE: 19px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.gamesletters2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: white; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.font2 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.font2a {
	FONT-SIZE: 9px; COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.font3 {
	FONT-SIZE: 10px; COLOR: #004080; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.font4 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: red; FONT-FAMILY: cursive; TEXT-DECORATION: none
}
.font4b {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3333cc; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.font5 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: red; FONT-FAMILY: cursive; TEXT-DECORATION: none
}
.font6 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: red; FONT-FAMILY: cursive; TEXT-DECORATION: none
}
span.highlighted {   background-color: #161616;   font-weight: bold; } 
span.term0 {   background-color: #161633; } 
span.term1 {   background-color: #331616; } span.term2 {   background-color: #163316; } 

.highlight_word{
background-color: yellow; } 

    SPAN.searchword { background-color:yellow; }


/*


.desc-text, p.desc-text {
	font-family: Comic Sans MS, Arial, Verdana, Tahoma;
	color: #336699;
	FONT-WEIGHT: bold; 
	font-size: 13px;
}

.small-red {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: red; FONT-FAMILY: cursive; TEXT-DECORATION: none
}

.small-black {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: black; FONT-FAMILY: cursive; TEXT-DECORATION: none
}

.small-black-regular {
	FONT-SIZE: 13px; COLOR: black; FONT-FAMILY: cursive; TEXT-DECORATION: none
}

a.words:link { FONT-FAMILY: cursive; font-size:10pt; color: #2470BB; text-decoration: underline; font-weight: bold; }
a.words:hover { FONT-FAMILY: cursive; font-size:15pt; color: #E9181F; text-decoration: underline; font-weight: bold; TEXT-DECORATION: none; font-size:11pt; text-decoration: underline; font-weight: bold; }
a.contents:link { FONT-FAMILY: cursive; font-size:10pt; font-weight: bold; text-decoration: underline;  color: #0000ff   text-decoration: none; }
a:contents:visited { FONT-FAMILY: cursive; font-size:10pt; font-weight: bold; text-decoration: underline;  ;color: #7f007f   text-decoration: none; }
a:contents:active { FONT-FAMILY: cursive; font-size:10pt; font-weight: bold; text-decoration: underline;  color: #ff0000   text-decoration: none; }

a.title2 {font-size:10.5x ; font-family : Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; color : #AA0055 ; font-weight : bold; text-decoration: none; }
a.title2:link {color: #000080;  text-decoration: none;  }
a.title2:active {color: #39CCFD;  text-decoration: none;  }
a.title2:visited {color: #AA0055; text-decoration: none; }
a.title2:hover {color: black; text-decoration: underline; }

.heading {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
	
*/


/* === Global image map hover fix === */
img[usemap] {
  max-width: none; /* prevent scaling that breaks coords */
  height: auto;
  display: inline-block;
}

map, area {
  pointer-events: auto; /* ensure hover works */
}

area {
  cursor: pointer; /* visual cue */
}
