@charset "utf-8";

/* ornaverum.css */

body { 
padding:0;
font-family: arial, helvetica, "Times New Roman", times, Georgia, verdana, sans-serif, serif;
color: #333333;
background-color: #ffffff;
font-size:100%;
}

/* If the screen size is 600px wide or less, hide the wide-screen footer */
@media only screen and (max-width: 600px) {
  .wide_screen { display: none; }
}
/* If the screen size is more than 600px wide, hide the narrow-screen footer */
@media only screen and (min-width: 601px) {
  .narrow_screen { display: none; }
}

.breadcrumbs { text-align:left; margin-left:1em; font-size:80%; }
.main_content { margin:0 auto 0 auto; padding:0 0 1em 0; text-align:left; width:100%; max-width:600px; font-size:90%; }
.main_content2 { margin:2em 1% 2em 1%; }

h1 { font-size:150%; text-align:left; }
h2 { font-size:130%; text-align:left; margin-top:2em; }
h3 { font-size:115%; margin-top:2em; }
h4 { font-size:100%; }
h5 { font-size:100%; }
h6 { font-size:100%; }

.subhead { margin-top:-1em; }
.subhead-half { margin-top:-0.5em; }

img	{ border:none; }
a	{ word-wrap: break-word; }
.no_style { text-decoration:none; color:#000; }

.announcement_background { 
  background-color:#FDEE00;
  height:100%;
  width:100%;
  display: inline-block; /* Ensure the div expands to contain its content  (<h1> and button) */
}
.announcement_button { 
  border-radius:20px; 
  border:1px solid #000000; 
  text-align:center; 
  font-size:90%;
  padding:1em 0.5em; 
} 
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  overflow-y: auto; /* Enable vertical scrolling */
}
.popup-content {
  margin-top:280px;
  margin-bottom:100px;
  border-radius: 5px;
  text-align: center;
  max-width: 590px;
  width: 100%; /* Ensure content fills the full width of the popup */
  max-height: 90%; /* Limit popup height to 90% of viewport */
  overflow: auto; /* Enable content scrolling */
}
.popup-content button {
  color: #000000;
  background-color:#ffffff;
  border: none;
  border-radius:20px;
  cursor: pointer;
}



.banner {
font-family:arial, verdana, helvetica, sans-serif;
font-size:13.5pt;
vertical-align:middle;
color:#FFFFFF;
border:0; 
margin-left:auto;
margin-right:auto; }

.intwo { margin-left: 2.0em; }
.in5pc { margin-left: 5%; }

.blu		{ color:#0000FF; }
.darkblu	{ color:#000080; }
.red		{ color:#FF0000; }
.grn		{ color:#088a08; }
.gry		{ color:#808080; }
.orange		{ color:#FF6600; }
.yellow		{ color:#FFFF00; }
.white		{ color:#FFFFFF; }
.black		{ color:#000000; }

.hilite_yellow	{ background:#FFFF00; }
.bw	        { background:#ffffff; }

.fs150	{ font-size:150%; }
.fs120	{ font-size:120%; }
.fs110	{ font-size:110%; }
.fs100	{ font-size:100%; }
.fs90	{ font-size:90%; }
.fs80	{ font-size:80%; }
.fs70	{ font-size:70%; }
.tiny	{ font-size:1px; }

.nowrap {	white-space: nowrap; }

.nowrapleft {	white-space: nowrap; 	text-align: left; }
.nowrapleftpad { white-space: nowrap;	text-align: left; padding-left:1em;}

.break-word { word-wrap: break-word; }
.italic { font-style:italic; }

ol.lower-alpha { list-style-type: lower-alpha; }
ol.lower-roman { list-style-type: lower-roman; }
ol.pad01 li { padding-top:0.1em; }
ol.pad02 li { padding-top:0.2em; }
ol.pad03 li { padding-top:0.3em; }
ol.pad04 li { padding-top:0.4em; }
ol.pad05 li { padding-top:0.5em; }
ol.pad06 li { padding-top:0.6em; }
ol.pad07 li { padding-top:0.7em; }
ol.pad08 li { padding-top:0.8em; }
ol.pad09 li { padding-top:0.9em; }
ol.pad10 li { padding-top:1.0em; }
ol.pad15 li { padding-top:1.5em; }
ol.pad20 li { padding-top:2.0em; }
ol.padb01 li { padding-bottom:0.1em; }
ol.padb02 li { padding-bottom:0.2em; }
ol.padb03 li { padding-bottom:0.3em; }
ol.padb04 li { padding-bottom:0.4em; }
ol.padb05 li { padding-bottom:0.5em; }
ol.padb06 li { padding-bottom:0.6em; }
ol.padb07 li { padding-bottom:0.7em; }
ol.padb08 li { padding-bottom:0.8em; }
ol.padb09 li { padding-bottom:0.9em; }
ol.padb10 li { padding-bottom:1.0em; }
ol.padb15 li { padding-bottom:1.5em; }
ol.padb20 li { padding-bottom:2.0em; }
ul.pad01 li { padding-top:0.1em; }
ul.pad02 li { padding-top:0.2em; }
ul.pad03 li { padding-top:0.3em; }
ul.pad04 li { padding-top:0.4em; }
ul.pad05 li { padding-top:0.5em; }
ul.pad06 li { padding-top:0.6em; }
ul.pad07 li { padding-top:0.7em; }
ul.pad08 li { padding-top:0.8em; }
ul.pad09 li { padding-top:0.9em; }
ul.pad10 li { padding-top:1.0em; }
ul.pad15 li { padding-top:1.5em; }
ul.pad20 li { padding-top:2.0em; }
ul.padb01 li { padding-bottom:0.1em; }
ul.padb02 li { padding-bottom:0.2em; }
ul.padb03 li { padding-bottom:0.3em; }
ul.padb04 li { padding-bottom:0.4em; }
ul.padb05 li { padding-bottom:0.5em; }
ul.padb06 li { padding-bottom:0.6em; }
ul.padb07 li { padding-bottom:0.7em; }
ul.padb08 li { padding-bottom:0.8em; }
ul.padb09 li { padding-bottom:0.9em; }
ul.padb10 li { padding-bottom:1.0em; }
ul.padb15 li { padding-bottom:1.5em; }
ul.padb20 li { padding-bottom:2.0em; }


.box	{ border:2px solid; padding:5%; }

.boxrounded {
 /* A few vendor-prefixed versions of the property... */
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 /* ...and the 'real' property last. */
 border-radius: 20px;
	border:2px solid;
	padding:5%;
}

.shadystuff {
 /* A few vendor-prefixed versions of the property... */
 -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
 -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
 /* ...and the 'real' property last. */
 box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}

.shadystuffb {
 /* A few vendor-prefixed versions of the property... */
 -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
 -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
 /* ...and the 'real' property last. */
 box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
 border:1px solid #000000;
}

.shadystuffoval {
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.7);
 -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.7);
 /* ...and the 'real' property last. */
 border-radius: 50%;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
}

.shadycraft {
 filter: drop-shadow(7px 7px 7px rgba(0,0,0,0.3));
}

.tn { float:left; padding:5px; }

.t-1 { margin-top:-1em; }
.t0 { margin-top:0em; }
.t05 { margin-top:0.5em; }
.t1 { margin-top:1em; }
.t2 { margin-top:2em; }
.t3 { margin-top:3em; }

.r0 { margin-right:0em; }
.r1 { margin-right:1em; }
.r2 { margin-right:2em; }
.r3 { margin-right:3em; }

.b0 { margin-bottom:0em; }
.b1 { margin-bottom:1em; }
.b2 { margin-bottom:2em; }
.b3 { margin-bottom:3em; }

.l0 { margin-left:0em; }
.l1 { margin-left:1em; }
.l2 { margin-left:2em; }
.l3 { margin-left:3em; }

.pt0 { padding-top:0em; }
.pt05 { padding-top:0.5em; }
.pt1 { padding-top:1em; }
.pt2 { padding-top:2em; }
.pt3 { padding-top:3em; }

.pl0 { padding-left:0em; }
.pl1 { padding-left:1em; }
.pl2 { padding-left:2em; }

.pr0 { padding-right:0em; }
.pr1 { padding-right:1em; }
.pr2 { padding-right:2em; }

.pb0 { padding-bottom:0em; }
.pb1 { padding-bottom:1em; }
.pb2 { padding-bottom:2em; }

.p01 tr td	{ padding:0.1em; }
.p02 tr td	{ padding:0.2em; }
.p03 tr td	{ padding:0.3em; }
.p04 tr td	{ padding:0.4em; }
.p05 tr td	{ padding:0.5em; }
.p1 tr td	{ padding:1em; }
.p15 tr td	{ padding:1.5em; }
.p2 tr td	{ padding:2em; }
.pt1 tr td	{ padding-top:1em; }

.p1  { padding:1em; }
.p05 { padding:0.5em; }
.p1  { padding:1em; }
.p15 { padding:1.5em; }
.p2  { padding:2em; }

.sidebarleft {
	float: left;
	padding: 0 2em .5em 0;
	margin: 0 0 0 0;
	font-size:85%;
	text-align:center;
	}
.sbl {
	float: left;
	padding: 0 3% .5em 0;
	margin: 0 0 1em 0;
	font-size:85%;
	text-align:center;
	}
.sidebarright {
	float: right;
	padding: 0 0 .5em 2em;
	margin: 0 0 0 0;
	font-size:85%;
	text-align:center;
	}
.sbr {
	float: right;
	padding: 0 0 .5em 2%;
	margin: 0 0 1em 0;
	font-size:85%;
	text-align:center;
	}
.centre00	{ margin:0em auto 0em auto; text-align:center; }
.centre01	{ margin:0em auto 1em auto; text-align:center; }
.centre02	{ margin:0em auto 2em auto; text-align:center; }
.centre03	{ margin:0em auto 3em auto; text-align:center; }
.centre04	{ margin:0em auto 4em auto; text-align:center; }
.centre10	{ margin:1em auto 0em auto; text-align:center; }
.centre11	{ margin:1em auto 1em auto; text-align:center; }
.centre12	{ margin:1em auto 2em auto; text-align:center; }
.centre13	{ margin:1em auto 3em auto; text-align:center; }
.centre14	{ margin:1em auto 4em auto; text-align:center; }
.centre20	{ margin:2em auto 0em auto; text-align:center; }
.centre21	{ margin:2em auto 1em auto; text-align:center; }
.centre22	{ margin:2em auto 2em auto; text-align:center; }
.centre23	{ margin:2em auto 3em auto; text-align:center; }
.centre24	{ margin:2em auto 4em auto; text-align:center; }
.centre30	{ margin:3em auto 0em auto; text-align:center; }
.centre31	{ margin:3em auto 1em auto; text-align:center; }
.centre32	{ margin:3em auto 2em auto; text-align:center; }
.centre33	{ margin:3em auto 3em auto; text-align:center; }
.centre34	{ margin:3em auto 4em auto; text-align:center; }
.centre40	{ margin:4em auto 0em auto; text-align:center; }
.centre41	{ margin:4em auto 1em auto; text-align:center; }
.centre42	{ margin:4em auto 2em auto; text-align:center; }
.centre43	{ margin:4em auto 3em auto; text-align:center; }
.centre44	{ margin:4em auto 4em auto; text-align:center; }

.tal	{ text-align:left; }
.tar	{ text-align:right; }
.tac	{ text-align:center; }

.w5	{ width:5%; }
.w10	{ width:10%; }
.w15	{ width:15%; }
.w16	{ width:16%; }
.w20	{ width:20%; }
.w25	{ width:25%; }
.w30	{ width:30%; }
.w33	{ width:33%; }
.w35	{ width:35%; }
.w40	{ width:40%; }
.w45	{ width:45%; }
.w47	{ width:47%; }
.w50	{ width:50%; }
.w55	{ width:55%; }
.w60	{ width:60%; }
.w65	{ width:65%; }
.w70	{ width:70%; }
.w75	{ width:75%; }
.w80	{ width:80%; }
.w85	{ width:85%; }
.w90	{ width:90%; }
.w95	{ width:95%; }
.w100	{ width:100%; }

.mw025	{ max-width:25px; }
.mw050	{ max-width:50px; }
.mw075	{ max-width:75px; }
.mw100	{ max-width:100px; }
.mw125	{ max-width:125px; }
.mw150	{ max-width:150px; }
.mw175	{ max-width:175px; }
.mw200	{ max-width:200px; }
.mw225	{ max-width:225px; }
.mw250	{ max-width:250px; }
.mw275	{ max-width:275px; }
.mw300	{ max-width:300px; }
.mw325	{ max-width:325px; }
.mw350	{ max-width:350px; }
.mw375	{ max-width:375px; }
.mw400	{ max-width:400px; }
.mw425	{ max-width:425px; }
.mw450	{ max-width:450px; }
.mw475	{ max-width:475px; }
.mw500	{ max-width:500px; }
.mw525	{ max-width:525px; }
.mw550	{ max-width:550px; }
.mw575	{ max-width:575px; }
.mw600	{ max-width:600px; }
.mw625	{ max-width:625px; }
.mw650	{ max-width:650px; }
.mw675	{ max-width:675px; }

.mxw025	{ max-width:25px; }
.mxw030	{ max-width:30px; }
.mxw035	{ max-width:35px; }
.mxw040	{ max-width:40px; }
.mxw045	{ max-width:45px; }
.mxw050	{ max-width:50px; }
.mxw075	{ max-width:75px; }
.mxw100	{ max-width:100px; }
.mxw125	{ max-width:125px; }
.mxw150	{ max-width:150px; }
.mxw175	{ max-width:175px; }
.mxw200	{ max-width:200px; }
.mxw225	{ max-width:225px; }
.mxw250	{ max-width:250px; }
.mxw275	{ max-width:275px; }
.mxw300	{ max-width:300px; }
.mxw325	{ max-width:325px; }
.mxw350	{ max-width:350px; }
.mxw375	{ max-width:375px; }
.mxw400	{ max-width:400px; }
.mxw425	{ max-width:425px; }
.mxw450	{ max-width:450px; }
.mxw475	{ max-width:475px; }
.mxw500	{ max-width:500px; }
.mxw525	{ max-width:525px; }
.mxw550	{ max-width:550px; }
.mxw575	{ max-width:575px; }
.mxw600	{ max-width:600px; }
.mxw625	{ max-width:625px; }
.mxw650	{ max-width:650px; }
.mxw675	{ max-width:675px; }

.mnw025	{ min-width:25px; }
.mnw050	{ min-width:50px; }
.mnw075	{ min-width:75px; }
.mnw100	{ min-width:100px; }
.mnw125	{ min-width:125px; }
.mnw150	{ min-width:150px; }
.mnw175	{ min-width:175px; }
.mnw200	{ min-width:200px; }
.mnw225	{ min-width:225px; }
.mnw250	{ min-width:250px; }
.mnw275	{ min-width:275px; }
.mnw300	{ min-width:300px; }
.mnw325	{ min-width:325px; }
.mnw350	{ min-width:350px; }
.mnw375	{ min-width:375px; }
.mnw400	{ min-width:400px; }
.mnw425	{ min-width:425px; }
.mnw450	{ min-width:450px; }
.mnw475	{ min-width:475px; }
.mnw500	{ min-width:500px; }
.mnw525	{ min-width:525px; }
.mnw550	{ min-width:550px; }
.mnw575	{ min-width:575px; }
.mnw600	{ min-width:600px; }
.mnw625	{ min-width:625px; }
.mnw650	{ min-width:650px; }
.mnw675	{ min-width:675px; }

.clrright { clear:right; }
.clrleft { clear:left; }
.clrboth { clear:both; }

table		{ border-collapse:collapse; font-size:100%; }
td { text-align:left; vertical-align:top; }

.gentable00	{ margin:0em auto 0em auto; text-align:center; table-layout:fixed; }
.gentable01	{ margin:0em auto 1em auto; text-align:center; table-layout:fixed; }
.gentable02	{ margin:0em auto 2em auto; text-align:center; table-layout:fixed; }
.gentable03	{ margin:0em auto 3em auto; text-align:center; table-layout:fixed; }
.gentable10	{ margin:1em auto 0em auto; text-align:center; table-layout:fixed; }
.gentable11	{ margin:1em auto 1em auto; text-align:center; table-layout:fixed; }
.gentable12	{ margin:1em auto 2em auto; text-align:center; table-layout:fixed; }
.gentable13	{ margin:1em auto 3em auto; text-align:center; table-layout:fixed; }
.gentable20	{ margin:2em auto 0em auto; text-align:center; table-layout:fixed; }
.gentable21	{ margin:2em auto 1em auto; text-align:center; table-layout:fixed; }
.gentable22	{ margin:2em auto 2em auto; text-align:center; table-layout:fixed; }
.gentable23	{ margin:2em auto 3em auto; text-align:center; table-layout:fixed; }
.gentable30	{ margin:3em auto 0em auto; text-align:center; table-layout:fixed; }
.gentable31	{ margin:3em auto 1em auto; text-align:center; table-layout:fixed; }
.gentable32	{ margin:3em auto 2em auto; text-align:center; table-layout:fixed; }
.gentable33	{ margin:3em auto 3em auto; text-align:center; table-layout:fixed; }
.gencell td, th	{ border:2px solid black; vertical-align:middle; padding:8px; }
.taccell td, th { text-align:center; }


/* The following declatayions can probably be deleted after the transition to responsive is complete */

.tdgen		{ vertical-align:middle; border:2px solid; }
.tdgenmid	{ vertical-align:middle; border:2px solid; text-align:center; }

/* 1/3 */
.col1-3		{ width:193px; min-width:193px; max-width:193px; }

/* 1/14, 4/14, 4/14, 5/14 */
.col1-14	{ width:41px; min-width:41px; max-width:41px; vertical-align:middle; border:2px solid; }
.col4-14	{ width:166px; min-width:166px; max-width:166px; vertical-align:middle; border:2px solid; }
.col5-14	{ width:207px; min-width:207px; max-width:207px; vertical-align:middle; border:2px solid; }

/* The above declatayions can probably be deleted after the transition to responsive is complete */



/* table column widths: */
/* 1/3 */
.col33pc	{ width:33%; }
/* 1/14, 4/14, 4/14, 5/14 */
.col5pc		{ width:5%; }
.col28pc	{ width:28%; }
.col36pc	{ width:38%; }

.bordered td, th	{ border:1px solid black; }
.bordered-grey td, th	{ border:1px solid #cccccc; }
.p02px td, th		{ padding:2px; }
.p04px td, th		{ padding:4px; }
.p06px td, th		{ padding:6px; }
.p08px td, th		{ padding:8px; }
.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }
/* The following can be deleted when all instances of mid are replaced by vam */
.mid	{ vertical-align:middle; }

/* Horizontal scroll - mainly used for tables too wide to be displayed on a narrow smartphone screen. */
/* Other methods possible, but some tables are complex and horizontal scrolling seems the best option. */
.horiscroll { overflow:auto; overflow-y:hidden; }

#get-reader {width:88px; margin-left:10px;}
#get-reader a, #get-reader a:visited {display:block; width:100%; height:31px; line-height:28px; text-decoration:none; background:url(/images/get-adobe-reader.gif); background-repeat:no-repeat;}
#get-reader a:hover {display:block; width:100%; height:31px; cursor:pointer; text-decoration:none; background:url(/images/get-adobe-reader-on.gif); background-repeat:no-repeat;}

.copyright {
font-size :9.0pt;
font-family :"Times New Roman", times, serif;
text-align :center;
margin-left :auto;
margin-right:auto;
padding-top :1.5em;
line-height :1.3;
color	 :#707070;
}

/* start - horizontal dropdown */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(/images/headers/three_1.gif);}
.preload2 {background: url(/images/headers/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(/images/headers/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(/images/headers/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/images/headers/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/images/headers/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(/images/headers/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(/images/headers/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(/images/headers/three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:38px; background: #c2c2c2; padding:3px; border:1px solid #626262; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #c2c2c2;}
#nav li ul.sub li a.fly
{background:#c2c2c2 url(/images/headers/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#626262; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#626262 url(/images/headers/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #c2c2c2; padding:3px; border:1px solid #626262; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#626262 url(/images/headers/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#c2c2c2 url(/images/headers/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#c2c2c2;} 

/* end - horizontal dropdown */



/* Top navigation menu bar. BEGIN */
/* Top navigation menu bar. BEGIN */
/* Top navigation menu bar. BEGIN */
/* Top navigation menu bar. BEGIN */
/* Top navigation menu bar. BEGIN */
/* Top navigation menu bar. BEGIN */
/* Top navigation menu bar. BEGIN */
/* Top navigation menu bar. BEGIN */
/* Top navigation menu bar. BEGIN */
/* Top navigation menu bar. BEGIN */

/* sm-core-css.css BEGIN */
    
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules). You need this once per page no matter how many menu trees or different themes you use. */

.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
    
/* sm-core-css.css END */
    
/* sm-blue/sm-blue.css BEGIN */
/* (the original colour was blue, hence the varibale names) */

.sm-blue {
  background: transparent;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  padding: 10px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  background: #666666;
  background-image: linear-gradient(to top, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
  color: #fff;
  font-family: "PT Sans Narrow", "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.sm-blue a.current {
  background: #777777;
  background-image: linear-gradient(to bottom, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
  color: #fff;
}
.sm-blue a.disabled {
  color: #cccccc;
}
.sm-blue a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
.sm-blue a .sub-arrow::before {
  content: '+';
}
.sm-blue a.highlighted .sub-arrow::before {
  content: '-';
}
.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  border-radius: 8px 8px 0 0;
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  border-radius: 0 0 8px 8px;
}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  border-radius: 0;
}
.sm-blue ul {
  background: #fff;
}
.sm-blue ul ul {
  background: rgba(102, 102, 102, 0.1);
}
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: transparent;
  color: #000000;
  font-size: 16px;
  text-shadow: none;
  border-left: 8px solid transparent;
}
.sm-blue ul a.current {
  background: #777777;
  background-image: linear-gradient(to bottom, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
  color: #fff;
}
.sm-blue ul a.disabled {
  color: #cccccc;
}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
.sm-blue ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-blue ul li:first-child {
  border-top: 0;
}

@media (min-width: 600px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-blue ul {
    position: absolute;
    width: 12em;
  }

  .sm-blue li {
    float: left;
  }

  .sm-blue.sm-rtl li {
    float: right;
  }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
    float: none;
  }

  .sm-blue a {
    white-space: nowrap;
  }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal;
  }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-blue {
    background: #777777;
    background-image: linear-gradient(to top, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
    border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    padding: 13px 24px;
    background: #777777;
    background-image: linear-gradient(to top, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
    color: #fff;
  }
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    background: #555555;
    background-image: linear-gradient(to top, #888888, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
  }
  .sm-blue a.current {
    background: #777777;
    background-image: linear-gradient(to bottom, #1d1d1d, #a9a9a9);
    color: #fff;
  }
  .sm-blue a.disabled {
    background: #cccccc;
    background-image: linear-gradient(to top, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
    color: #cccccc;
  }

/* Original smart.menu position of down arrow changed from beneath the text to the right of the text */
/*

  .sm-blue a .sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    right: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #cccccc transparent transparent transparent;
    background: transparent;
    border-radius: 0;
  }
*/

/* OrnaVerum position; to the right of the text */
  .sm-blue a .sub-arrow {
    margin-top: 1px;
    margin-right: 5px;
    left: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #cccccc transparent transparent transparent;
    background: transparent;
    border-radius: 0;
  }

  .sm-blue a .sub-arrow::before {
    display: none;
  }
  .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
    border-radius: 8px 0 0 8px;
  }
  .sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
    border-radius: 0 8px 8px 0 !important;
  }
  .sm-blue > li {
    border-right: 1px solid #666666;
  }
  .sm-blue > li:first-child {
    border-left: 0;
  }
  .sm-blue ul {
    border: 1px solid #a8a8a8;
    padding: 7px 0;
    background: #fff;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
  }
  .sm-blue ul ul {
    border-radius: 4px !important;
    background: #fff;
  }
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    border: 0 !important;
    padding: 9px 23px;
    background: transparent;
    color: #000000;
    border-radius: 0 !important;
  }
  .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    background: #777777;
    background-image: linear-gradient(to top, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
    color: #fff;
  }
  .sm-blue ul a.current {
    background: #777777;
    background-image: linear-gradient(to bottom, #1d1d1d, #a9a9a9);
    color: #fff;
  }
  .sm-blue ul a.disabled {
    background: #fff;
    color: #cccccc;
  }
  .sm-blue ul a .sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #cccccc;
  }
  .sm-blue ul li {
    border: 0;
  }
  .sm-blue .scroll-up,
  .sm-blue .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px;
  }
  .sm-blue .scroll-up-arrow,
  .sm-blue .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #666666 transparent;
  }
  .sm-blue .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #666666 transparent transparent transparent;
  }
  .sm-blue.sm-rtl.sm-vertical a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #cccccc transparent transparent;
  }
  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
    border-radius: 0 8px 8px 0;
  }
  .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {
    border-radius: 8px 0 0 8px !important;
  }
  .sm-blue.sm-rtl > li:first-child {
    border-left: 1px solid #666666;
  }
  .sm-blue.sm-rtl > li:last-child {
    border-left: 0;
  }
  .sm-blue.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #cccccc transparent transparent;
  }
  .sm-blue.sm-vertical {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .sm-blue.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-blue.sm-vertical a .sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #cccccc;
  }
  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
    border-radius: 8px 8px 0 0;
  }
  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
    border-radius: 0 0 8px 8px !important;
  }
  .sm-blue.sm-vertical > li {
    border-left: 0 !important;
  }
  .sm-blue.sm-vertical ul {
    border-radius: 4px !important;
  }
  .sm-blue.sm-vertical ul a {
    padding: 9px 23px;
  }
}

/*# sourceMappingURL=sm-blue.css.map */
    
/* sm-blue/sm-blue.css END */
   
/* Top banner. BEGIN */

.schrodinger {
  -moz-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;
} 
@media screen and (max-width: 680px) { 
     .schrodinger { opacity:0;}
}

#container {
  margin: 0 auto;
  max-width: 890px;
}

/* Top banner. END */

/* Top navigation bar background (for the top row only) */

.nav-top-row {
  height:40px;
  width:100%;
  background: #777777;
  background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #1d1d1d), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(to top, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
  background-image: -moz-linear-gradient(to top, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
  background-image: -o-linear-gradient(to top, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
  background-image: linear-gradient(to top, #1d1d1d, #1d1d1d 50%, #eee 95%, #a9a9a9 95%);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}


/* Top navigation menu bar. BEGIN */
    .main-nav {
  margin-top: -40px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-search {
  float: right;
  margin: 0 10px 0 0;
}
.nav-search a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 29px;
  text-decoration: none;
}
.nav-search-icon {
  float: right;
  margin: 10px 20px 0 0;
}

#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 600px) {
  #main-menu {
    float: left;
    clear: none;
  }
}


/* Mobile menu top separator */

#main-menu:before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #cccccc;
}

@media (min-width: 600px) {
  #main-menu:before {
    display: none;
  }
}


/* Mobile menu toggle button */

.main-menu-btn {
  float: left;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}


/* Close me up - icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  width:10px;
  position: absolute;
  left: 8px;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width:10px;
  position: absolute;
  left: 8px;
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 600px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}

/* In head.ssi, condition display of Google search box according to media width
If > 860, display box in the navigation bar. Otherwise, display beneath the bar */
@media screen and (min-width: 860px) {
  .search_icon {
    display: none;
  }
}
@media screen and (max-width: 860px) {
  .search_box {
    display: none;
  }
}

/* Top navigation menu bar. END */
/* Top navigation menu bar. END */
/* Top navigation menu bar. END */
/* Top navigation menu bar. END */
/* Top navigation menu bar. END */
/* Top navigation menu bar. END */
/* Top navigation menu bar. END */
/* Top navigation menu bar. END */
/* Top navigation menu bar. END */
/* Top navigation menu bar. END */


/* start - page turner */

#pagtab {padding:0; margin:0; list-style:none; height:38px; background:#fff url(/images/headers/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#pagtab li.top {display:block; float:left; height:38px;}
#pagtab li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(/images/headers/three_0.gif);}
#pagtab li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/images/headers/three_0.gif) right top no-repeat;}
#pagtab li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(/images/headers/three_0a.gif) no-repeat right top;}

#pagtab li:hover a.top_link {color:#fff; background: url(/images/headers/three_1.gif) no-repeat;}
#pagtab li:hover a.top_link span {background:url(/images/headers/three_1.gif) no-repeat right top;}
#pagtab li:hover a.top_link span.down {background:url(/images/headers/three_1a.gif) no-repeat right top;}

/* Default list styling */

#pagtab li:hover {position:relative; z-index:200;}

#pagtab li:hover ul.sub
{left:1px; top:38px; background: #c2c2c2; padding:3px; border:1px solid #626262; white-space:nowrap; width:90px; height:auto; z-index:300;}
#pagtab li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#pagtab li:hover ul.sub li a
{display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #c2c2c2;}
#pagtab li ul.sub li a.fly
{background:#c2c2c2 url(/images/headers/arrow.gif) 80px 6px no-repeat;}
#pagtab li:hover ul.sub li a:hover 
{background:#626262; color:#fff; border-color:#fff;}
#pagtab li:hover ul.sub li a.fly:hover
{background:#626262 url(/images/headers/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#pagtab li:hover li:hover ul,
#pagtab li:hover li:hover li:hover ul,
#pagtab li:hover li:hover li:hover li:hover ul,
#pagtab li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #c2c2c2; padding:3px; border:1px solid #626262; white-space:nowrap; width:90px; z-index:400; height:auto;}

#pagtab ul, 
#pagtab li:hover ul ul,
#pagtab li:hover li:hover ul ul,
#pagtab li:hover li:hover li:hover ul ul,
#pagtab li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#pagtab li:hover li:hover a.fly,
#pagtab li:hover li:hover li:hover a.fly,
#pagtab li:hover li:hover li:hover li:hover a.fly,
#pagtab li:hover li:hover li:hover li:hover li:hover a.fly
{background:#626262 url(/images/headers/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#pagtab li:hover li:hover li a.fly,
#pagtab li:hover li:hover li:hover li a.fly,
#pagtab li:hover li:hover li:hover li:hover li a.fly
{background:#c2c2c2 url(/images/headers/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#c2c2c2;} 

/* end - page turner */



/* start - modal dialogue popup */

.modalDialog {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.6);
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.modalDialog:target {
  opacity:1;
  pointer-events: auto;
}
.modalDialog > div {
  width: 70%;
  max-width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #ccc);
  background: -webkit-linear-gradient(#fff, #ccc);
  background: -o-linear-gradient(#fff, #ccc);
}
.modalDialogClose {
  background: #026A9D;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}
.modalDialogClose:hover { background: #00d9ff; }

/* end - modal dialogue popup */


/* The following 3 lines can be deleted when all responsive is done */
.ligap0p5 { padding-top:0.5em; }
.ligap1p0 { padding-top:1.0em; }
.ligap1p5 { padding-top:1.5em; }




/* ornaverum.css */