// Ibn Zura 

// Style Sheet 31-03-2023

/* Content */
* { margin:0; padding:0; }
// body	      { font-family: arial, helvetica, sans-serif; font-size: 12pt; background-color: #ffffff; color: #000000 }
body	      { font-family: Tahoma, sans-serif; font-size: 16px; background-color: #ffffff; color: #000000 }
img           { border:0; vertical-align:top; }
a             { color:#000066; text-decoration:underline; font-weight: bold;}
a:hover       { text-decoration:none; }
:focus        { outline:0; }
p             { margin:0 0 10px; }
strong        { font-weight:bold; }
.smallsize{ font-size:9px;}
.bigsize{ font-size:48px; font-family:"Arial","sans-serif"; font-weight:bold; color:#cccccc;}

/* Headings */
h1 { font-family: arial, helvetica, sans-serif; font-size: 36pt; text-align:center; color: #72241e; margin-top: 8px; margin-bottom: 52px;}
h2 { font-family: arial, helvetica, sans-serif; font-size: 24pt; font-weight: bold; color: #72241e; }
h3 { font-family: arial, helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #72241e; }
h4 { font-family: arial, helvetica, sans-serif; font-size: 12pt; font-weight: normal; color: #000000; }

/* Table */
table         { border:0; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Table gridtable */
table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

/* Columns */
.main { width:80%; margin:0 auto; min-height:400px; padding:25px 25px 80px; background:#ffffff; text-align:left; }
#article { margin-left:20%; width:60%; }

/* Logo  */

#logo { text-align: center; }
#logo  b { margin-right: 13px; }
.topbox { height: 3px; }
.iz { border: 0px; width: 192px; height: 45px; margin-bottom: 0px;}
.izheader { border: 0px; height: 37px; margin-bottom: 4px;}
.languages { border: 0px; width: 306px; height: 35px; margin-bottom: 4px;}

/* Navigation */

#headernav-top { text-align: center; font-size: 16px; background-color: #000066; }
#headernav { display: inline-block; color : white; background-color: #000066; height: 20px; line-height: 20px; }
.linkleft { text-decoration: none; color: #ffffff; font-size: 10pt; font-weight: bold; font-family: arial, helvetica, sans-serif; padding: 0 30px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; }
.linkright {  text-decoration: none; }
#headernav a { text-decoration: none; color: #ffffff; font-size: 10pt; font-weight: bold; font-family: arial, helvetica, sans-serif; border-right: 1px solid #ffffff; }

/* Navigation */

		#nav{
			border:1px solid #ccc;
			border-width:1px 0;
			list-style:none;
			margin:0;
			padding:0;
			text-align:center;
		    background-color: #000066;
		}
		#nav li{
			position:relative;
			display:inline;
		}
		#nav a{
			display:inline-block;
			padding:10px;
		}
		#nav ul{
			position:absolute;
			left:-9999px;
			margin:0;
			padding:0;
			text-align:left;
		    background-color: #000066;
		}
		#nav ul li{
			display:block;
		}
		#nav li:hover ul{
			left:0;
		}
		#nav li:hover a{
			text-decoration:none;
			background:#DCDCDC;
			color: #000066;
		}
		#nav li:hover ul a{
			text-decoration:none;
			background:none;
			background:#000066;
			color: #f2f2f2;

		}
		#nav li:hover ul a:hover{
			text-decoration:none;
			background:#DCDCDC;
			color: #000066;
		}
		#nav ul a{
			white-space:nowrap;
			display:block;
			border-bottom:1px solid #ccc;
		}
		a.navbar{
			color:#f2f2f2;
			text-decoration:none;
			font-weight:bold;
		}


/* Blockquote */

blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
blockquote {
  display: block;
  padding: 20px 80px;
  font-size: 2em;
  border: 0;
  line-height: 1.5em;
  margin: 20px 0;
  width: 500px;
  text-indent: 0;
  text-align: left;
  color: #666;
}

blockquote :first-child {
  margin: 10px 0;
  
}

blockquote :first-child::before, blockquote :first-child::after {
  color: #ccc;
  font-size: 500%;
  position: relative;
}

blockquote :first-child::before {
  margin-left: -0.55em;
  top: 20px;  
  float: left;
}

blockquote :first-child::after {
  top: 30px;  
  float: right;
}

/* Footer */

#footer { text-align:center; }
#footer img { border: 0px; width: 32px; height: 26px; }
#footer small { font-size: 8pt; }
#footer address a{ color:#000000; text-decoration: none; margin-left: 1%;}

/* Footnotes */
.cite{font-size:0.9em;}
ul.footnotes{list-style-type:none;margin-left:0;padding-left:0;}
ul.footnotes li{margin-left:2.5em;list-style-type:none;background:none;}
ul.footnotes{position:relative;}
.footnotes .cite-ref{position:absolute;left:0px;z-index:2;}
ul.no-bullets {list-style-type: none; margin: 0;padding: 0;}