@CHARSET "UTF-8";

/* External resources */

@import url(http://fonts.googleapis.com/css?family=Adamina|Ubuntu);

/* Stop the editor from having a background */
body#page {
  font-family: Ubuntu, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  padding: 0;
  margin: 0;
  background: #0a4275;
  color: #000;
  padding-bottom:20px;
}

a img {
  border: none;
}

span {
  display:block;
}

body * span {display:inline-block;}

div.clearfix {
  clear: both;
}

/* Wrapper */

.wrapper {
  width: 975px;
  margin: 0 auto;
}

/* Header */

.header {
  background:#fff;
  border-bottom:6px solid #e9a508;
  position:relative;
  z-index:10;
}

.header .wrapper {
  position:relative;
  padding-top:30px;
}

.header .wrapper .header-logo {
  padding-bottom:10px;
  padding-left:20px;
}

.header .wrapper .header-contact {
  position:absolute;
  bottom:10px;
  right:0;
  text-align:right;
  color:#0a4275;
  line-height:1.6em;
  font-family:adamina;
}

.header .wrapper .header-contact a {
  color:inherit;
  text-decoration:none;
}

.header .wrapper .header-contact span {
  display:block;
}

.header .wrapper .header-contact a:hover {
  text-decoration:underline;
}

div.admin-button {
  position:absolute;
  top:10px;
  right:0;
}

div.admin-button a {
  font-size:15pt;
  padding:10px 15px;
  border:2px solid #e9a508;
  text-decoration:none;
  color:#0a4275;
  border-radius:15px;
  display:block;
  transition:background 0.3s;
}

div.admin-button a:hover {
  background:#eee;
}


/*** Wrapped Area ***/

body > .wrapper {
  background:#fff;
  box-shadow:0 0 25px -5px #000;
}


/* Banner */

.banner {
  background:#6699D6 url(img/banner-background-image.png) center top no-repeat;
  position:relative;
}

.banner .banner-quote {
  display:block;
  padding:50px 0 35px 100px;
  width:270px;
  color:#fff;
}

.banner .banner-quote > span:first-child {
  display:block;
  font-size:1.8em;
  font-family:Adamina;
}

.banner .banner-quote .bq-quo-sec {
  margin:10px 0 15px;
  line-height:1.4em;
  font-size:0.95em;
}

.banner .banner-quote .bq-quo-nam * {
  vertical-align:middle;
  font-family:adamina;
}

.banner .slideshow-container {
  display:block;
  position:absolute;
  top:15px;
  right:60px;
  padding:8px 12px 16px 12px;
  background:url(img/slideshow-background-image.png) center top no-repeat;
}

.banner .slideshow-container > div {
  display:block;
  position:relative;
}


                                                                             
/* Main */

div.main {
  padding:20px 30px 5px 10px;
}

/* Side bar */

div.sidebar {
  float: left;
  width: 240px;
}

/* Menu bar */

.navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border:1px solid #b2b2b2;
  border-top:none;
}

.navbar li {
  display: block;
  position:relative;
  background: #ebebeb;
  background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
  background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
}

.navbar li:after {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: #3399ff;
  background: -moz-linear-gradient(top,  #3399ff 0%, #99cceb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(100%,#99cceb));
  background: -webkit-linear-gradient(top,  #3399ff 0%,#99cceb 100%);
  background: -o-linear-gradient(top,  #3399ff 0%,#99cceb 100%);
  background: -ms-linear-gradient(top,  #3399ff 0%,#99cceb 100%);
  background: linear-gradient(to bottom,  #3399ff 0%,#99cceb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#99cceb',GradientType=0 );
  opacity:0;
  transition:opacity 0.3s;
  content:'';
  z-index:5;
}

.navbar li:hover:after {
  opacity:1;
}

.navbar li.has-dropdown {
  background:#fff;
}

.navbar li.has-dropdown > a {
  background: #3399ff;
  background-image: -moz-linear-gradient(top,  #3399ff 0%, #99cceb 40%, #ebebeb 60%, #ffffff 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(40%,#99cceb), color-stop(60%,#ebebeb), color-stop(100%,#ffffff));
  background-image: -webkit-linear-gradient(top,  #3399ff 0%,#99cceb 40%,#ebebeb 60%,#ffffff 100%);
  background-image: -o-linear-gradient(top,  #3399ff 0%,#99cceb 40%,#ebebeb 60%,#ffffff 100%);
  background-image: -ms-linear-gradient(top,  #3399ff 0%,#99cceb 40%,#ebebeb 60%,#ffffff 100%);
  background-image: linear-gradient(to bottom,  #3399ff 0%,#99cceb 40%,#ebebeb 60%,#ffffff 100%);
  background-position:0 100%;
  background-size:100% 250%;
  transition:background 0.3s, color 0.3s;
}

.navbar li.has-dropdown > a.shown,
.navbar li.has-dropdown > a:hover {
  background-position:0 0;
  color:#fff;
}

.navbar li.has-dropdown:after {
  display:none;
}

.navbar ul li a {
  display:block;
  padding:10px 0 10px 15px;
  color:#319be4;
  text-decoration:none;
  font-size:13pt;
  position:relative;
  z-index:10;
  transition:color 0.3s;
  border-top:1px solid #b2b2b2;
  cursor:pointer;
}

.navbar ul li a:hover {
  color:#fff;
}

.navbar ul li a.current {
  background: #3399ff;
  background: -moz-linear-gradient(top,  #3399ff 0%, #99cceb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(100%,#99cceb));
  background: -webkit-linear-gradient(top,  #3399ff 0%,#99cceb 100%);
  background: -o-linear-gradient(top,  #3399ff 0%,#99cceb 100%);
  background: -ms-linear-gradient(top,  #3399ff 0%,#99cceb 100%);
  background: linear-gradient(to bottom,  #3399ff 0%,#99cceb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3399ff', endColorstr='#99cceb',GradientType=0 );
  color:#fff;
}

body .navbar ul li span.css-menu-panel {
  display:none;
}

.navbar ul li span.css-menu-panel a {
  font-size:11pt;
  color:#353535;
  padding:8px 0;
  padding-left:35px;
  position:relative;
  background: #3399ff;
  background-image: -moz-linear-gradient(top,  #3399ff 0%, #99cceb 40%, #ebebeb 60%, #ffffff 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3399ff), color-stop(40%,#99cceb), color-stop(60%,#ebebeb), color-stop(100%,#ffffff));
  background-image: -webkit-linear-gradient(top,  #3399ff 0%,#99cceb 40%,#ebebeb 60%,#ffffff 100%);
  background-image: -o-linear-gradient(top,  #3399ff 0%,#99cceb 40%,#ebebeb 60%,#ffffff 100%);
  background-image: -ms-linear-gradient(top,  #3399ff 0%,#99cceb 40%,#ebebeb 60%,#ffffff 100%);
  background-image: linear-gradient(to bottom,  #3399ff 0%,#99cceb 40%,#ebebeb 60%,#ffffff 100%);
  background-position:0 100%;
  background-size:100% 250%;
  transition:background 0.3s, color 0.3s;
}

.navbar ul li span.css-menu-panel a:hover {
  background-position:0 0;
  color:#fff;
}

.navbar ul li span.css-menu-panel a:after {
  color:#666;
  background:#ddd;
  padding:1px;
  border:1px solid #b2b2b2;
  line-height:0.8em;
  content:'⚫';
  font-size:7pt;
  border-radius:5px;
  display:block;
  position:absolute;
  left:15px;
  top:11px;
  transition:color 0.3s, background 0.3s, border 0.3s;
}

.navbar ul li span.css-menu-panel a:hover:after {
  border-color:#319be4;
  background:#319be4;
  color:#fff;
}

div.sidebar > img {
  padding:40px 0 0 15px
}


/* Content */

div.content {
  float: right;
  width: 650px;
  color:#353535;
}
div.content p {
  word-spacing:1px;
}

div.content script + link + h1 {
  display:none;
}

div.content > *:first-child, div.gallery-header > *:first-child {
  margin-top: 0;
}

div.content td > *:first-child {
  margin-top: 0;
}

div.content td > *:last-child {
  margin-bottom: 0;
}

div.content > h1:first-child {
  margin-top:0;
  padding-left:30px;
  position:relative;
  background:url(img/util-icon-b.png) left center no-repeat;
  font-size:1.7em;
}

div.content a {
  color:#000;
}

div.content a:hover {
  text-decoration:none;
}

div.content h1, div.content h2, div.content h3, div.content h4, div.content h5, div.content h6 {
  font-family:adamina;
  color:#0073ce;
  font-weight:normal;
}

div.content h2 {
  font-size:1.4em;
}

/** Footer */

div.footer {
  font-size:9pt;
}

div.footer .footer-top {
  position:relative;
  padding:0 20px 0 30px
}

div.footer .footer-top div {
  position:absolute;
  right:20px;
  bottom:5px;
  color:#333;
}

div.footer .footer-bottom {
  position:relative;
  background:#319be4;
  padding:10px 20px 10px 30px;
  color:#fff;
  text-align:right;
}

div.footer .footer-bottom > div:first-child {
  position:absolute;
  left:30px;
}

div.footer a {
  color:inherit;
  text-decoration:none;
}

div.footer a:hover {
  text-decoration:underline;
}

/** gallery styles */

div.slideshow#image-gallery {
  
}

div#image-gallery a.slides-next, div#image-gallery a.slides-prev {
  background:#333;
  background: rgba(51,51,51,0.6);
  text-decoration: none;
  transition:padding 0.2s, background 0.2s;
  -o-transition:padding 0.2s, background 0.2s;
  -ms-transition:padding 0.2s, background 0.2s;
  -moz-transition:padding 0.2s, background 0.2s;
  -webkit-transition:padding 0.2s, background 0.2s;
  padding:0 5px;
}

div#image-gallery a.slides-next:hover, div#image-gallery a.slides-prev:hover {
  background: #333;
  padding:0 10px;
}

div#image-gallery * {
	padding:0;
	list-style:0;
}

div#image-gallery *:after, div#image-gallery *:before {
	display:none;
}