@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

@import url(http://fonts.googleapis.com/css?family=Raleway:800,900);

/* css reset*/
html, body, div, span, applet, object, iframe,
h1, h2,fo 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, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, tr {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: square;
	list-style-position: inside;
	text-decoration:none;
}

/* DIV definitions */
/* #wrap	{ width:1200px; margin: 0 auto; background:#ededed; } */
#wrap	{ width:100%; max-width: 1200px; margin: 0 auto; background:#ededed; }

#header	{ padding-left: 5px; padding-right: 5px; background: #f9b248; }

#navipane	{ padding: 5px; height: 30px; background: #000; color: #fff;}

/* #main { float:left; width:879px; padding: 10px; background: #fff; border-right: 1px solid #ccc; } */
#main {  width:73.25%; padding: 10px; background: #fff; border-right: 1px solid #ccc; }

/* #sidebar { float:right; width:280px; padding: 10px; background: #ededed; } */
#sidebar { float:right; width:23.33%; padding: 10px; background: #ededed; }

/* for narrow mobile screens, the blog box is too meddlesome */
/* make the main pane fill the screen width, and make the blog box fill the screen width */
/* but then make it invisible */
/* It will still show up in landscape mode */
@media only screen and (max-device-width: 768px) and (orientation:portrait) {
	#main { width:100%; padding: 10px; background: #fff; border-right: 1px solid #ccc; }
	#sidebar { visibility:hidden; width:100%; height:1px; padding: 1px; }
}


/* #darkbox { width:250px; padding: 15px; background: #222; color: #fff; font-size:0.9em; text-align: justify; } */
#darkbox { width:100%; padding: 15px; background: #222; color: #fff; font-size:0.9em; text-align: justify; }
#darkbox a:link { color: #eef; text-decoration: none; }
#darkbox a:active { color: #fff; text-decoration: none; }
#darkbox a:visited { color: #f9b248; text-decoration: none; }
#darkbox a:hover { color: #fff; text-decoration: underline; }
#darkbox a:before { content: "\25B6"; }

#footer	{ width:100%; padding: 5px; clear:both; background: #f9b248; }
#footernav { width:100%; padding: 5px; clear:both; background: #000; color:#fff; font-size: 0.85em; text-align: center; }
#footernav a:link { color: #eef; text-decoration: none; }
#footernav a:active { color: #fff; text-decoration: none; }
#footernav a:visited { color: #f9b248; text-decoration: none; }
#footernav a:hover { color: #fff; text-decoration: underline; }
#footernav a:before { content: "\25B6"; }

#indexpagefooter { padding: 5px; clear:both; background: #f9b248; width:982px;margin:0 auto; -moz-border-radius:9px; -webkit-border-radius:9px;border: 1px solid #A0A0A0;}

#indexpagecolumn { margin:0 auto; width: 982px; background:#fff; padding: 5px 5px 5px 5px; border: 1px solid #A0A0A0; -moz-border-radius:9px;	-webkit-border-radius:9px;}

table.footertable { border: thin solid;  text-align: center;  border-collapse: collapse; width:100%; max-width:1100px; border-color: #000; margin-left:auto; margin-right:auto; }
table.footertable td {background-color: #f9b248;  border: thin solid; border-color: #000; color: #000; font-size: 0.85em; font-weight: normal; padding: 2px 10px 2px 10px;vertical-align: middle;}

table.indexpagefootertable { border: thin solid;  text-align: center;  border-collapse: collapse; width:900px; border-color: #000; margin-left:auto; margin-right:auto; }
table.indexpagefootertable td {background-color: #f9b248;  border: thin solid; border-color: #000; color: #000; font-size: 0.85em; font-weight: normal; padding: 2px 10px 2px 10px;vertical-align: middle;}

table.generaltable { border: thin solid;  text-align: center;  border-collapse: collapse; border-color: #000; margin-left:auto; margin-right:auto; margin-top:15px; margin-bottom:25px}
table.generaltable th {background-color: #f9b248; border: thin solid; border-color: #000; color: #000; font-size: 0.9em; font-weight: 600; padding: 2px 10px 2px 10px;}
table.generaltable td {background-color: #fff; border: thin solid; border-color: #000; color: #000; font-size: 0.9em; padding: 2px 10px 2px 10px;text-align: justify;}

table.entrymenu { border: none; margin-left:auto; margin-right:auto; }
table.entrymenu td { padding-top: 6px; padding-bottom: 6px; padding-left: 2px; padding-right: 0px; color: #505050; font-size: 0.95em; vertical-align:middle;}

html	{
	font-size:100%;
}

input, select, textarea{
	font-size: 100%;
}

*	{
	margin: 0px;
	padding: 0px;
}

BODY	{
	font-family:'Open Sans', sans-serif;
	font-size:1.0em;
	margin-left: 10px;
	margin-right: 15px;
	background:#ededed;
	}

p.text { color:#222; line-height: 175%; text-align: justify; text-justify: inter-word; }

p.myadtext	{ color: #505050; font-size: 0.9em; text-align: center; margin: 15px 15px 15px 15px; padding: 25px 25px 25px 25px;  border:1px solid #000;}


.text a:link { color: #00e; text-decoration: none; }
.text a:active { color: #000; text-decoration: none; }
.text a:visited { color: #00b; text-decoration: none; }
.text a:hover { color: #222; text-decoration: underline; }

.myadtext a:link { color: #00e; text-decoration: underline; }
.myadtext a:active { color: #000; text-decoration: underline; }
.myadtext a:visited { color: #00b; text-decoration: underline; }
.myadtext a:hover { color: #222; text-decoration: underline; }

p.copytext { color:#222; line-height: 100%; text-align: left; font-size:0.75em; }
p.translationstext { color:#222; line-height: 125%; font-size:0.85em; }
p.disclaimertext { color:#622; line-height: 125%; font-size:0.85em;text-align: justify; text-justify: inter-word; }
p.centredtext { color: #505050; font-size: 0.85em; text-align: center; margin-left: 25px; margin-right: 25px; }


.nextpage	{
	color: #505050; font-size: 1.25em; font-weight:600;
	float:right;
	text-align: right;
	margin-left: 5px;
	margin-bottom: 25px;
	}
.nextpage:after { content: "\25B6"; }
.previouspage	{
	color: #505050; font-size: 1.25em; font-weight:600;
	float:left;
	text-align: left;
	margin-left: 5px;
	margin-bottom: 25px;
	}
.previouspage:before { content: "\25C0"; }

.text li {line-height: 175%; margin-left:25px; margin-right:25px; text-align: justify; text-justify: inter-word;}
.text dt {line-height: 175%; text-align: justify; text-justify: inter-word; font-style:italic;}
.text dd {line-height: 175%; margin-left:25px; margin-right:25px; text-align: justify; text-justify: inter-word;}

h1, h2, h3 { letter-spacing: 0px;}

h3 {color:#444;
	font-size:1.25em;
	line-height:1.25em;
	text-transform:uppercase;
	font-weight:900;
	font-style:normal;
	text-transform:uppercase;
	font-family:'Raleway', sans-serif;
	padding-top: 10px;
	}

h2 {color:#444;
	font-size:1.75em;
	line-height:1.25em;
	text-transform:uppercase;
	font-weight:900;
	font-style:normal;
	text-transform:uppercase;
	font-family:'Raleway', sans-serif;
	padding-top: 20px;
	}

h1 {color:#222;
	font-size: 2.82em;
	line-height:1.19em;
	margin-bottom:10px; 
	max-width:900px;
	margin:10px auto 0;
	text-align:center;
	font-weight:900;
	font-style:normal;
	text-transform:uppercase;
	font-family:'Raleway', sans-serif;
	}

/* description text only appears on screen, not in printed versions */
@media screen {	
	.description	{
		color: #ffffff; font-size: 0.125em;
		text-align: justify;
		}
	.alternatespelling	{
		color: #ffffff; font-size: 0.125em;
		text-align: justify;
		margin-left: 25px;
		margin-right: 25px;
		}
}
@media print {	
	.description	{
		display: none;
		}
	.alternatespelling	{
		display: none;
		}
}
	
dl.dictionary dt { margin-bottom: -16px;   border-top: thin solid #e8e8e8; vertical-align:top; }
dl.dictionary dd { margin-left: 65px; vertical-align:top; }

/* ---------------------------------- Image classes for CSS3 Browsers ------------------------------ */
.leftimage:nth-of-type(1n) { margin-left: 5px; margin-right: 25px; float: left;  text-align: left;  margin-top: 5px;  margin-bottom: 5px; padding-bottom: 4px;  padding-left: 4px;  padding-right: 4px;  padding-top: 4px; border: 0px solid #505050; -moz-box-shadow: 2px 2px 10px #999; -webkit-box-shadow: 2px 2px 10px #999;}

.rightimage:nth-of-type(1n) { margin-left: 25px; margin-right: 5px; float: right;  text-align: right;  margin-top: 5px;  margin-bottom: 5px; padding-bottom: 4px;  padding-left: 4px;  padding-right: 4px;  padding-top: 4px; border: 0px solid #505050; -moz-box-shadow: 2px 2px 10px #999; -webkit-box-shadow: 2px 2px 10px #999;}

.midimage:nth-of-type(1n) { margin-bottom: 5px;  margin-top: 5px; padding-bottom: 4px;  padding-left: 4px;  padding-right: 4px;  padding-top: 4px; border: 0px solid #505050; -moz-box-shadow: 2px 2px 10px #999; -webkit-box-shadow: 2px 2px 10px #999;}

.leftimage:hover:nth-of-type(1n) { border: 0px solid #505050; -moz-box-shadow: 2px 2px 10px #ee5b28; -webkit-box-shadow: 2px 2px 10px #ee5b28; }
.rightimage:nth-of-type(1n):hover { border: 0px solid #505050; -moz-box-shadow: 2px 2px 10px #ee5b28; -webkit-box-shadow: 2px 2px 10px #ee5b28; }
.midimage:nth-of-type(1n):hover { border: 0px solid #505050; -moz-box-shadow: 2px 2px 10px #ee5b28; -webkit-box-shadow: 2px 2px 10px #ee5b28; }


/* ---------------------------------- Image classes for non-CSS3 Browsers ------------------------------ */
.leftimage { margin-left: 5px; margin-right: 25px; float: left;  text-align: left;  margin-top: 5px;  margin-bottom: 5px; border: 1px solid #505050;  padding-bottom: 4px;  padding-left: 4px;  padding-right: 4px;  padding-top: 4px;}

.rightimage { margin-left: 25px; margin-right: 5px; float: right;  text-align: right;  margin-bottom: 5px;  margin-top: 5px;  border: 1px solid #505050;  padding-bottom: 4px;  padding-left: 4px;  padding-right: 4px;  padding-top: 4px;}

.midimage { margin-bottom: 5px;  margin-top: 5px;  border: 1px solid #505050;  padding-bottom: 4px;  padding-left: 4px;  padding-right: 4px;  padding-top: 4px;}

.leftimage:hover { border: 1px dashed #000050; }
.rightimage:hover { border: 1px dashed #000050; }
.midimage:hover { border: 1px dashed #000050; }


.leftimagenoborder { margin-left: 25px; margin-right: 25px; float: left;  text-align: left;  margin-top: 5px;  margin-bottom: 5px; }
.rightimagenoborder { margin-left: 25px; margin-right: 25px; float: right;  text-align: right;  margin-bottom: 5px;  margin-top: 5px; }
.midimagenoborder { display: block; margin-left: auto; margin-right: auto; }


/* For mobile devices on smaller screens, ensure no image can be wider than a certain size */
@media only screen and (max-device-width: 750px) and (orientation:portrait) {
	img { max-width:730px; height:auto;
	}
 }
@media only screen and (max-device-width: 640px) and (orientation:portrait) {
	img { max-width:620px; height:auto;
	}
 }


/* ---------------------------------------- End of Image classes  ----------------------------------------- */



/* ---------------------------------- MY DROP DOWN MENU --------------------------------------------------*/
	
nav ul { padding:0; margin:0; list-style: none; position: relative; display:block; text-transform:uppercase; z-index:10;}
nav ul li { float:left; display:list-item; list-style: none; background-color:#000; font-size:0.88em; font-weight:bold; color:#c2c2c2;z-index:10; }
nav ul li a { display:block; padding-top:5px; padding-right:25px; color:#c2c2c2; text-decoration:none; z-index:10; }
nav li a:hover { background-color: #222; }

/* Change this in order to change the Dropdown symbol */
nav li > a:before {content: '\25BE';}	
nav li > a:only-child:before {content: '';}	
	
/* The Dropdown Styles */
/* =================== */

/* Hide Dropdowns by Default */
nav ul ul { display: none; position: absolute; top: 25px; }
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul { display:list-item; }
	
/* First Tier Dropdown */
nav ul ul li { width:250px; float:none;	position: relative; border-bottom:1px solid #222; padding-top:5px; padding-bottom:5px; padding-left:5px; font-weight:normal; }
nav ul ul li:hover { border-left:4px solid #f9b248; width:246px; }
nav ul ul li a:hover {background-color: #000; }
nav ul ul li a:after {content: ' \25B6';text-align: right; float:right;}	
nav ul ul li a:only-child:after {content: '';}	
nav ul ul li a:before {content: '';}	

/* Second, Third and more Tiers	*/
nav ul ul ul li { width:250px; position: absolute relative; top:-25px; left:240px; z-index:100; }


/* --------------------------------------------------------------------------------------------------------*/
/*     The following entire section is to support the stylesheets for the videoJS HTML5 video playback     */
/* --------------------------------------------------------------------------------------------------------*/
.video-js-box { text-align: left; position: relative; z-index: 1000; }
video.video-js { background-color: #000; }

.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; }
.video-js-box.vjs-fullscreen video.video-js { position: absolute; width: 100%; height: 100%; }

.vjs-controls { display: none; position: absolute; margin: 0; padding: 0; border: none; }

img.vjs-poster { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.video-js-box p { font-size: small; }

/* DEFAULT SKIN */
/* Using all CSS to draw the controls. Images could be used to simplify the CSS if desired.

/* General controls styles */
.vjs-controls { list-style: none; height: 30px; opacity: 0.85; color: #fff; }
.vjs-controls > li { list-style: none; float: left; height: 25px; width: 25px; margin: 0 5px 0 0; padding: 0; text-align: center;
  background-color: #101010; border-radius: 5px; box-shadow: 0px 2px 2px #000;
  /* Webkit */
  -webkit-border-radius: 5px;
  background: #818181 -webkit-gradient(linear, left top, left bottom, from(#101010), to(#818181)) left 12px;
  -webkit-box-shadow: 0px 1px 3px #000;
  /* Firefox */
  -moz-border-radius: 5px;
  background: #818181 -moz-linear-gradient(top,  #101010,  #818181) left 12px;
  -moz-box-shadow: 0px 1px 3px #000; 
}

.vjs-controls > li:first-child { margin-left: 5px; }
.vjs-controls > li:last-child { margin-right: 0; }

/* Play/Pause */
.vjs-play-control span { display: block; font-size: 0px; line-height: 0; text-decoration: none; cursor: pointer !important; }
.vjs-play-control.vjs-play span { width: 0; height: 0; margin: 8px 0 0 8px; border-top: 5px solid #818181; border-left: 10px solid #fff; border-bottom: 5px solid #303030; }
.vjs-play-control.vjs-pause span { width: 3px; height: 10px; margin: 8px auto 0; border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff; }

/* Progress */
.vjs-progress-control ul { list-style: none; margin: 0; padding: 0; cursor: pointer !important; }
.vjs-progress-control .vjs-progress-holder { list-style: none; position: relative; float: left; height: 9px; border: 1px solid #777; margin: 7px 0 0 5px; padding: 0; background-color: #303030; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.vjs-progress-control .vjs-play-progress { position: absolute; display: block; width: 0px; height: 9px; background: #fff; 
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
  background: -moz-linear-gradient(top,  #fff,  #777);
}
.vjs-progress-control .vjs-load-progress { position: absolute; display: block; width: 0px; height: 9px; background-color: #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.vjs-progress-control .vjs-progress-time { list-style: none; float: left; margin: 7px 0 0 5px; padding: 0; font-size: 0.625em; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; color:#fff }

/* Volume */
.vjs-volume-control { width: 50px !important; cursor: pointer !important; }
.vjs-volume-control ul { display: block; margin: 0; padding: 4px 0 0 5px; list-style: none; }
.vjs-volume-control ul li { float: left; margin: 0; padding: 0; list-style: none; width: 5px; margin-right: 2px; height: 0px; border-bottom: 18px solid #555; }
.vjs-volume-control ul li:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control ul li:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control ul li:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control ul li:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control ul li:nth-child(5) { border-bottom-width: 14px; height: 4px; }

/* Fullscreen */
.vjs-fullscreen-control ul { list-style: none; margin: 5px 0 0 5px; padding: 0; width: 20px; height: 20px; text-align: left; vertical-align: top; cursor: pointer !important; }
.vjs-fullscreen-control ul li { list-style: none; float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control ul li:nth-child(1) { margin: 0 3px 3px 0; border: none; border-top: 6px solid #fff; border-right: 6px solid #818181; }
.vjs-fullscreen-control ul li:nth-child(2) { border: none; border-top: 6px solid #fff; border-left: 6px solid #818181; }
.vjs-fullscreen-control ul li:nth-child(3) { clear: both; margin: 0 3px 0 0; border: none; border-bottom: 6px solid #fff; border-right: 6px solid #303030; }
.vjs-fullscreen-control ul li:nth-child(4) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid #303030; }
.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid #818181; }
.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid #818181; }
.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid #303030; }
.vjs-fullscreen .vjs-fullscreen-control ul li:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid #303030; }

.vjs-no-video {	color: #b0b0b0; font-size: 0.5625em; }

/* --------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------- END VIDEOJS SECTION --------------------------------------- */
/* --------------------------------------------------------------------------------------------------------*/