html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}

@font-face{font-family:RalewayRegular;src:url('fonts/Raleway-Regular.ttf');}
@font-face{font-family:RalewaySemiBold;src:url('fonts/Raleway-SemiBold.ttf');}

* { box-sizing: border-box; margin:0;padding:0;font-weight:normal}
img {border: 0; -ms-interpolation-mode: bicubic;}

html * {font-family:RalewayRegular, arial;color:#000000;font-size:12pt}
body {line-height: 1;background-color: #FFFFFF;background-image: url("images/back.jpg"); }
a {text-decoration:none;transition: 0.3s;}

.container {max-width:1150px;margin:0 auto;}

header {width:100%;background-image: url("images/headerback.jpg");padding-top:15px;padding-bottom:15px}
.headerwrapper {display:table;width:100%;margin:0 auto}
.headerleft {display:table-cell;width:125px;padding:5px}
.headermid {display:table-cell;width:400px;padding:5px}
.headerright {display:table-cell;vertical-align:bottom;text-align:right;padding:5px}
.headerlogo {width:100%;display:block;min-width:100px}
.headertitle {width:100%; display:block;min-width:300px}
.tagline {font-family:RalewaySemiBold;color:#FFFFFF;font-size:9pt;padding-left:10px;text-shadow:1px 1px #000000}

.toplinks {margin:0;padding:0;list-style-type:none;}
.toplinks li {display:inline-block}
.toplinks li a {display: block;color: white; text-align: center; padding: 10px 10px;font-family:RalewaySemiBold; font-size:10pt;border-left:1px solid #9F5213 }
.toplinks li a:hover {background:#B76635}

nav {width:100%;background:#3C210C; box-shadow: 1px 3px 5px rgba(0, 0, 0, .5);border-top:1px solid #8D4A1D;position:relative;z-index:999}
.toggleMenu { display:  none; padding: 10px 15px;  color: #FFFFFF;}
.nav { list-style: none;  *zoom: 1;  margin: 0; padding: 0;}
.nav:before,.nav:after {   content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none;width: 9em;	 margin: 0; padding: 0;}
.nav a {padding: 10px 20px;color:#FFFFFF;font-size:12pt;text-decoration:none;text-shadow:1pt 1pt #000000; }
.nav a:hover {   background:#000000;	}
.nav li {position: relative;}
.nav > li {float: left;}
.nav > li > .parent {background-image: url("images/downArrow.png");background-repeat: no-repeat;background-position: right;}
.nav > li > a {display: block;}
.nav li  ul {position: absolute;left: -9999px;}
.nav > li.hover > ul {left: 0;}
.nav li li.hover ul {left: 100%;top: 0;}
.nav li li a {min-width:250px; display: block;background:#4A2610;position: relative;z-index:100;border-top: 1px solid #7C3D1A; box-shadow: 1px 4px 8px rgba(0, 0, 0, .5);font-size:10pt}
.nav li li li a {background:#249578;z-index:200;border-top: 1px solid #3F3F3F;font-size:10pt}

.welcometext {margin:15px; padding:10px; text-shadow:1px 1px #FFFFFF;overflow:auto;border-top:2px dotted #E8CD96;border-bottom:2px dotted #E8CD96}
.welcometext h3 {font-size:24pt;color:#5C200C;padding-left:10px}
.welcometext p {font-size:12pt;padding:10px;text-align:justify;}
.topbutton {display:inline-block;margin:5px;padding:5px;background:#D42412;color:#FFFFFF;font-size:10pt;border-radius:8pt;border:2px solid #FFFFFF}
.topbutton:hover {background:#FD7937}

.searchbox {width:250px;border:1px solid  #D7D7D7;font-size:12pt;padding:5px;background:#FFFFFF;background-image: url("images/search.jpg");background-repeat:no-repeat;background-position:left center;padding-left:40px	 }
.searchbox:focus {outline:0}

.slidercontainer {background:#E8CD96;}
.cycle-slideshow {  height: auto; width: 100%;}
.cycle-slideshow table {display:none}
.cycle-slideshow table.first { display: block }
.cycle-slideshow img { width:100%;height:auto;}
.cycle-pager { text-align: center; width: 100%; z-index: 900; position: absolute; bottom: 5px; overflow: hidden;}
.cycle-pager span { font-family: arial; font-size: 56px; width: 18px; height: 18px;  display: inline-block; color:#FFECCA; cursor: pointer; }
.cycle-pager span.cycle-pager-active { color: #DC7902;}
.cycle-pager > * { cursor: pointer;}
.slidewrapper {display:table;width:100%;}
.slideleft {display:table-cell;width:300px;vertical-align:top;padding:10px}
.slideright {display:table-cell;vertical-align:top;padding:10px;text-shadow:1px 1px #F3E5CB}
.slidetitle {font-size:26pt;color:#9F3C0B;padding:10px; font-family:RalewaySemiBold;}
.slidedetails p {font-size:11pt;font-family:RalewaySemiBold;padding:10px;text-align:justify;line-height:150%;color:#7B2D0B}

.main {min-height:500px}

.highlightwrapper {padding:10px;display:table;border-spacing:15px; margin-left:20px;margin-right:20px}
.highlight {display:table-cell;min-width:200px;max-width:250px; vertical-align:top;text-align:center;background:#F3F2F1;padding:10px;box-shadow: 0 0 10px rgba(0,0,0,0.2);position:relative}
.highlight:hover {background:#F5E5D1}
.highlight h2 {font-size:12pt;color:#5C200C;font-family:RalewaySemiBold;}
.highlight p {font-family:RalewaySemiBold; color:#646464;font-size:9pt;padding:5px}
.highlightbuttons {text-align:center;}

.myform {width:300px;margin:0 auto;margin-top:10px;margin-bottom:10px;background:#E8E8E8;border:1px solid #C8CBD8; border-radius:10px;padding:10px}
.myform h2 {font-size:12pt;background:#653831;text-align:center;color:#FFFFFF;padding:5px;border-radius:6px 6px 0px 0px}
.myform label {display:block; font-size:12pt;text-shadow:1pt 1pt #FFFFFF;color:#484B4E;margin-top:10px;margin-bottom:3px}
.myform input, select {font-size:12pt;line-height:25px;margin-bottom:3px}
.mybuttonwrapper {text-align:center;padding:5px}
.mybutton {background:#653831;border-style:none;border-radius:8px;border:1px solid #FFFFFF;font-size:12pt;color:#FFFFFF;cursor:pointer;padding:5px }
.mybutton:hover {background:#824740}
.msg {background:#CC5C08;padding:10px;width:300px;margin:0 auto; text-align:center;font-size:10pt;color:#FFFFFF;border-radius:8px}
.infobox {width:300px;margin:0 auto;background:#64B036;border-radius:10px;padding:10px}
.infobox p {font-size:12pt;color:#FFFFFF;text-align:center;margin-top:5px}

.mytable {width:100%;margin-top:10px;margin-bottom:10px}
.mytable th {text-align:left;background:#458CD3; padding:5px;margin:5px;font-size:12pt;color:#FFFFFF;border-radius:10px}
.mytable td {background:#F7F3ED; vertical-align:middle;font-size:12pt;padding:10px;border-radius:5px;border:1px solid #FFDAA9;border-radius:10px}
.actionbutton {display:inline-block;margin-top:5px;background:#7EAA38;padding:5px;border-style:none;border-radius:5px;border:2px solid #FFFFFF;font-size:8pt;font-weight:bold;color:#FFFFFF;cursor:pointer ;margin-right:10px}
.actionbutton:hover {background:#77C735}

.factfile {min-width:300px;margin:0 auto}
.factfile td {background:#F7F3ED; vertical-align:middle;padding:10px;border-radius:5px;border:1px solid #FFDAA9;border-radius:10px}

.itemgrid {list-style-type: none;font-size:0pt;padding:0;*display: inline;*zoom: 1;vertical-align:top;text-align:center; }
.itemgrid p { padding:5px;margin:5px;font-size:14pt;color:#592E0B;border-radius:10px;text-align:center;font-family:RalewaySemiBold;height:50px;vertical-align:middle; }
.itemgrid li {vertical-align:top;display:inline-block;width:30%;text-align:center;min-width:300px;}
.itemgrid li a {display:block;margin:10px; padding:5px; font-size:10pt;border-radius:10px;background:#FDFCE9;border:1px solid #E3C199; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.itemgrid li a:hover {background:#FFFFFF;}

.pagewrapper {width:100%;margin-bottom:10px;}
.pagewrapper h1 { font-size:24pt;text-align:center;color:#6B2300;padding-top:25px;text-shadow:1px 1px #FFFFFF}
.pagewrapper p {margin:10px;color:#413D3D; text-align:justify}

.mypanel {display:table;margin:0 auto; margin-top:15px;margin-bottom:15px; background:#F9F2E9;border:1px solid #E3C199;border-radius:10px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.panelleft {display:table-cell;vertical-align:top}
.mypanel h1 {font-size:26pt;padding:10px;font-family:RalewaySemiBold;color:#833603}
.mypanel p {font-size:12pt;padding:10px}
.panelright {display:table-cell;vertical-align:top;max-width:320px}

.myimage {cursor:pointer;border:1px solid #FFFFFF}
.myimage:hover {border:1px solid #E0E0E0}

.scriptwrapper {margin:0 auto; width:500px; height:600px; overflow: auto; background:#F7F3ED; border:1px solid #FFDAA9;border-radius:10px;margin-top:10px;}
.scripttoolwrapper {margin:0 auto; background:#F7F3ED; border:1px solid #FFDAA9;border-radius:10px;margin-top:10px;margin-bottom:20px;text-align:center}
.languageref {margin:10px;text-align:center}
.languageref a {padding:5px;background:#BC6404;border-radius:8px;border:1px solid #FFFFFF;color:#FFFFFF;text-shadow:1px 1px #000000}

footer {width:100%;background:#5C200C}
.footertext{font-size:12pt;color:#FFFFFF;padding:10px;text-align:center}
.footerlinks {text-align:center}
.footerlinks a {display:inline-block;padding:5px;color:#FFFFFF;font-size:10pt}

.collapsibleList ul {margin-left:50px;}
.collapsibleList a {font-family:RalewaySemiBold;font-size:12pt;color:#895715}
.collapsibleList li{ list-style-image:url('button.png');  cursor:auto;line-height:150%;font-family:RalewaySemiBold;font-size:12pt}
li.collapsibleListOpen{  list-style-image:url('button-open.png');  cursor:pointer;}
li.collapsibleListClosed{  list-style-image:url('button-closed.png');  cursor:pointer;}
.blink {  animation: blinker 1s linear infinite;	font-weight:bold}@keyframes blinker {  50% {    opacity: 0;  }}


@media screen and (max-width: 768px) 
{
.headerright {display:block;text-align:left;width:100%}
.active {display: block; }
.nav > li { float: none; }
.nav > li > .parent {  background-position: 95% 50%; }
.nav li li .parent { background-image: url("images/downArrow.png"); background-repeat: no-repeat;   background-position: 95% 50%; }
.nav ul { display: block;  width: 100%; }
.nav > li.hover > ul , .nav li li.hover ul {position: static;}
}

@media screen and (max-width: 500px) 
{
.headerleft {display:none} 
.headermid {display:block;width:100%;text-align:center}
.headerright {display:block;text-align:center}
.slideleft {display:block;text-align:center;width:100%}
.slideright {display:block;text-align:center;width:100%}
}
@media screen and (max-width: 350px) 
{

}