@CHARSET "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Volkhov:400italic,700italic|Lustria);

/* Stop the editor from having a background */
body#page {
  font-family: Lustria, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  padding: 0;
  margin: 0;
  background: #fff;
  color: #000;
}

a img {
  border: none;
}

div.clearfix {
  clear: both;
}

/* Wrapper */

.wrapper {
  width: 975px;
  margin: 20px auto;
  box-shadow:0 0 8px -2px #333;
  background:#fff;
}

/* Header */

.header {
  background: #f7edd9;
  background: -moz-linear-gradient(top,  #f7edd9 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7edd9), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #f7edd9 0%,#ffffff 100%);
  background: -o-linear-gradient(top,  #f7edd9 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #f7edd9 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #f7edd9 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7edd9', endColorstr='#ffffff',GradientType=0 );
  padding:10px 10px 20px 40px;
  color:#072756;
  font-size:10pt;
}

.header .header-top {
  text-align:right;
  font-size:9pt;
}

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

.header .h-left {
  text-align:center;
  display:inline-block;
}

.header .h-left em {
  font-family:Volkhov;
  font-size:30pt;
  margin-bottom:-10px;
  display:block;
}

.header .h-right {
  position:absolute;
  right:0;
  bottom:10px;
  font-size:11pt;
}

.header .h-right a {
  text-decoration:none;
  color:inherit;
  letter-spacing:0.5px;
}

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

.header div.admin-button {
  position:absolute;
  top:50px;
  left:650px;
  z-index:3;
}

.header div.admin-button a {
  color:inherit;
  font-size:15pt;
}

.header div.font-size {
  display: inline-block;
  border-spacing: 0;  
}

.header div.font-size span.font-btn {
  display: inline-block;
  padding: 0 2px;
  vertical-align: baseline;
  transition: color 0.3s;
  -webkit-transition: color 0.3s;
  cursor:pointer;
}

.header div.font-size span.font-btn:hover {
  color:#8a9ab5;
}

span.font-btn[data-size="10"] {
  font-size: 9.5pt;
}

span.font-btn[data-size="12"] {
  font-size: 12.5pt;
}

span.font-btn[data-size="14"] {
  font-size: 14.5pt;
}


/* Menu bar */

.navbar {
  background:#5f79a0;
  text-align:center;
}

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

.navbar li {
  display: inline-block;
  margin-right:10px;
}

.navbar ul li a {
  padding:8px 20px;
  font-size:9pt;
  text-transform:uppercase;
  display:block;
  color:#fff;
  text-decoration:none;
  transition:color 0.3s;
}

.navbar ul li a:hover, .selectedanchor, .navbar ul li a.current {
  color:#072756
}

/** Drop down menus */

.menubar-menu {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  margin: 0;
  z-index: 1000000;
  background: #5f79a0;
}

.menubar-menu ul {
  margin:0;
  padding: 0;
  list-style-type: none;
}

.menubar-menu ul li a {
  display: block;
  text-decoration: none;
  color: #fff;
  transition:color 0.3s;
  padding:5px 10px;
  font-size:8pt;
  text-transform:uppercase;
}

.menubar-menu a:hover{
  color:#072756;
}

.anylinkshadow {
  display: none;
}

.menu-has-submenu {
  cursor:pointer;
}

/* Banner */

.banner {
  color:#072756;
  position:relative;
  font-size:0;
}

.slide-show {
  position:absolute;
  top:0;
  right:0;
}

.slide-overlay {
  position:relative;
}

.slide-overlay div.slide-text {
  position:absolute;
  bottom:90px;
  left:50px;
  font-size:9.5pt;
}

.slide-overlay div.slide-text h1 {
  font-style:italic;
  font-family:Volkhov;
  color:#5f79a0;
  margin-bottom:5px;
}

.slide-overlay div.slide-text p {
  width:305px;
  text-align:justify;
  font-size:10pt;
  line-height:15pt;
  margin-top:10px;
}


/* Main */

div.main {
  height:auto;
  position:relative;
}

/* Side bar */

div.sidebar {
  float: left;
  width: 220px;
  background:#8a9ab5;
  padding:25px 15px 40px;
  color:#fff;
  height:100%;
}

div.sidebar:before {
  height:100%;
  position:absolute;
  top:0;
  left:0;
  content:0;
  width:250px;
  background:#8a9ab5;
  content:'';
}

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

div.sidebar>ul>li>h3:first-child {
  display:none;
}

div.sidebar>ul>li>div {
  padding:20px 10px 10px 20px;
  letter-spacing:1px;
  font-size:9pt;
  line-height:1.5em;
}

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

div.sidebar ul li {
  background:#5f79a0;
  border-radius:10px;
}

div.sidebar>ul>li:first-child {
  background:none;
}

div.sidebar ul li>* {
  padding-left:10px;
  padding-right:10px;
}

div.sidebar>ul>li>ul {
  padding:0;
}

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

div.sidebar>ul>li>*:first-child {
  padding-top:10px;
}

div.sidebar>ul>li>*:last-child {
  padding-bottom:10px;
}

div.sidebar ul li ul li a {
  display: block;
  color:inherit;
  text-decoration:none;
  text-transform:uppercase;
  font-size:8.5pt;
  letter-spacing:1px;
  padding: 10px 10px 10px 35px;
  position:relative;
  transition:color 0.5s,padding 0.5s;
}

div.sidebar ul li ul li a:hover {
  color:#072756;
  padding-left:45px;
}

div.sidebar ul li ul li a:after {
  content: url(img/sidebar-prefix.png);
  background:#fff;
  transition:background 0.5s;
  position:absolute;
  left:0;
  top:11px;
  font-size:0;
  left:10px;
}

div.sidebar ul li ul li a:hover:after {
  background:#072756;
}

/* Content */

div.content {
  float:right;
  width:650px;
  padding:30px 30px 30px 0;
  color:#333;
  min-height:350px;
  line-height:1.5em;
}

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

div.content a {
  color:#5f79a0;
  text-decoration:none;
}

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

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 {
  font-style:italic;
  font-family:Volkhov;
  color:#5f79a0;
  letter-spacing:1px;
}

div.content h1 {
  position:relative;
  padding-left:30px;
}

div.content h1:after {
  position:absolute;
  left:0;
  bottom:0;
  content:url(img/header-prefix.png);
  
}


/** Footer */

div.footer {
  background:#5f79a0;
  color:#fff;
  font-size:8.5pt;
  padding:15px 20px;
  position:relative;
}

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

div.footer a:hover {
  color:#072756;
}

div.footer div {
  position:absolute;
  bottom:15px;
  right:20px;
  font-size:8pt;
  letter-spacing:0;
}

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