@CHARSET "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Oxygen|Lato:700);

html {
  height:100%;
}

/* Stop the editor from having a background */
body#page {
	font-family: Oxygen, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0;
	margin: 0;
	background: #fff;
	color: #444;
	min-height:100%;
	position:relative;
}

a img {
  border: none;
}

div.clearfix {
  clear: both;
}

/* Wrapper */

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

body > .content-wrap {
  background: #99ccff;
  background: -moz-linear-gradient(top,  #99ccff 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99ccff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #99ccff 0%,#ffffff 100%);
  background: -o-linear-gradient(top,  #99ccff 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #99ccff 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #99ccff 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ccff', endColorstr='#ffffff',GradientType=0 );
  background-size:10px 400px;
  background-repeat:repeat-x;
  background-position:left top;
  padding-bottom:200px;
}

/* Header */

.header {
  background:#0099cc;
  color:#fff;
  font-size:9pt;
  font-weight:bold;
  font-family:lato;
  position:relative;
  z-index:5;
}

.header .wrapper {
  position:relative;
  padding:10px 5px 20px;
}

.header div.admin-button {
  position:absolute;
  top:0;
  left:0;
}

.header div.admin-button a {
  display:block;
  background:#fff;
  color:#0099cc;
  padding:3px 13px 5px;
  border-radius:0 0 15px 15px;
  text-decoration:none;
  transition:padding 0.2s;
}

.header div.admin-button a:hover {
  padding-top:6px;
}

.header div.h-top {
  text-align:right;
  padding:5px;
}

.header div.h-top a {
  color:#fff;
  text-decoration:none;
}

.header div.h-top a:hover {
  text-decoration:underline;
}

.header div.font-size {
  display:inline-block;
  margin-left:20px;
}

.header div.font-size span {
  display:inline-block;
  margin:0 5px;
  
}

.header div.font-size span.font-btn {
  cursor:pointer;
  transition:color 0.3s;
}

.header div.font-size span.font-btn.selected-font,
.header div.font-size span.font-btn:hover {
  color:#9ff;
}

.header div.font-size span[data-size='12'] {
  font-size:11.5pt;
}

.header div.font-size span[data-size='14'] {
  font-size:13.5pt;
}

.header div.h-bottom {
  position:relative;
}

.header div.h-b-logo {}

.header div.h-b-contact {
  position:absolute;
  top:30px;
  right:0;
  text-align:right;
}

.header div.h-b-contact span {
  font-size:14pt;
  margin-bottom:5px;
  display:block;
}


/* Menu bar */

.navbar {
  font-size:10pt;
  text-transform:uppercase;
  text-align:center;
  font-family:lato;
  font-weight:bold;
  padding:5px 0 7px; 
  position:relative;
  z-index:2;
}

.navbar ul {
  margin: 0;
  padding: 0;
  font-size:0;
  list-style: none;
}

.navbar li {
  display: inline-block;
  position:relative;
  margin-left:5px;
}

.navbar li:first-child {
  margin:0;
}

.navbar ul li>a {
  display:block;
  width:150px;
  padding:10px 4px;
  text-decoration:none;
  font-size:11pt;
  background:#d2efff;
  color:#0099cc;
  border-radius:5px;
  position:relative;
  z-index:10;
  cursor:pointer;
  transition:background 0.3s ease 0.2s, color 0.3s, border-radius 0.3s;
}

.navbar ul li.has-dropdown:after {
  content:'';
  background: #99ccff;
  background: -moz-linear-gradient(top,  #99ccff 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99ccff), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #99ccff 0%,#ffffff 100%);
  background: -o-linear-gradient(top,  #99ccff 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #99ccff 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #99ccff 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ccff', endColorstr='#ffffff',GradientType=0 );
  background-size:10px 400px;
  background-repeat:repeat-x;
  background-position:left top;
  position:absolute;
  top:-5px;
  left:0;
  width:100%;
  height:20px;
}

.navbar ul li span {
  font-size:10pt;
  position:absolute;
  top:-200%;
  left:0;
  transition:top 0.5s ease-out;
  border-radius:0 0 5px 5px;
  background:#e6f7ff;
  width:100%;
  padding:5px 0;
  text-align:left;
}

.navbar ul li span a {
  display:block;
  color:#0099cc;
  padding:3px 5px 3px 25px;
  text-decoration:none;
  background:url(img/submenu-arrow.png) -30px center no-repeat;
  transition:background 0.3s;
}

.navbar ul li span a:hover {
  background-position:5px center;
}

.navbar ul li:hover span {
  top:100%;
}

.navbar ul li.has-dropdown:hover>a {
  border-radius:5px 5px 0 0;
}

.navbar ul li:hover>a, .navbar ul li a.current {
  background:#e6f7ff;
  transition:background 0.3s;
}


/* Main */

div.banner {
  margin-bottom:5px 5px 20px;
  background:#fff;
  border:1px solid #cecece;
  padding:5px 5px 30px;
  text-align:center;
  overflow:none;
  position:relative;
  z-index:1;
  font-size:10pt;
}

div.slideshow {
  z-index:5;
}

div.slideshow-over {
  position:absolute;
  bottom:40px;
  width:100%;
  right:0;
  height:80px;
  background:url(img/banner-curve.png) center top no-repeat;
  color:#898989;
  z-index:10;
}

div.slideshow-over em {
  margin-top:30px;
  display:block;
  font-size:12pt;
  letter-spacing:1px;
}

div.slideshow-over em span {
  font-size:15pt;
  color:#0099cc;
}

div.main {
  background:#fff;
  border:1px solid #cecece;
  padding:25px 10px 25px 40px;
  margin-top:7px;
  min-height:350px;
}

/* Content */

div.content {
  width:650px;
  float:left;
  line-height:1.5em;
}

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

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

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

div.content h1,div.content h2,div.content h3,div.content h4,div.content h5,div.content h6 {
  color:#0099cc;
  font-style:italic;
  font-weight:normal;
  font-family:arial;
}

div.content a {
  color:#0099cc;
}

div.content>*:first-child {
  position:relative;
}

div.content>*:first-child:after {
  position:absolute;
  left:-35px;
  top:0;
  content:url(img/sunshine-prefix.png);
}

/* Side bar */

div.sidebar {
  float: right;
  width: 205px;
  font-size:8.9pt;
}

.sidebar-link {
  color:#0099cc;
  text-decoration:none;
}

div.sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

div.sidebar>ul>li:first-child {
  font-style:italic;
  font-weight:normal;
  font-family:arial;
}

div.sidebar>ul>li:first-child p {
  margin:5px 0;
}

div.sidebar>ul>li:first-child>h3:first-child {
  margin:0 0 0.8em;
}

div.sidebar>ul>li>h3:first-child,
div.sidebar h3,
div.sidebar h4{
  color:#0099cc;
  font-family:arial;
  font-style:italic;
  font-weight:normal;
  margin-bottom:0;
  font-size:1.3em;
}

div.sidebar ul li {
  margin-bottom:20px;
}

div.sidebar ul li a {
  text-decoration:none;
  color:#0099cc;
  font-family:arial;
  font-style:italic;
  font-weight:normal;
}

div.sidebar .sidebar-link {}

/** Footer */

div.footer {
  font-size:10pt;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
}

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

div.footer .f-top h3 {
  color:#0099cc;
}

div.footer .f-top div:last-child {
  top:50px;
  right:5px;
  position:absolute;
  margin:0;
}

div.footer .f-top div:last-child img {
  vertical-align:middle;
}

div.footer .f-top div:last-child img:first-child {
  margin-right:25px;
}

div.footer .f-top div {
  margin-right:25px;
  font-style:italic;
  font-family:arial;
  display:inline-block;
  vertical-align:top;
  font-size:9pt;
  color:#515456;
}

div.footer .f-top div:first-child {
  margin-right:35px;
}

div.footer .f-top div:first-child+div {
  margin-right:65px;
}

div.footer .f-top div:first-child p {
  line-height:20pt;
}

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

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

div.footer div.f-bottom {
  background:#0099cc;
  color:#fff;
  font-size:10pt;
}

div.footer div.f-bottom .wrapper {
  position:relative;
  padding:5px 5px 8px;
}

div.footer div.f-bottom .wrapper div {
  position:absolute;
  top:5px;
  right:5px;
}

/** 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;
}

div.banner div#head-gallery ul.slides-pagination {
  display:block;
  font-size:0;
  text-align:center;
  width:100%;
  top:375px;
}

div.banner div#head-gallery ul.slides-pagination li {
  display:inline-block;
  margin:0;
  padding:0;
}

div.banner div#head-gallery ul.slides-pagination li a {
  line-height:auto;
  font-size:0pt;
  background-color:#424242;
  border-radius:50%;
  width:12px;
  height:12px;
  display:block;
  vertical-align:middle;
}

div.banner div#head-gallery ul.slides-pagination li a:hover,
div.banner div#head-gallery ul.slides-pagination li.selected a {
  background:#0099cc;
}