/*
Discover ELS 2006 *
//*Created 2006-10-23 by Anne Botman*
//*Updated 2006-10-23 by Anne Botman*
//*PRIMARY
*/

html, body{
   color:#000;
   font-family: Verdana, Arial, sans-serif;
}

body {
background-image: url(/graphics/style/bgyelflowers.jpg);
background-repeat: repeat-x;
background-position: top center;
background-color: #4f8f14;
}

p, li { }
/*a, a:link {color:#0066CC; }
a:visited {color:#005AB3; }
a:hover {color:#3399FF; }
a img {border:0; }*/
.invisible {display: none; }

a{
  text-decoration: none;
  color: #1093c5;
}

a:hover{
  text-decoration: underline;
}

/*
*//*Clear forces an element to come below a floating element; both clears left and right
*/

.clear{
   clear:both;
}

#clear{
   clear:both;
}

/*
*//*PAGE HIERARCHY: Page, Header, Main, Showcase,  Content, Gallgraphic,  Path, Footer*//*
*/

#page{
   margin:0 auto;
   width:1000px;
}

/*
*//*Pull down form position
*/

#siteindex{
  float:right;margin:8px 0;
}

/*
*//* HEADER
*/

#header{

}

#hdrleft{
   width: 300px;
   height: 47px;
   float: left;
   margin: 0px;
   padding: 0px;
}

#hdrleft img.ltop{
   margin: 0px;
   padding: 0px;
   width: 300px;
   height: 47px;
}

#hdrright{
   width: 500px;
   height: 47px;
   float: right;
   margin: 0px;
   padding: 0px;
   background-image: url(../../graphics/navbars/disbg_47.gif);
   background-repeat: no-repeat;
}

#hdrright img.rtop{
   margin: 0px;
   padding: 0px;
}

#hdrright ul{
   display:block;
   float: right;
   margin: 0px;
   padding: 0px;
}

#hdrright li{
   display: inline;
   list-style:none;
   padding: 0px 8px 0px 22px;
}

#hdrright li a{
   font-size: .85em;
   font-weight: 700;
   text-decoration: none;
   color: #fff;
   padding: 0px 0px 0px 5px;
}

/**//*Main -- controls the  page  background colour, the footer line colour */

#main{
  border-bottom: 3px #336600 solid;
  background-color:#ffffff;
  width:800px;
  margin: 0px 0px 0px 100px ;
}

/**//*Content - this box contains the general page content*/

#content{
   width:800px;
   background-color:#ffffff;
}

/**//*Showcase - graphic header for Gallery Showcase.*/
#showcase{
   width: 800px;
   margin: 0px auto;
   padding: 0px;
   clear: both;
}
#sc_header{
   border-bottom: solid 1px #919191;
}
#sc_name img{
   border: solid 1px #221711;
}
/**//*Showcase Intro - text below the graphic header for Gallery Showcase.*/

#showcase_intro{
  width: 800px;
  margin: 0px auto;
  padding: 12px 0px 12px 0px;
  border-bottom: solid 1px #A9A9A9;
  text-align: center;
  font-size: 1.2em;
}

#flash_game{
  width:749px;
  margin-left: 26px;
}


/**//*Flash warning - Between content and footer */
#flash_warning{
  position: relative;
  top: 15px;
  width: 800px;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 27px 0px;
  border-top:  1px #7B7B7B solid;
  text-align:center;
  background-color:#ffffff;
}

/**//*Path breadcrumbs*/

#path{
   float: left;
   margin: 0px;
   padding: 12px 5px 15px 20px;
   font-size: 110%;
}

#path A:link {color: #c2a65b;
	TEXT-DECORATION: none
}
#path A:visited {color: #c2a65b;
	TEXT-DECORATION: none
}
#path A:hover {
	TEXT-DECORATION: underline
}

/**//**//*Footer*/

#footer{
  display:block;
  width: 800px;
  margin: 0px 0px 0px 100px ;
}

#footer a{
 text-decoration: none;

}
#footer a:hover{
 text-decoration: underline;
}

#footer a#copyright{
   float: left;
   padding:5px 10px 10px 10px;
   
}

#footer a#comments{
   float: right;
   padding:5px 10px 10px 10px;
 }

#footer p{
   clear:both;
   margin:0;
   padding:5px 10px 10px 10px;
}

#footer{
  font-size: 0.9em;
  background-color: #a6c686;
}

/*SPECIFIC  FONT RELATED*/

.super{
   vertical-align:super;
   display:inline !important;
   font-size:9px;
}

.sub{
   vertical-align:sub;
   display:inline !important;
   font-size:9px;
}

.pub{
   font-family: "Times New Roman", Times, serif;
   font-size:14px;
}

.indent{
   padding-left:30px;
   display:block;
}

.nature{

}

.latin{
   font-weight:bold;
   font-style:italic;
}

.smalltight{
   margin-top: 0px !important;
   margin-bottom: 0px !important;
   font-family:  Arial, Helvetica, sans-serif;
}

.warning{
   background:#FFFF00;
   color:#FF0000;
}

/*For the Skip Nav link at the top of each page*/

.accessibility{
   display:none;
}

/*PAGE SPECIFIC STYLES - INDCATE PAGE*/

/* MAIN SHOWCASE MENU AND GALLERY MENU PAGES */

/**//*Featured Game Heading - "Featured Game".*/
#featured_game_header{
  color: #7B7B7B;
  font-size: 1.1em;
  font-weight: bold;
  margin: 10px 20px 0px 545px;
}

/**//*Menu Container - Each instance contains a gallery graphic/link
 on the left and a featured game on the right.*/
.menu_container{
 position: relative;
 margin: 10px 0px 20px 0px;
 width: 800px;
 height: 130px;
 display: block;
}

/**//*Menu Graphic Holder - (within menu container) Contains the gallery graphic/link.*/
.menu_gallery_hldr{
  width: 388px;
  height: 128px;
}

.menu_gallery_left{
  float: left;
}
.menu_gallery_right{
  float: right;
}

/**//*Featured Game - (within menu_container) Contains the gallery's featured game. */
.menu_game_hldr{
  position: absolute;
  top: 0px;
  width: 382px;
  height: 120px;
  padding: 4px;
}

.game_left{
  left: 0px;
}
.game_right{
  right: 0px;
}

.exf .menu_gallery_hldr, .exf .menu_game_hldr{ background-color: #E6B63B; border: 1px solid #7A3A14 }
.exb .menu_gallery_hldr, .exb .menu_game_hldr{ background-color: #B4CFD6; border: 1px solid #034859 }
.exm .menu_gallery_hldr, .exm .menu_game_hldr{ background-color:#D46200; border: 1px solid #000000 }

/**//*Join line. The small horizontal line that joins the gallery graphic/link to its featured game.*/
.join_line{
 position: absolute;
 left: 389px;
 top: 65px;
 width: 20px;
 height: 1px;
}

.exf .join_line{ border-top: 1px solid #7A3A14 }
.exb .join_line{ border-top: 1px solid #034859 }
.exm .join_line{ border-top: 1px solid #000000 }


/**//*Thumbnail holder - (within featured_game) */
.thumbnail_hldr{
  padding: 5px;
  width: 120px;
  height: 110px;
}

.exf .thumbnail_hldr{ background-color:#8B461F }
.exb .thumbnail_hldr{ background-color: #007996 }
.exm .thumbnail_hldr{ background-color: #260C00 }

/**//*Game description holder - (within featured_game) */
.game_desc_hldr{
  position: absolute;
  z-index:2;
  top: 4px;
  left: 139px;
  width: 230px;
  height: 114px;
  padding: 4px 6px 0px 8px;
  background-color:#FFFFFF;
}

.exf .game_desc_hldr{ border: 1px solid #7A3A14 }
.exb .game_desc_hldr{ border: 1px solid  #034859 }
.exm .game_desc_hldr{ border: 1px solid  #000000 }

/**//*Game heading - (within game_desc_holder) */
.game_heading{
  font-size: 1.2em;
  font-weight: bold;
}
.game_heading a:hover{
  text-decoration:none;
 }
.game_description{
  font-size: 1.2em;
}
.file_size{
 color: #7B7B7B;
}
/**//*Play the game link - (within featured_game) */
.play_the_game{
  position: absolute;
  left: 140px;
  top: 107px;
  width: 219px;
  height: 14px;
  z-index: 3;
  border-top: 1px solid #C4C2C1;
  text-align:right;
  line-height: 1em;
  padding-right: 5px;
}

.play_the_game a{
  text-decoration: none;
}
.play_the_game a:hover{
  text-decoration: none;
}
#section_heading, .section_heading{
  font-size: 1.2em;
  font-weight: bold;
  margin: 12px 15px 0px 20px;
  font-size:1.7em;
  font-style:italic;
  color: #006633
}
.section_divider{
 border-top: solid 1px #A9A9A9; 
 padding-top: 10px;
}

.exf .game_heading, .exf .section_heading, .exf .play_the_game { color: #006633 }
.exb .game_heading, .exb .section_heading, .exb .play_the_game { color: #006633 }
.exm .game_heading, .exm .section_heading, .exm .play_the_game { color: #006633 }

/**//*Play the game graphic (button) link - (within featured_game) */
.game_button{
  position: absolute;
  z-index: 4;
  left: 320px;
  top: 101px;
  width: 27px;
  height: 27px;
  text-align:right;
}


/* GAME PAGES */

#game_intro{
  margin: 12px 15px 0px 20px;
  padding: 3px 0px 5px 0px;
  font-size: 1.2em;
}

/* REAL DECOY */

/* v1.0 | 20080212 */
/*=reset css
--------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	color: #34322f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.2;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*=typography
--------------*/
#mainContent h1 {
	color: #007e44;
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1.1;
	margin: 0 80px 0 0;
}
#mainContent h2 {
	border-bottom: 1px dotted #e2e1de;
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 18px;
	padding-bottom: 7px;
}
#mainContent h2.sub {
	border-bottom: 0;
	color: #7d7b79;
	font-size: 1.6em;
	margin: 0 0 13px;
	padding: 0;
}
#mainContent h3 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0 0 10px;
}
#mainContent h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 11px;
}
#mainContent h5 {}
#mainContent h6 {}
#mainContent p {
	font-size: 1.2em;
	margin: 0 0 14px;
}
#mainContent ul, #mainContent ol {
	font-size: 1.2em;
	margin: 0 0 14px 27px;
}
#mainContent ul { list-style: disc; }
#mainContent ol, #mainContent ol.decimal { list-style: decimal; }
#mainContent ol.lowerAlpha { list-style: lower-alpha; }
#mainContent ol.upperAlpha { list-style: upper-alpha; }
#mainContent ul li, #mainContent ol li { margin-bottom: 7px; }
#mainContent li ul, #mainContent li ol {
	font-size: 1em;
	margin-top: 7px;
}

a {
	color: #2a7cb6;
	text-decoration: underline;
}
a:visited { color: #184464; }
a:hover { text-decoration: none; }


/*=clearfix
-------------*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; } 
/* End hide from IE-mac */
 
*:first-child+html .clearfix{ min-height: 1px; } /* for IE7 */

/*****=HEADER*****/
#header {
	/*background: url(/images/header_bg.png) 0 100% repeat-x #fff;*/
	padding: 22px 0 0;
	width: 100%;
}
#header .in {
	margin: 0 auto;
	padding: 23px 12px 0 8px;
	position: relative;
	width: 970px;
}

/*=logo
--------*/
#header #logo {
	left: 8px;
	position: absolute;
	top: 0;
}

/*=utility navigation
-----------------------*/
#header #utilityNav {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 0 245px;
}
.fr #header #utilityNav { margin-left: 220px; }
#utilityNav li {
	border-left: 1px solid #c7c5be;
	float: left;
	padding: 0 7px 0 8px;
}
#utilityNav li:first-child, #utilityNav li.first {
	border-left: 0;
	padding-left: 0;
}
#utilityNav li a {
	color: #c2a65b;
	text-decoration: none;
}
#utilityNav li a:hover { text-decoration: underline; }

/*=information for
-------------------*/
#header #infoFor {
	color: #797877;
	font-size: 1.2em;
	font-weight: bold;
	margin: 6px 0 0 245px;
}
.fr #header #infoFor { margin-left: 220px; }
#infoFor p {
	float: left;
	margin-right: 8px;
}
#infoFor ul { float: left; }
#infoFor li {
	border-left: 1px solid #c7c5be;
	float: left;
	padding: 0 7px 0 8px;
}
#infoFor li:first-child, #infoFor li.first {
	border-left: 0;
	padding-left: 0;
}
#infoFor li a {
	color: #2a7cb6;
	text-decoration: none;
}
#infoFor li a:hover { text-decoration: underline; }

/*=search
----------*/
#search {
	background: url(/images/search_text.png) 0 0 no-repeat;
	padding-left: 10px;
	position: absolute;
	right: 12px;
	top: 25px;
	width: 180px;
}
label.overlabel, label.overlabel-apply {
	color: #94928d;
	font-size: 1.2em;
	left: 11px;
	position: absolute;
	top: 10px;
	z-index: 1;
}
#search input.inputTxt/*, #search input[type="text"]*/ {
	background: transparent;
	border: 0;
	color: #94928d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	height: 17px;
	padding: 9px 0 5px;
	width: 130px;
}
#search input.inputSubmit/*, #search input[type="submit"]*/ {
	height: 31px;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
}

/*=main navigation
-------------------*/

/*****=END HEADER*****/


/*****=BEGIN ENGLISH HEADER*****/
#themes{
	background: url(/images/main_nav_bg.png) 0px 100% repeat-x;
	text-align:left;
	height: 53px;
	margin: 15px 0px 0px 0px;
	width: 970px;
}
#themes ul {	
	padding:20px 0px 9px 0px;
}

#themes li{
	font-size: 2em;
	display:inline;
    list-style:none;
	height: 50px;
	padding:30px 30px 20px 0;
}

#themes li a{
	/*background: url(/images/main_nav_cap2.png) 100% -100px no-repeat;*/
	padding: 15px 4px 9px 0px;
	color:#6d695c;
	height: 50px;
	text-decoration: none;

}

#themes li a span {
	background: url(/images/main_nav2.png) 0 -100px no-repeat;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:9px;
	padding-left:25px;
	height: 50px;
}


#themes li a:hover {
	background-position: 100% 0px;
	
}

#themes li a:hover span {
	background-position: 0 0px;

}

/*****=END ENGLISH HEADER*****/

/*****=BEGIN FRENCH HEADER*****/
#themesfr{
	background: url(/images/main_nav_bg.png) 0px 100% repeat-x;
	text-align:left;
	height: 53px;
	margin: 15px 0px 0px 0px;
	width: 970px;
}
#themesfr ul {	
	padding:20px 0px 9px 0px;
}

#themesfr li{
	font-size: 2em;
	display:inline;
    list-style:none;
	height: 50px;
	padding:30px 15px 20px 0px;
}

#themesfr li a{
	/*background: url(/images/main_nav_cap2.png) 100% -100px no-repeat;*/
	padding: 15px 4px 9px 0px;
	color:#6d695c;
	height: 50px;
	text-decoration: none;

}

#themesfr li a span {
	background: url(/images/main_nav2.png) 0 -100px no-repeat;
	padding-top:20px;
	padding-right:15px;
	padding-bottom:9px;
	padding-left:20px;
	height: 50px;
}


#themesfr li a:hover {
	background-position: 100% 0px;
	
}

#themesfr li a:hover span {
	background-position: 0 0px;

}

/*****=END FRENCH HEADER*****/

/*=active state
#themes li.active-trail a, #themes li.active-trail a:hover {
	background-position: 100% -100px;
	color: #fff;
}
#themes li.active-trail a span, #themes li.active-trail a:hover span {
	background-position: 0 -100px;
	height: 50px;
	
}
#themes li.active-trail a:hover { text-decoration: none; }

-----------------*/