@charset "UTF-8";

/* BODY AND CONTAINER */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	background-image:url(../emblem/bg_image/bgImage_nb.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFF;	
}
#container {
	width: 680px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #555;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* HEADER */

#header {
	background: none;
	padding: 40px 10px 10px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #555;
	color: #FFF;
}
#header h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin-top: -10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	letter-spacing: 0.05em;
	word-spacing: 0.3em;
}

h2.Subtitle {
	margin-top:0em;
	font-variant:small-caps;
	text-align:center;
	color:#F3E3AA;
}

#header h6 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding-bottom: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-family: cursive;
	font-size: small;
	text-align: center;
	color: #FFFFFF;
}

/*  MAIN CONTENT */

#mainContent {
	background: #000;
	text-align: justify;
	background-color: #555;
	color: #FFF;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* MENUBAR */
	
#mainContent ul {
float:left;
width:100%;
padding:0;
margin:0 0 30px 0;
list-style-type:none;
}

#mainContent ul li a {
float:left;
text-decoration:none;
color:white;
width:23.5%;
background-color:#444;
padding:0.2em;
border-right:1px solid white;
text-align:center;
}

/* MENUBAR LINKAGE */

#mainContent ul li a:hover {background-color:#888; color:#F3E3AA; font-weight:900;}
#mainContent ul li a.last {border-right:none;}
#mainContent li {display:inline;}

/* MAIN CONTENT DECORATION */

/* TABLE OF CONTENTS AND IMAGE */

#mainContent #tableContent {
	background-color:transparent;
	text-align:left;
	float:none;
	display:block;
}

#mainContent h2.Subtitle {
	text-align:left;
}

#mainContent #tableContent ul {
	background-color:transparent;
	float:none;
	list-style:inside;
	list-style-type:disc;
}

#mainContent #tableContent ul li {
	float:none;
	text-align:left;
	display:block;
}

#mainContent #tableContent ul li a {
	background-color:transparent;
	border:none;
	float:none;
	text-align:left;
	font-size:0.8em;
	
}

img.dragon_image {
	float:right;
	clear:right;
	}

span.firstLetter {
	float:left;
	width:1.1em;
	font-size:400%;
	font-family:cursive;
	color:white;
	line-height:85%;
}

#container #mainContent hr {
	color: #FFFFFF;
}

span.super {
	vertical-align: super;
	font-size:0.6em;
}

/* TEXT TRANSLATION */

/*a.Text_Translation:link {
	color:#FFF;
	border-style:none;
}

a.Text_Translation:visited {
	text-decoration:none;
}
*/
/*
.Text_Translation {
  font-style:normal;
  display:none;
}
dfn {
  position:relative;
}
dfn:hover span {
  display:block;
  position:absolute;
  top:-1em;
  width:auto;
  background-color:#000;
  padding:1em;
  color:#FFF;
}
*/

/* jQUERY TOOLTIP */

#tooltip {
	color: #000;
	font-weight:700;
	text-align: left;
}	

/* MAIN CONTENT LINKAGE */

a:link {color:#F3E3AA; text-decoration:none;}
a:visited {color:#999;}
a:hover {color:#FFF; font-weight:700;}


p.Footnotes {
	font-size: 0.8em;
	clear:left;
}


/* CHARACTER FRAMES */

img.MojiFloat {
	background-color:#000;
}

span.MojiFrame {
	float:right;
	margin: 0em;
	padding: 0.5em;	
	padding-bottom: 0.3em;
	background-color:#F3E3AA;
	border-style:none;
	margin-left: 1em;
	margin-top:1em;
}

/* CHARACTER FRAME LINKAGE */

a:link {color:#F3E3AA; text-decoration:none;}
a:visited {color:#999; text-decoration:none;}
a:hover {color:#FFF; font-weight:700;}

a.MojiGIF:link img {
	border:solid 0.2em #F3E3AA;
}

a.MojiGIF:visited img {
	border:solid 0.2em #999;
}

a.MojiGIF:hover img {
	border:solid 0.2em #000;
}
 
/* HORIZONTAL LINE */

hr {
	float: left;
	width:30%;
}

/* FOOTER */

#footer {
	background: #000;
	text-align: justify;
	vertical-align: baseline;
	background-color: #555;
	color: #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	overflow:hidden;
} 

.Italics {
	font-style:italic;
}

.SmallCaps {
	font-variant:small-caps;
}

.FooterLeftFloat {
	float:left;
	margin:0em;
	text-align:left;
	font-size:0.8em;
	padding-left: 2em;
	padding-bottom: 2em;
	border-style:none;
	background-color:#555;
}

.FooterRightFloat {
	float:right;
	margin:0em;
	text-align:right;
	font-size:0.8em;
	padding-right: 2em;
	padding-bottom: 2em;
	border-style:none;
	background-color:#555;
}

a.FootLink:link {
	font-weight: 400;
	color: #FFF;
	text-decoration: none;
	outline:none;
}

a.FootLink:visited {
	font-weight: 400;
	color: #CCC;
	text-decoration: none;
	outline:none;
}

a.FootLink:hover {
	font-weight: 700;
	color: #000;
	text-decoration: none;
	outline:none;
}

/* This code is responsible for the styling of the tooltip associated with the Tooltip Plugin */

em.Splash {
	color: #F3E3AA;
}

span.Splashpanel {
	display: none;
	font-size: 1.3em;
	background-color:#F3E3AA;
	color:#000;
	padding: 0.3em;
}

/*This code is responsible for the styling of the overlay panels that display when the Overlay Plugin is activated.*/

div.ThaiTESOLOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/alhamra_presentation_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:420px;
	height:315px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.GradientOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Tora2010/_Images/selfportrait_overlay_bggradient_gs.png);
	padding: 20px;
		
	/* dimensions after the growing animation finishes  */
	width:389px;
	height:500px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.DragonOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/dragon_overlay_bg.png);
	padding: 20px;
		
	/* dimensions after the growing animation finishes  */
	width:342px;
	height:329px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.TukTukOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/tuktuk_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:400px;
	height:310px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.MotorbikeOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/motorbike_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:300px;
	height:231px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.KissOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/kiss_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:504px;
	height:392px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.SexualVarietyOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/sexual_variety_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:466px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.PatpongMonksOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/patpong_monks_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:300px;
	height:273px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.BinLadenOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/binladen_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:560px;
	height:315px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.FloodingOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/flooding_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:420px;
	height:315px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.SewagetrucksOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/sewagetrucks_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:480px;
	height:311px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.AlhamraOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/alhamra_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:781px;
	height:535px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.ELIPresentationOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/eli_presentation_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:420px;
	height:315px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.AlhamraPresentationOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/alhamra_presentation_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:420px;
	height:315px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.KingAbdullahOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/abdullah_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:300px;
	height:250px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.TahrirSquareOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/tahrir_square_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:734px;
	height:435px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.HosniMubarakOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/hosni_mubarak_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:460px;
	height:286px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.OCCPortlandOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/occ_portland_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:760px;
	height:516px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.RWGarrisonOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/rwgarrison_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:171px;
	height:253px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.DeSotoOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/desoto_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:282px;
	height:310px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.FriedrichHayekOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/hayek_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:168px;
	height:218px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.EcclesBuildingOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/eccles_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:500px;
	height:264px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.KeynesOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/keynes_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:193px;
	height:218px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.OccupyOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/occupy_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:361px;
	height:300px;		
	
	/* initially overlay is hidden */
	display:none;
}

div.RevistaOverlay {
	/*Background image for nengajou.png*/
	background-image:url(../Dragon2012/_images/revista_overlay_bg.png);
	padding: 20px;
	background-color:#F3E3AA;	
	/* dimensions after the growing animation finishes  */
	width:350px;
	height:504px;		
	
	/* initially overlay is hidden */
	display:none;
}


div.ThaiTESOLOverlay div.close, div.GradientOverlay div.close, div.DragonOverlay div.close, div.TukTukOverlay div.close, div.MotorbikeOverlay div.close, div.KissOverlay div.close, div.SexualVarietyOverlay div.close, div.PatpongMonksOverlay div.close div.BinLadenOverlay div.close div.FloodingOverlay div.close, div.SewagetrucksOverlay div.close, div.AlhamraOverlay div.close, div.ELIPresentationOverlay div.close, div.AlhamraPresentationOverlay div.close, div.KingAbdullahOverlay div.close, div.TahrirSquareOverlay div.close, div.HosniMubarakOverlay div.close, div.OCCPortlandOverlay div.close, div.RWGarrisonOverlay div.close, div.DeSotoOverlay div.close, div.EcclesBuildingOverlay div.close, div.KeynesOverlay div.close, div.OccupyOverlay div.close, div.RevistaOverlay div.close{ 
    background-image:url(../_jQueryToolImages/overlay/apple-close.png); 
	background-repeat: no-repeat;
    position:absolute; 
    right:0px; 
    top:9px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/*This code is responsible for the styling of the inline boxes.*/


.Square {
	float:right;
	background-color:transparent;
	font-size: 1em;
	margin: 0.5em 0em 0.5em 0.5em;
	padding:0.5em;
	width:8em;
	color:#FFF;
	position:relative;
	border: 0.2em solid #F3E3AA;
	vertical-align:middle;
	text-decoration:none;
	text-align: right;
}
 

/*This code is responsible for the styling of the first letter of selected paragraphs.*/


p.Intro:first-letter {
	float:left;
	display:block;
	position:relative;
	margin:-0.125em;
	margin-right:0.1em;
	margin-left:0em;
	text-transform:uppercase;
	overflow:hidden;
	font-family:Georgia;
	font-size:4.3em;
	line-height:1em;
}

em.Decoration {
	font-style:normal;
}

h1.Closing {
	font-style:normal;
	font-family:cursive;
	text-align:center;
	margin-bottom:0em;
}

p.Signature {
	font-style:normal;
	font-family:cursive;
	text-align:right;
}