/* Based on default.css, part of
- FlowerClusters 1.0 template
  by Free CSS Templates
  http://www.freecsstemplates.org
 released 20130612 for free under a Creative Commons Attribution 2.5 License
- Top 10 CSS Table Designs, R. Christie, 2008
  http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
*/
html, body { height: 100%; }
body { margin: 0px; padding: 0px;
  background: #f3f1cd; color: #7b0010;
  font-family: Verdana, Geneva, sans-serif; font-size: 12pt;
  font-weight: 400; }
h1, h2, h3 { margin: 0; padding: 0; }
p, ol, ul { margin-top: 0; }
ul { margin: 0; padding: 0; list-style: disc; }
ul li { line-height: 150%; margin-left: 2em; padding: 0.30em 0; }
ul li:last-child { line-height: 150%; margin-left: 2em;
  padding: 0.30em 0 1.40em; }
ol { list-style-type: decimal; margin: 0; padding: 0; }
ol li { line-height: 150%; margin-left: 2em; padding: 0.30em 0; }
ol li:last-child { line-height: 150%; margin-left: 2em;
  padding: 0.30em 0 1.40em; }
p { line-height: 150%; text-align: justify; }
p.warning { font-size: 1.1em; color: #c23c00; }
p.subtitle { font-size: 1.2em; font-weight: 500; }
p.caption { font-style: oblique; margin-bottom: 1em;
  width: auto; text-align: center;}
p.alright { text-align: right; clear:both; margin-bottom: 1em; }
p.alright a:before { display: inline-block; background: #ffb400;
  width: 40px; height: 40px; margin-right: 1em;
  line-height: 40px; border-radius: 20px;
  text-align: center; color: #ffffff; }
.small { font-size: 0.7em; margin: 0px; }
a { color: #6b0221; }
a:hover { text-decoration: none; }
/* isolated icon in address with colours as in <p> */
a.iclr:before { background: #f3f1cd; color: #ffb400; }
.container { width: 1300px; margin: 0 auto; }
.container-page { width: 1300px; margin: 0 auto; }
/* divs for quotation */
div.quote { margin: 1em 0 1em 4em; font-style: oblique;
  text-align: justify; background: #f5f5dc }
div.qtframe { background: #f5f5dc;  border: 2px #cccccc solid; }
  /* with alternative colours: program output and source */
div.output { color: #171aa0; margin: 1em 0 1em 4em; }
div.source { color: #333333; margin: 1em 0 1em 4em; }
/* div and separators for footnotes and a small one */
div.ftnote { margin-left: 2em; font-size: 0.95em; }
hr.ftnote { border-top: solid 2px #999999; width: 20em;
  margin-left:0; }
hr.minisep { border-top: solid 2px #999999; width: 9em;
  margin-left:0; }
hr.ftnote:after, hr.minisep:after { display: block; content: " ";
  position: relative; top: -2px; width: 3em;
  border-bottom: 2px solid #7b0010; left: 0; }
/* centred divs: larger to thinner */
div.ctr90 { width: 90%; margin: 0 auto; }
div.ctr75 { width: 75%; margin: 0 auto; }
div.ctr60 { width: 60%; margin: 0 auto; }
div.ctr40 { width: 40%; margin: 0 auto; }
/* divs for a row with divs for columns all of same height */
div.row { display:table; width: 100%; margin: 0; }
  /* centred, fixed width of 20em */
div.rowctr { display:table; width: 20em; margin: 0 auto; }
  /* 2 columns: at 50-50%, 70-30%, 30-70%, 20-80% width of row */
div.col1of2at50 { display:table-cell; width: 45%; margin-right: 5%;
 float: left; }
div.col2of2at50 { display:table-cell; width: 50%; margin: 0; float: right; }
div.col1of2at70 { display:table-cell; width: 65%; margin-right: 5%;
 float: left; }
div.col2of2at30 { display:table-cell; width: 30%; margin: 0;
 float: right; }
div.col1of2at30 { display:table-cell; width: 25%; margin-right: 5%;
 float: left; }
div.col2of2at70 { display:table-cell; width: 70%; margin: 0; float: right; }
div.col1of2at20 { display:table-cell; width: 18%; margin-left: 0.5%;
 margin-right: 3.5%; float: left; }
div.col2of2at80 { display:table-cell; width: 78%; margin: 0; float: right; }
  /* 3 to 5 columns: all of same width */
div.col12of3 { display:table-cell; width: 30%; margin-right: 5%;
  float: left; }
div.col3of3 { display:table-cell; width: 30%; float: right; }
div.col13of4 { display:table-cell; width: 22%; margin-right: 4%;
  float: left; }
div.col4of4 { display:table-cell; width: 22%; float: right; }
div.col14of5 { display:table-cell; width: 16%; margin-right: 5%;
  float: left; }
div.col5of5 { display:table-cell; width: 16%; float: right; }
  /* 3 columns at 20, 50, 30% */
div.col1of3at20 { display:table-cell; width: 20%; margin-right: 5%;
 float: left; }
div.col2of3at50 { display:table-cell; width: 45%; margin-right: 5%;
 float: left; }
div.col3of3at30 { display:table-cell; width: 25%; float: right; }
  /* 3 columns at 25, 25, 50% */
div.col1of3at25 { display:table-cell; width: 23%; margin-right: 5%;
 float: left; }
div.col2of3at25 { display:table-cell; width: 23%; margin-right: 3%;
 float: left; }
div.col3of3at50 { display:table-cell; width: 45%; float: right; }
/* for rows with a variable number of cells */
div.inline { display: inline; }
div.seqcol { display: inline; width: auto; float: left;
	     margin-right: 2%; padding-bottom: 2.5em; }
/* for use with an icon and flags in links pages */
div.icflgs { min-width: 140px; }
div.colic { width: 85px; margin-right: 0.5em; float: left; }
div.colflg { width: 20px; margin: 0 1em 0 0; float: left; }
/* for use with a vertical header bar */
div.vert { position: absolute; top: 0; left: 352px; }
/* Tables */
table { margin: 2em; border-collapse: collapse; border-width: 2px;
 border-style: solid none solid; border-color: #cccccc;
 text-align: left; font-size: 1em; }
table th { text-align: center; font-size: 1em;
  padding: 10px 8px; }
table td { padding: 0.4em 0.5em; }
table td.ctr { text-align: center; }
table td.right { text-align: right; }
table tbody { border-width: 2px; border-color: #cccccc;
border-style: solid hidden none; }
table tbody tr:hover td { color: #333333; }
table tbody tr:hover td a { color: #333333; }
/* Images */
.image { display: inline-block;	}
.image img { display: block; width: 100%; }
.image-full { display: block; width: 100%; margin: 0 0 0 0; }
.image-left { float: left; margin: 0 2em 2em 0;	}
.image-left-ic { float: left; margin: 0 0.2em 0.5em 0; }
.image-right { float: right; margin: 0 1em 0 0; }
.image-right5 { float: right; margin: 0 5% 0 0; }
.image-centered	{ display: block; margin-left:auto; margin-right:auto;
  margin-top: 0.5em; margin-bottom: 0.5em; }
.image-centered img { margin: 0 auto; width: auto; }
 /* no top/bottom margins */
.image-centered-nm { display: block; margin-left:auto; margin-right:auto;
  margin-top: 0; margin-bottom: 0; }
.image-centered-nm img { margin: 0 auto; width: auto; }
/* Buttons for replacing images in contents title */
.btnoimg { font-size: 0.6em; font-weight: 600; text-transform: none;
 height: 30px; border-radius: 5px; border-style: outset;
 background: #ffb400; color: #ffffff;
 -webkit-appearance: button; }
/* Applets, objects */
applet, object { margin-top: 0.5em; margin-bottom: 0.5em; }
/* Lists */
ul.none { margin: 0; padding: 0; list-style: none; }
ul.none li { line-height: 100%; margin: 0; padding: 0; }
ul.none-vert { margin: 0; padding: 0; list-style: none; }
ul.none-vert li { display: block; line-height: 100%; margin: 0; padding: 0; }
ul.style1 { margin: 0; padding: 0; list-style: none; }
ul.style1 li { border-top: solid 1px #cccccc; padding: 0.80em 0; }
ul.style1 li:first-child { border-top: 0; padding-top: 0; }
ul.style1 .sep-li { border-top: solid 2px #999999;
  padding: 0.80em 0;}
/* Social Icons */
ul.contact { margin: 0;	padding: 0em 0em 0em 0em; list-style: none; }
ul.contact li { padding: 0em 0.30em 0.8em 0em; font-size: 1em; }
ul.contact li span { margin: 0;	padding: 0; }
ul.contact li a	{ letter-spacing: 0.20em; text-transform: uppercase;
  font-size: 0.90em; color: #666666; }
ul.contact li a:before { display: inline-block;	background: #3f3f3f;
  width: 40px; height: 40px; margin-right: 1em;
  line-height: 40px; border-radius: 20px;
  text-align: center; color: #ffffff; }
ul.contact li a.fa-twitter:before { background: #2DAAE4; }
ul.contact li a.fa-facebook:before { background: #39599F; }
ul.contact li a.fa-dribbble:before { background: #C4376B; }
ul.contact li a.fa-tumblr:before { background: #31516A; }
ul.contact li a.fa-rss:before { background: #F2600B; }
ul.contact .sep-li { border-top: solid 2px #999999;
  padding: 0.80em 0;}
/* Heading Titles */
.title { position: relative; margin-bottom: 2em; padding-bottom: 1em;
  text-transform: uppercase; border-bottom: 2px solid #cccccc; }
.title:after { display: block; content: " "; position: absolute;
  bottom: -2px; width: 3em; border-bottom: 2px solid #ffb400;
  left: 0; }
.title h2 { letter-spacing: 0.20em; font-weight: 700; font-size: 2em;
  color: #7b0010; }
.title .byline { display: block; letter-spacing: 0.15em;
  text-transform: uppercase; font-weight: 400; font-size: 0.90em;
  color: #b00018; }
/* Header */
#header-wrapper { background: #ffb400;
  box-shadow: inset 0 -15px 10px -10px rgba(0,0,0,.2); }
#header	{ position: relative; height: 130px; }
/* for vertical header bar */
#header-wrapper-vert { position: absolute; top: 0;
  width: 270px; height: 200%; background: #ffb400;
  box-shadow: inset -15px 0 10px -10px rgba(0,0,0,.2); float:left; }
#header-vert { position: absolute; top: 0; left: 0.7em; }
/* Logo */
#logo { position: absolute; left: 65px; top: 2em;
  width: 100%; }
#logo h1 { display: inline-block; font-size: 2.5em;
  text-transform: uppercase; font-weight: 700; color: #7b0010; }
#logo a { text-decoration: none; color: #7b0010; }
/* Header Menu */
#menu {	position: absolute; left: 390px;
  top: 1.0499999999999998em; }
#menu ul { display: inline-block; }
#menu li { display: block; float: left; text-align: center; }
#menu li a, #menu li span { display: block; padding: 0.80em 1.5em;
  letter-spacing: 0.20em; text-decoration: none; font-size: 0.90em;
  font-weight: 600; text-transform: uppercase; outline: 0;
  color: #7b0010; }
#menu li a.hifg { color: #ba0037; }
#menu .current_page_item a { color: #7b0010; }
/* for vertical header bar */
#menu-vert { position: absolute; left: 0; top: 12ex; }
#menu-vert li { display: block; float: left; text-align: center; }
#menu-vert li a, #menu-vert li span { display: block; padding: 0.80em 1.5em;
  letter-spacing: 0.20em; text-decoration: none; font-size: 0.90em;
  font-weight: 600; text-transform: uppercase; outline: 0;
  color: #7b0010; }
#menu-vert li a:before { display: inline-block;	background: #ffb400;
  width: 40px; height: 40px; margin-right: 0.4em; line-height: 40px;
  border-radius: 20px; text-align: center; color: #7b0010; }
#menu-vert li a.hifg { color: #ba0037; }
#menu-vert .current_page_item a { color: #7b0010; }
/* Page */
#page { position: relative; /*overflow: hidden;*/ padding: 2em 0em 1em 0em; }
/* for vertical header bar */
#page-vert { /*overflow: hidden;*/ padding: 6em 0em 5em 0em; }
/* Content */
#content { float: right; width: 900px;
	   color: #400030; }
#content .image-full { margin-bottom: 3em; }
#contentW { margin-left: -348px; }
/* Sidebar */
#sidebar { float: left; width: 325px; margin-top: 0; }
#sidebar .title h2 { font-size: 1em; }
#sidebar .box1 { margin-bottom: 1em; }
#sidebar ul li { line-height: 100%; }
#sidebar ul li:last-child { line-height: 100%; }
/* Footer */
#footer-wrapper { overflow: hidden; padding: 1.8em 0em;
  background: #f3f1cd; clear: both; }
#footer .title h2 { font-weight: 400; font-size: 1.1em;
  color: #111111; }
#footer .style1 a { letter-spacing: 0.10em; text-decoration: none;
  font-size: 1em; color: #666666; }
#footer ul li { line-height: 100%; }
#footer ul li:last-child { line-height: 100%; }
#box1 { float: left; width: 384px;
  margin-right: 24px;
  padding-right: 15px; }
#box2 { float: left; width: 384px;
  margin-left: 24px;
  padding-right: 15px; }
#box3 { float: right; width: 373px;
  padding-left: 25px; }
/* Copyright */
#copyright { overflow: hidden; padding: 2em 0em; }
#copyright p { letter-spacing: 0.20em; text-align: center;
  text-transform: uppercase; font-size: 0.60em; color: #666666; }
#copyright a { text-decoration: none; color: #996666; }
/* Featured */
.featured-wrapper { overflow: hidden; padding: 20px 5px 10px;
  background: #f3f1cd; margin-left: 100px; }
.featured-title { color: #7b0010; }
.featured-wrapper .container { background: #ffe7ae; padding: 0.45em;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* Ancillary */
.clrboth { clear: both; }
.inblock { display: inline-block; }
.padtop06 { padding-top: 0.6em; }