@charset "UTF-8";
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/*VARIABLES*/
/******************************************************************
Site Name:
Author:

Stylesheet: Colors

Here is where we declare all our colors, 
We want to make sure this file ONLY contains variables that way
our files don't get all messy.

******************************************************************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Images & gradients

Here is where we declare all our images and gradients, 
We want to make sure this file ONLY contains variables that way
our files don't get all messy.

******************************************************************/
/* TAB MENU */
html {
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html * {
  box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, menu, figure, figcaption {
  margin: 0;
  padding: 0; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: bold; }

img {
  border: 0; }

menu li {
  list-style: none; }

address {
  font-style: normal; }

/******************************************************************
Site Name:
Author:

Stylesheet: Typography

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*  common classes -------------------------------------------------------------------*/
.center {
  text-align: center; }

.margin {
  margin: 5px; }

.pad {
  padding: 5px; }

.block {
  display: block; }

.inline {
  display: inline-block; }

.fleft {
  float: left; }

.fright {
  float: right; }

.clear {
  clear: both; }

.bold {
  font-weight: bold; }

@font-face {
  font-family: 'icomoon';
  src: url("icomoon.eot?iufkok");
  src: url("icomoon.eot?#iefixiufkok") format("embedded-opentype"), url("icomoon.woff?iufkok") format("woff"), url("icomoon.ttf?iufkok") format("truetype"), url("icomoon.svg?iufkok#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"], .icon {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-home:before {
  content: "\e600"; }

.icon-camera:before {
  content: "\e601"; }

.icon-camera2:before {
  content: "\e602"; }

.icon-file:before {
  content: "\e603"; }

.icon-qrcode:before {
  content: "\e623"; }

.icon-phone:before {
  content: "\e604"; }

.icon-search:before {
  content: "\e624"; }

.icon-zoomin:before {
  content: "\e625"; }

.icon-zoomout:before {
  content: "\e626"; }

.icon-menu:before {
  content: "\e605"; }

.icon-download:before {
  content: "\e606"; }

.icon-upload:before {
  content: "\e607"; }

.icon-star:before {
  content: "\e608"; }

.icon-close:before {
  content: "\e609"; }

.icon-checkmark:before {
  content: "\e60a"; }

.icon-minus:before {
  content: "\e60b"; }

.icon-plus:before {
  content: "\e60c"; }

.icon-mail:before {
  content: "\e60d"; }

.icon-arrow-left:before {
  content: "\e60e"; }

.icon-arrow-down:before {
  content: "\e60f"; }

.icon-arrow-up-upload:before {
  content: "\e610"; }

.icon-arrow-right:before {
  content: "\e611"; }

.icon-arrow-left2:before {
  content: "\e612"; }

.icon-arrow-down2:before {
  content: "\e613"; }

.icon-arrow-up:before {
  content: "\e614"; }

.icon-arrow-right2:before {
  content: "\e615"; }

.icon-arrow-left3:before {
  content: "\e616"; }

.icon-arrow-down3:before {
  content: "\e617"; }

.icon-arrow-up2:before {
  content: "\e618"; }

.icon-arrow-right3:before {
  content: "\e619"; }

.icon-arrow-left4:before {
  content: "\e61a"; }

.icon-arrow-down4:before {
  content: "\e61b"; }

.icon-arrow-up3:before {
  content: "\e61c"; }

.icon-arrow-right4:before {
  content: "\e61d"; }

.icon-arrow-left5:before {
  content: "\e61e"; }

.icon-arrow-down5:before {
  content: "\e61f"; }

.icon-arrow-up4:before {
  content: "\e620"; }

.icon-uniE621:before {
  content: "\e621"; }

.icon-menu2:before {
  content: "\e622"; }

/******* AFTER ********/
.icon-home-after:after {
  content: "\e600"; }

.icon-camera-after:after {
  content: "\e601"; }

.icon-camera2-after:after {
  content: "\e602"; }

.icon-file-after:after {
  content: "\e603"; }

.icon-qrcode-after:after {
  content: "\e623"; }

.icon-phone-after:after {
  content: "\e604"; }

.icon-search-after:after {
  content: "\e624"; }

.icon-zoomin-after:after {
  content: "\e625"; }

.icon-zoomout-after:after {
  content: "\e626"; }

.icon-menu-after:after {
  content: "\e605"; }

.icon-download-after:after {
  content: "\e606"; }

.icon-upload-after:after {
  content: "\e607"; }

.icon-star-after:after {
  content: "\e608"; }

.icon-close-after:after {
  content: "\e609"; }

.icon-checkmark-after:after {
  content: "\e60a"; }

.icon-minus-after:after {
  content: "\e60b"; }

.icon-plus-after:after {
  content: "\e60c"; }

.icon-mail-after:after {
  content: "\e60d"; }

.icon-arrow-left-after:after {
  content: "\e60e"; }

.icon-arrow-down-after:after {
  content: "\e60f"; }

.icon-arrow-up-upload-after:after {
  content: "\e610"; }

.icon-arrow-right-after:after {
  content: "\e611"; }

.icon-arrow-left2-after:after {
  content: "\e612"; }

.icon-arrow-down2-after:after {
  content: "\e613"; }

.icon-arrow-up-after:after {
  content: "\e614"; }

.icon-arrow-right2-after:after {
  content: "\e615"; }

.icon-arrow-left3-after:after {
  content: "\e616"; }

.icon-arrow-down3-after:after {
  content: "\e617"; }

.icon-arrow-up2-after:after {
  content: "\e618"; }

.icon-arrow-right3-after:after {
  content: "\e619"; }

.icon-arrow-left4-after:after {
  content: "\e61a"; }

.icon-arrow-down4-after:after {
  content: "\e61b"; }

.icon-arrow-up3-after:after {
  content: "\e61c"; }

.icon-arrow-right4-after:after {
  content: "\e61d"; }

.icon-arrow-left5-after:after {
  content: "\e61e"; }

.icon-arrow-down5-after:after {
  content: "\e61f"; }

.icon-arrow-up4-after:after {
  content: "\e620"; }

.icon-uniE621-after:after {
  content: "\e621"; }

.icon-menu2-after:after {
  content: "\e622"; }

/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
html {
  background-color: white; }

html.zoom {
  -webkit-transform: scale(1.5);
  -webkit-transform-origin: top left;
  -moz-transform: scale(1.5);
  -moz-transform-origin: top left;
  -o-transform: scale(1.5);
  -o-transform-origin: top left;
  -ms-transform: scale(1.5);
  -ms-transform-origin: top left; }

body {
  font-family: "Meiryo UI", "MS UI Gothic", "arial", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px; }

div.slider-wrapper {
  overflow: hidden !important; }

div.nivoSlider > img {
  display: none; }

section.hptable div {
  display: inline-block;
  width: 221px;
  margin: 5px;
  border: 1px dotted #DDD;
  border-radius: 10px;
  vertical-align: top; }
  section.hptable div p {
    text-align: left; }

section.content ul li {
  background: url(../images/aju/listitem.png) no-repeat 0 0.5em;
  padding-left: 14px;
  list-style-type: none; }

/*********************
LINK STYLES
*********************/
a, a:visited {
  color: #3f55a7;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #0059b3; }
  a:focus, a:visited:focus {
    outline: black thin dotted; }
  a:link, a:visited:link {
    /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
HEADER STYLES
*********************/
img.logo,
#logo {
  display: block;
  width: 166px;
  height: 113px;
  color: transparent; }

div.upbox {
  padding: 10px; }

/*********************
POSTS & CONTENT STYLES
*********************/
/*  margin -------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 20px;
  margin-top: 30px; }

p, ul, ol, dl {
  margin-bottom: 20px; }

/*  general tags  -------------------------------------------------------------------*/
h2 {
  border-bottom: dotted 1px #DDD;
  padding: 12px 0px 12px 17px;
  background-color: #ffffc3;
  font-weight: bold; }

h3 {
  border-bottom: dotted 1px #333;
  padding: 12px 0px 12px 20px;
  font-weight: bold;
  background: url(../images/aju/h3_list.gif) left center no-repeat; }

h4 {
  border-bottom: dotted 1px #333;
  padding: 12px 0px 12px 20px;
  font-weight: bold;
  background: url(../images/aju/h4_list.gif) left center no-repeat; }

h5 {
  padding: 12px 0px 12px 20px;
  font-weight: bold;
  background: url(../images/aju/h3_list.gif) left center no-repeat; }

h6 {
  padding: 12px 0px 12px 20px;
  font-weight: bold;
  background: url(../images/aju/h4_list.gif) left center no-repeat; }

p {
  line-height: 1.6;
  padding: 5px; }

ul {
  margin-left: 16px; }
  ul.links li {
    background: url(../images/aju/ul_list.gif) left center no-repeat;
    padding-left: 14px;
    line-height: 1.2;
    margin-bottom: 10px;
    list-style-type: none; }

ol {
  margin-left: 30px; }
  ol.links li {
    list-style-type: decimal;
    line-height: 1.2;
    margin-bottom: 10px; }

dl dt {
  font-weight: bold;
  border-bottom: dotted 1px #DDD;
  padding: 0px 0px 4px 0px;
  margin-bottom: 10px;
  overflow: hidden; }

dl dd {
  margin-left: 0.5em;
  margin-bottom: 10px; }

hr {
  height: 12px;
  border: 0;
  box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
  margin: 30px 0; }

strong {
  border-bottom: dotted 1px #666;
  padding-bottom: 2px;
  margin: 0px 0.5em; }

table {
  border-collapse: collapse; }

img.alignright {
  float: left; }

img.alignleft {
  float: right; }

img.aligncenter {
  margin: auto; }

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #000;
  border-radius: 3px;
  vertical-align: middle;
  box-shadow: none;
  border: 0;
  width: 100%;
  max-width: 400px;
  font-family: "sans-serif";
  background-color: #EEE;
  border: 1px solid #DDD;
  -webkit-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: white;
    outline: none;
    border: 1px solid #CCC; }
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid,
  .field.error,
  .field.is-invalid {
    color: #C73C3C;
    border-color: #C73C3C;
    background-color: #FFF;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
    outline-color: #C73C3C; }
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid,
  .field.success,
  .field.is-valid {
    color: #82C73C;
    border-color: #82C73C;
    background-color: #FFF;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #82C73C; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #CCC;
    opacity: 0.6; }
    input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
    input[type="password"][disabled]:focus,
    input[type="password"][disabled]:active,
    input[type="password"].is-disabled:focus,
    input[type="password"].is-disabled:active,
    input[type="datetime"][disabled]:focus,
    input[type="datetime"][disabled]:active,
    input[type="datetime"].is-disabled:focus,
    input[type="datetime"].is-disabled:active,
    input[type="datetime-local"][disabled]:focus,
    input[type="datetime-local"][disabled]:active,
    input[type="datetime-local"].is-disabled:focus,
    input[type="datetime-local"].is-disabled:active,
    input[type="date"][disabled]:focus,
    input[type="date"][disabled]:active,
    input[type="date"].is-disabled:focus,
    input[type="date"].is-disabled:active,
    input[type="month"][disabled]:focus,
    input[type="month"][disabled]:active,
    input[type="month"].is-disabled:focus,
    input[type="month"].is-disabled:active,
    input[type="time"][disabled]:focus,
    input[type="time"][disabled]:active,
    input[type="time"].is-disabled:focus,
    input[type="time"].is-disabled:active,
    input[type="week"][disabled]:focus,
    input[type="week"][disabled]:active,
    input[type="week"].is-disabled:focus,
    input[type="week"].is-disabled:active,
    input[type="number"][disabled]:focus,
    input[type="number"][disabled]:active,
    input[type="number"].is-disabled:focus,
    input[type="number"].is-disabled:active,
    input[type="email"][disabled]:focus,
    input[type="email"][disabled]:active,
    input[type="email"].is-disabled:focus,
    input[type="email"].is-disabled:active,
    input[type="url"][disabled]:focus,
    input[type="url"][disabled]:active,
    input[type="url"].is-disabled:focus,
    input[type="url"].is-disabled:active,
    input[type="search"][disabled]:focus,
    input[type="search"][disabled]:active,
    input[type="search"].is-disabled:focus,
    input[type="search"].is-disabled:active,
    input[type="tel"][disabled]:focus,
    input[type="tel"][disabled]:active,
    input[type="tel"].is-disabled:focus,
    input[type="tel"].is-disabled:active,
    input[type="color"][disabled]:focus,
    input[type="color"][disabled]:active,
    input[type="color"].is-disabled:focus,
    input[type="color"].is-disabled:active,
    select[disabled]:focus,
    select[disabled]:active,
    select.is-disabled:focus,
    select.is-disabled:active,
    textarea[disabled]:focus,
    textarea[disabled]:active,
    textarea.is-disabled:focus,
    textarea.is-disabled:active,
    .field[disabled]:focus,
    .field[disabled]:active,
    .field.is-disabled:focus,
    .field.is-disabled:active {
      background-color: #3C95C7; }

input[type="password"] {
  letter-spacing: 0.3em; }

input[type="submit"], button:not([class]) {
  padding: 10px 50px;
  font-size: 150%;
  text-shadow: 1px 1px 1px white;
  background: linear-gradient(#FFF 41%, #EEE 62%, #CCC);
  border: 1px solid #AAA;
  border-radius: 4px;
  box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.3);
  cursor: pointer; }
  input[type="submit"]:hover, button:not([class]):hover {
    background: linear-gradient(#FFC 41%, #EEB 62%, #CC9); }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center; }

div.auto_grid div.auto_item {
  text-align: left; }
  div.auto_grid div.auto_item.nothumb {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin: 10px;
    padding: 10px 10px 30px;
    position: relative; }
    div.auto_grid div.auto_item.nothumb a {
      text-decoration: none;
      font-weight: bold;
      display: block; }
    div.auto_grid div.auto_item.nothumb div.excerpt {
      background: white;
      height: 62px;
      margin-top: 10px;
      margin-bottom: 3px;
      padding: 10px;
      overflow: hidden; }
      div.auto_grid div.auto_item.nothumb div.excerpt a {
        position: absolute;
        right: 10px;
        bottom: 5px; }
    div.auto_grid div.auto_item.nothumb.empty {
      border: 0;
      border-left: 4px solid #CCC;
      background-color: #EEE;
      padding: 10px; }
      div.auto_grid div.auto_item.nothumb.empty:not(.childs) div {
        display: none; }
  div.auto_grid div.auto_item.childs ul {
    border: 1px dotted #CCC;
    padding: 5px; }
  div.auto_grid div.auto_item.childs li:before {
    content: "→";
    float: left;
    color: #696969;
    margin-right: 5px; }
  div.auto_grid div.auto_item.childs li {
    background: none;
    padding: 0; }
    div.auto_grid div.auto_item.childs li a {
      font-weight: normal; }
  div.auto_grid div.auto_item.thumb {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #CCC;
    margin: 3px;
    border-radius: 4px;
    width: 100%; }
    div.auto_grid div.auto_item.thumb a {
      text-decoration: none;
      font-weight: bold;
      display: block;
      text-align: center;
      background: #CCC; }
      div.auto_grid div.auto_item.thumb a figure {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 140px; }
        div.auto_grid div.auto_item.thumb a figure img {
          width: 100%;
          height: auto;
          position: relative;
          top: -10px; }
      div.auto_grid div.auto_item.thumb a figcaption {
        padding: 8px 25px 8px 8px;
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 5px);
        position: relative; }
        div.auto_grid div.auto_item.thumb a figcaption.fixed {
          max-width: 100%;
          padding: 8px; }
        div.auto_grid div.auto_item.thumb a figcaption i {
          color: #666;
          position: absolute;
          font-size: 150%;
          top: 10px;
          right: 5px; }
          div.auto_grid div.auto_item.thumb a figcaption i:before {
            content: "\e618"; }
        div.auto_grid div.auto_item.thumb a figcaption.closed i:before {
          content: "\e617"; }
    div.auto_grid div.auto_item.thumb div {
      padding: 10px 10px 30px 10px;
      position: relative; }
      div.auto_grid div.auto_item.thumb div a {
        position: absolute;
        bottom: 0px;
        width: 100%;
        left: 0px; }

div.auto_inline div.auto_item > h2 {
  background-color: #C9DDFF;
  border: 0;
  border-radius: 8px;
  margin: 0 0 2px 0;
  cursor: pointer; }
  div.auto_inline div.auto_item > h2 a {
    text-decoration: none; }
    div.auto_inline div.auto_item > h2 a:hover {
      text-decoration: underline; }
  div.auto_inline div.auto_item > h2 i {
    position: relative;
    font-size: 150%;
    color: #666;
    float: right;
    top: 0px;
    right: 10px; }
    div.auto_inline div.auto_item > h2 i:before {
      content: "\e617"; }

div.auto_inline div.auto_item div.auto_content {
  display: none;
  padding: 10px; }
  div.auto_inline div.auto_item div.auto_content > h2:first-child {
    margin-top: 0; }

div.auto_inline div.auto_item.open i:before {
  content: "\e618"; }

#wp-calendar {
  font-size: 80%; }
  #wp-calendar > caption {
    font-size: 120%;
    font-weight: bold; }
  #wp-calendar th, #wp-calendar td {
    border: 1px solid #CCC;
    text-align: center; }
  #wp-calendar td.event {
    background-color: #3f55a7; }
    #wp-calendar td.event a {
      color: white;
      display: block; }

table.fc-header td {
  border: 0; }

table.fc-header th {
  border: 0; }

table.fc-header span.fc-header-title {
  display: block; }

div.EO_Event_List_Widget ul.eo-events {
  margin: 0; }
  div.EO_Event_List_Widget ul.eo-events li {
    border-radius: 8px;
    margin: 5px 0px !important;
    padding: 2px 5px;
    list-style: none;
    background-image: none; }
    div.EO_Event_List_Widget ul.eo-events li.eo-event-future {
      background-color: #EEE; }
    div.EO_Event_List_Widget ul.eo-events li.eo-event-running {
      background-color: #f7bbbb; }

span.line > span {
  display: block; }

div.gallery {
  width: 100%; }
  div.gallery .gallery-item {
    display: inline-block;
    margin: 13px;
    background: #EEE;
    padding: 8px;
    border: 1px solid #DDD;
    box-shadow: 2px 2px 11px rgba(0, 0, 0, 0.2);
    vertical-align: top; }
    div.gallery .gallery-item .gallery-icon a img {
      border: 1px solid #CCC; }
    div.gallery .gallery-item .gallery-caption {
      display: block;
      text-align: center; }
  div.gallery br {
    display: none; }

#gallery-1 .gallery-item {
  float: none !important;
  width: 30% !important; }
  #gallery-1 .gallery-item img {
    width: 100%;
    height: auto; }

#sitetree-pages ul.sitetree-list > li > a {
  font-size: 140%;
  display: block;
  border-bottom: 1px solid #CCC;
  text-decoration: none;
  font-weight: bold; }

#sitetree-posts ul.sitetree-list > li > a {
  display: block;
  border-bottom: 1px solid #CCC;
  text-decoration: none; }

#sitetree-pages, #sitetree-posts {
  font-size: 90%; }
  #sitetree-pages h3.sitetree-title, #sitetree-posts h3.sitetree-title {
    margin-top: 0; }
  #sitetree-pages ul.sitetree-list ul, #sitetree-posts ul.sitetree-list ul {
    margin-left: 30px; }
  #sitetree-pages ul.sitetree-list ul.children, #sitetree-posts ul.sitetree-list ul.children {
    list-style-type: decimal; }
    #sitetree-pages ul.sitetree-list ul.children ul.children, #sitetree-posts ul.sitetree-list ul.children ul.children {
      list-style-type: lower-latin; }
      #sitetree-pages ul.sitetree-list ul.children ul.children ul.children, #sitetree-posts ul.sitetree-list ul.children ul.children ul.children {
        list-style-type: lower-roman; }
        #sitetree-pages ul.sitetree-list ul.children ul.children ul.children ul.children, #sitetree-posts ul.sitetree-list ul.children ul.children ul.children ul.children {
          list-style-type: disc; }
  #sitetree-pages ul.sitetree-list li, #sitetree-posts ul.sitetree-list li {
    background: none;
    padding: 0;
    list-style-type: inherit; }
    #sitetree-pages ul.sitetree-list li span, #sitetree-posts ul.sitetree-list li span {
      font-size: 90%;
      margin-left: 15px;
      color: #666;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

table:not([class]) th {
  padding: 6px;
  font-weight: normal;
  border: 1px solid #CCC;
  text-align: left;
  background-color: #EEE; }

table:not([class]) td {
  padding: 6px;
  font-weight: normal;
  border: 1px solid #CCC; }

table:not([class]) thead th {
  background-color: #ffffc3;
  text-align: center;
  font-weight: bold; }

html.contrast {
  background: none !important; }
  html.contrast * {
    background: transparent !important;
    color: black !important;
    border-color: black !important; }
  html.contrast section.table, html.contrast section.content,
  html.contrast section.news, html.contrast section.facebook,
  html.contrast aside #sidebar, html.contrast menu, html.contrast .uplinks,
  html.contrast div.upfonts a, html.contrast .auto_item > h2,
  html.contrast ul.menu a {
    box-shadow: none;
    border: 2px solid black !important; }
  html.contrast menu li {
    background: white !important; }
  html.contrast img, html.contrast a.map {
    filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%);
    -webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%); }
  html.contrast #wp-calendar td.event {
    background-color: black !important; }
    html.contrast #wp-calendar td.event a {
      color: white !important; }

/* Smartphones */
@media only screen and (max-width: 400px) {
  .tb:not(.sm), .pc:not(.sm) {
    /* tablet & PC*/
    display: none; }
  header div.uplinks a.contact {
    background-color: #0059b3;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    padding: 5px;
    position: absolute;
    right: 5px;
    text-decoration: none;
    top: 70px; }
  header div.upbox div.legend {
    padding: 10px 10px 0 10px; }
  article img {
    max-width: 100%;
    height: 100%; }
  article div.auto_grid {
    text-align: center; }
    article div.auto_grid div.auto_item.thumb {
      width: 100%; }
    article div.auto_grid div.auto_item.nothumb {
      width: 95%; }
    article div.auto_grid div.auto_item.filler {
      display: none !important; }
  h1 time {
    color: #3f55a7;
    padding: 0.3em;
    float: none !important;
    display: block;
    text-align: right; } }

/* Smartphones-wide and small tablets */
@media only screen and (min-width: 401px) and (max-width: 730px) {
  article div.auto_item.thumb {
    width: 100% !important; }
  article div.auto_item.nothumb {
    width: 95% !important; }
  article div.auto_item.filler {
    display: none !important; } }

/* Both smartphones and tablets: */
@media only screen and (max-width: 910px) {
  /* Small devices (inc. tablet) */
  /*** GENERAL ****/
  h1, h2, h3, h4, h5, h5 {
    margin-bottom: 5px;
    margin-top: 5px; }
  h1 {
    border-left: solid 5px #f7bb1f;
    border-bottom: solid 2px #f7bb1f;
    padding: 6px 0px 6px 12px;
    font-weight: bold; }
    h1 time {
      color: #3f55a7;
      padding: 0.3em;
      float: right; }
  i.icon-arrow-right3:before,
  i.icon-arrow-left3:before {
    vertical-align: middle;
    text-decoration: none; }
  i.icon-arrow-right3 {
    color: #808080;
    font-size: 26px;
    right: 5px;
    top: 5px;
    position: absolute; }
  i.icon-arrow-left3 {
    color: #EEE;
    font-size: 26px;
    left: 5px;
    top: 5px;
    position: absolute; }
  /****** ASSORTED ******/
  #eo-widget-next-month {
    text-align: right; }
  a.map:before {
    background-image: url("../images/mapicon.png");
    content: " ";
    display: inline-block;
    height: 16px;
    line-height: 10px;
    margin-left: -18px;
    margin-right: 2px;
    vertical-align: middle;
    width: 12px; }
  /********* HEADER ***********/
  header #menu {
    font-size: 50px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    color: #333;
    z-index: 100; }
    header #menu b {
      bottom: 0;
      right: 6px;
      font-size: 13px;
      position: absolute;
      text-align: center;
      width: 48px; }
    header #menu b.off {
      display: none;
      bottom: 5px;
      font-weight: normal; }
  header #menu.toolbar {
    position: fixed;
    background-color: #333;
    color: #DDD; }
  header #menu.icon-close:before {
    font-size: 36px;
    padding: 5px;
    vertical-align: top; }
  header div.upfonts {
    text-align: center;
    width: 100%; }
    header div.upfonts a {
      display: inline-block;
      vertical-align: middle;
      text-decoration: none;
      text-align: center;
      line-height: 32px;
      font-size: 130%;
      color: white;
      border-radius: 8px;
      cursor: pointer;
      padding: 5px 15px; }
      header div.upfonts a.font {
        background: #3F55A7; }
      header div.upfonts a.contrast {
        background: black; }
  /******** ARTICLE ***********/
  article {
    padding: 10px; }
    article a.more {
      background-color: #0059b3;
      color: white;
      padding: 10px;
      border-radius: 8px;
      display: block;
      text-decoration: none;
      position: relative; }
    article a.more i {
      font-size: 26px;
      color: white; }
    article ul.links {
      border: 1px solid #CCC;
      border-radius: 8px;
      margin-left: 0;
      padding: 15px 10px 10px; }
    article div.auto_tabs {
      padding: 10px;
      border: 1px solid #CCC;
      border-radius: 8px;
      margin: 5px 0; }
      article div.auto_tabs div.auto_item a {
        display: block;
        background: url(../images/aju/listitem.png) no-repeat 0 0.5em;
        background-position: 4px;
        padding: 2px 0px 2px 12px;
        text-decoration: none;
        border-bottom: 1px dotted #CCC; }
        article div.auto_tabs div.auto_item a:last-child {
          border: 0; }
        article div.auto_tabs div.auto_item a:hover {
          background-color: #ffffc3; }
      article div.auto_tabs div.auto_item.sel {
        background-color: #ffffc3;
        border: 1px solid #f7bb1f; }
    article div.article_content h2 {
      margin-top: 5px; }
  /************** FOOTER ****************/
  footer #flinks li {
    list-style: none;
    background: none; }
  footer div.fwrap {
    border-top: 10px solid #f7bb1f; }
    footer div.fwrap div.info {
      padding: 5px;
      max-width: 220px;
      margin: auto; }
      footer div.fwrap div.info div.custom {
        margin-top: 20px; }
      footer div.fwrap div.info div.general {
        margin-top: 20px;
        margin-bottom: 20px; }
  footer #menuwrap {
    padding: 15px;
    background-color: #333;
    border-top: 10px solid #f7bb1f; }
    footer #menuwrap menu li:first-child a {
      border-top: 1px solid #EEE; }
    footer #menuwrap menu a {
      display: block;
      border-left: 1px solid #EEE;
      border-right: 1px solid #EEE;
      border-bottom: 1px solid #EEE;
      padding: 10px;
      position: relative;
      color: #EEE;
      text-decoration: none; }
    footer #menuwrap menu a:hover {
      background-color: #555; }
    footer #menuwrap menu ul.sub-menu {
      display: none; }
    footer #menuwrap #search {
      padding: 5px 0;
      position: relative; }
      footer #menuwrap #search input.search {
        border: 1px solid #CCC;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) inset;
        font-size: 23px;
        height: 40px;
        padding-left: 5px;
        padding-right: 55px;
        width: 100%; }
      footer #menuwrap #search input.search.off {
        color: #808080; }
      footer #menuwrap #search button.search {
        background: none repeat scroll 0 0 #333;
        border: 1px solid #EEE;
        box-shadow: -1px 0 2px rgba(0, 0, 0, 0.5);
        color: #EEE;
        font-size: 24px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 5px;
        width: 51px;
        cursor: pointer; }
  footer #menuwrap.toolbar {
    box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.5);
    position: fixed;
    right: 0;
    top: 60px;
    border-top-width: 0px;
    z-index: 100; }
  footer p.copyright {
    background-color: #333;
    display: block;
    padding: 10px;
    color: #EEE;
    text-align: center;
    font-size: 80%; }
  /***************** SIDE BAR ************************/
  aside {
    width: 95%;
    margin: auto;
    margin-bottom: 10px;
    box-shadow: none; }
    aside #sidebar {
      background: none repeat scroll 0 0 white;
      border-radius: 10px;
      list-style: none;
      padding: 10px; }
      aside #sidebar #wp-calendar {
        margin: auto;
        min-width: 90%; }
  /***** SIDE NAV *****/
  nav {
    margin: 5px; }
    nav a {
      display: block;
      border: 1px solid #f7bb1f;
      border-left: 10px solid #f7bb1f;
      padding: 10px;
      margin: 2px;
      color: blue;
      position: relative; }
    nav a.prev {
      background-color: #333;
      color: white;
      border: 0;
      padding-left: 32px; }
    nav li {
      list-style: none; }
  /************ HOME ****************/
  body.home #slinks {
    display: none; } }

/* Tablets */
@media only screen and (min-width: 401px) and (max-width: 910px) {
  .sm:not(.tb), .pc:not(.tb) {
    /*Smart & PC*/
    display: none; }
  article {
    background: #EEE; }
  section {
    margin: 10px;
    border: 1px solid #DDD;
    background: white;
    border-radius: 8px;
    padding: 10px; }
  a.contact {
    background-color: #0059b3;
    border-radius: 8px;
    color: white;
    padding: 10px 20px;
    position: absolute;
    right: 80px;
    text-decoration: none;
    top: 14px; }
  div.legend {
    position: absolute;
    right: 10px;
    top: 70px;
    display: block;
    padding-left: 150px;
    line-height: 18px; }
  #menuwrap.toolbar {
    width: 50%;
    min-width: 200px;
    max-width: 400px; }
  section.news img,
  section.table img {
    /*TMP*/
    max-width: 100%; }
  section.content div.auto_tabs {
    padding-top: 20px;
    border-bottom: 1px solid #C9DDFF; }
    section.content div.auto_tabs div.auto_item {
      margin: 5px;
      display: inline-block;
      vertical-align: top;
      min-width: 19%;
      padding: 5px;
      border-radius: 8px;
      background-color: #C9DDFF;
      text-align: center; }
      section.content div.auto_tabs div.auto_item:hover {
        background-color: #ffffc3; }
      section.content div.auto_tabs div.auto_item a {
        text-decoration: none;
        display: block; }
      section.content div.auto_tabs div.auto_item.sel {
        background-color: #ffffc3;
        border: 1px solid #f7bb1f; }
  section.content div.auto_item.thumb {
    width: 47%; }
  section.content div.auto_item.nothumb {
    width: 47%; }
  section.content div.auto_item.filler {
    visibility: hidden; }
  footer div.info {
    max-width: 90% !important;
    text-align: center; }
    footer div.info div.custom, footer div.info div.general {
      display: inline-block;
      width: 49%;
      vertical-align: top; }
  /* COLOR BUTTONS */
  #tab_menu {
    height: 133px;
    margin-bottom: 10px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 2px; }
    #tab_menu li.lnk_1 {
      background: url(../images/aju/icon01.png) no-repeat; }
    #tab_menu li.lnk_2 {
      background: url(../images/aju/icon02.png) no-repeat; }
    #tab_menu li.lnk_3 {
      background: url(../images/aju/icon03.png) no-repeat; }
    #tab_menu li.lnk_4 {
      background: url(../images/aju/icon04.png) no-repeat; }
    #tab_menu li.lnk_5 {
      background: url(../images/aju/icon05.png) no-repeat; }
    #tab_menu li.lnk_6 {
      background: url(../images/aju/icon06.png) no-repeat; }
    #tab_menu li.lnk_7 {
      background: url(../images/aju/icon07.png) no-repeat; }
    #tab_menu li.lnk_8 {
      background: url(../images/aju/icon08.png) no-repeat; }
    #tab_menu li.lnk_9 {
      background: url(../images/aju/icon09.png) no-repeat; }
    #tab_menu li.lnk_10 {
      background: url(../images/aju/icon10.png) no-repeat; }
    #tab_menu li.lnk_11 {
      background: url(../images/aju/icon11.png) no-repeat; }
    #tab_menu li.lnk_12 {
      background: url(../images/aju/icon12.png) no-repeat; }
    #tab_menu li.lnk_13 {
      background: url(../images/aju/icon13.png) no-repeat; }
    #tab_menu li.lnk_14 {
      background: url(../images/aju/icon14.png) no-repeat; }
    #tab_menu li.lnk_15 {
      background: url(../images/aju/icon15.png) no-repeat; }
    #tab_menu li.lnk_16 {
      background: url(../images/aju/icon16.png) no-repeat; }
    #tab_menu li.lnk_17 {
      background: url(../images/aju/icon17.png) no-repeat; }
    #tab_menu li.lnk_18 {
      background: url(../images/aju/icon18.png) no-repeat; }
    #tab_menu li.lnk_19 {
      background: url(../images/aju/icon19.png) no-repeat; }
    #tab_menu li.lnk_20 {
      background: url(../images/aju/icon20.png) no-repeat; }
    #tab_menu li.lnk_21 {
      background: url(../images/aju/icon21.png) no-repeat; }
    #tab_menu ul {
      width: 80%;
      width: calc(100% - 70px);
      margin: auto;
      text-align: center; }
      #tab_menu ul li {
        display: inline-block;
        vertical-align: top;
        margin: 2px; }
        #tab_menu ul li a {
          display: block;
          width: 128px;
          height: 128px;
          color: transparent; }
    #tab_menu i {
      color: #808080;
      font-size: 46px;
      line-height: 105px;
      cursor: pointer; } }

/* PC */
@media only screen and (min-width: 911px) {
  .sm:not(.pc), .tb:not(.pc) {
    /* Smart & tablet*/
    display: none; }
  /***** GENERAL *******/
  body {
    background: none; }
    body .maxwidth {
      position: relative;
      max-width: 1100px;
      margin: auto; }
  /****** ASSORTED ******/
  #eo-widget-next-month {
    text-align: right; }
  a.map:before {
    background-image: url("../images/mapicon.png");
    content: " ";
    display: inline-block;
    height: 16px;
    line-height: 10px;
    margin-left: -18px;
    margin-right: 2px;
    vertical-align: middle;
    width: 12px; }
  /***** HEADER *********/
  header {
    position: relative; }
    header div.uplinks {
      background: none repeat scroll 0 0 white;
      border-radius: 0 0 10px 10px;
      box-shadow: 0 0 5px #b7c8e7;
      left: 170px;
      padding: 10px;
      position: absolute;
      top: 0;
      width: 220px;
      text-align: center; }
      header div.uplinks a {
        font-size: 80%;
        background: url(../images/aju/listitem.png) no-repeat 0 0.5em;
        padding-left: 12px; }
    header div.upbox {
      max-width: 50%;
      max-width: calc(100% - 435px);
      position: absolute;
      right: 5px;
      top: 0; }
    header div.upfonts {
      position: absolute;
      left: 450px;
      top: 15px; }
      header div.upfonts a {
        display: inline-block;
        vertical-align: middle;
        text-decoration: none;
        text-align: center;
        line-height: 32px;
        font-size: 130%;
        width: 115px;
        height: 45px;
        color: white;
        border-radius: 8px;
        line-height: 45px;
        cursor: pointer; }
        header div.upfonts a.font {
          background: #3F55A7; }
        header div.upfonts a.contrast {
          background: black; }
  /******** SEARCH ***********/
  #search {
    position: relative;
    display: none; }
    #search input {
      border: 1px solid #CCC;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8) inset;
      height: 30px;
      padding-left: 5px;
      padding-right: 55px;
      width: 100%; }
  #menuwrap {
    top: 75px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0; }
    #menuwrap menu {
      background-color: #0059b3;
      border-radius: 10px;
      color: white;
      display: block;
      text-align: center;
      text-decoration: none;
      white-space: nowrap;
      margin-left: 165px;
      margin-right: 15px; }
      #menuwrap menu > li {
        display: inline-block;
        vertical-align: top;
        width: 12.5%;
        border-right: 1px solid #FFF8; }
        #menuwrap menu > li:first-child {
          border-radius: 10px 0 0 10px; }
        #menuwrap menu > li:last-child {
          border: 0;
          border-radius: 0 10px 10px 0; }
        #menuwrap menu > li:hover {
          background-color: #FFF2; }
          #menuwrap menu > li:hover ul.sub-menu {
            display: block; }
        #menuwrap menu > li a {
          color: white;
          text-decoration: none;
          display: block;
          line-height: 40px; }
          #menuwrap menu > li a i {
            display: none; }
        #menuwrap menu > li ul.sub-menu {
          display: none;
          position: absolute;
          box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
          margin: 0; }
          #menuwrap menu > li ul.sub-menu li {
            background: none repeat scroll 0 0 #0059b3;
            border-left: 5px solid #FFF8;
            border-top: 1px solid #FFF8;
            min-width: 140px; }
            #menuwrap menu > li ul.sub-menu li a {
              text-align: left;
              padding-left: 5px;
              padding-right: 10px; }
              #menuwrap menu > li ul.sub-menu li a:hover {
                background-color: #FFF2; }
  input.search.off {
    color: #808080; }
  button.search {
    background: none repeat scroll 0 0 #333;
    border: 0;
    box-shadow: -1px 0 2px rgba(0, 0, 0, 0.5);
    color: #EEE;
    font-size: 24px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 51px;
    cursor: pointer;
    border-radius: 0 4px 4px 0; }
  /********* FOOTER **********/
  footer {
    border-top: 10px solid #f7bb1f;
    font-size: 80%;
    clear: both;
    padding: 0px 40px; }
    footer a {
      text-decoration: none; }
    footer div.info {
      padding: 20px 0;
      display: inline-block;
      vertical-align: top; }
      footer div.info div.custom {
        margin-top: 20px; }
      footer div.info div.general {
        margin-top: 20px;
        margin-bottom: 20px; }
    footer div.links {
      display: inline-block;
      padding: 20px 0;
      vertical-align: top;
      width: 83%;
      width: calc(100% - 178px); }
      footer div.links #flinks {
        display: block;
        width: 100%;
        table-layout: fixed;
        margin: 0; }
        footer div.links #flinks > li {
          list-style: none;
          background: none;
          font-weight: bold;
          padding: 5px 0;
          display: inline-block;
          width: 168px;
          vertical-align: top; }
          footer div.links #flinks > li > a {
            margin: 10px 14px 10px 0;
            border-bottom: 1px dotted;
            display: block; }
          footer div.links #flinks > li ul.sub-menu {
            margin-left: 0;
            margin-bottom: 0; }
            footer div.links #flinks > li ul.sub-menu li {
              list-style: none;
              display: block;
              background: none;
              border-left: 1px dotted #CCC;
              padding: 3px 0 3px 10px;
              font-weight: normal; }
  /*** MAIN ****/
  #main div.title {
    background: linear-gradient(90deg, rgba(19, 134, 215, 0), #c1ddff) repeat scroll 0 0 transparent;
    border-radius: 10px;
    color: #0059b3;
    font-size: 34px;
    margin: 24px 0 10px;
    padding: 15px 30px 15px 15px;
    text-align: right;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); }
  #main ul.child-pages li {
    border: 1px solid #DDD;
    display: inline-block;
    min-height: 100px;
    margin: 1px;
    vertical-align: top;
    width: 100%; }
    #main ul.child-pages li h2 {
      margin: 0; }
    #main ul.child-pages li div.child-excerpt div {
      padding: 10px; }
  #main ul.mini-pages li {
    border: 1px solid #DDD;
    display: inline-block;
    height: 180px;
    margin: 1px;
    vertical-align: top;
    width: 33%; }
    #main ul.mini-pages li h2 {
      margin: 0; }
    #main ul.mini-pages li div.child-excerpt div {
      padding: 10px; }
  /*** ARTICLE ****/
  article {
    float: left;
    width: 78%;
    width: calc(100% - 250px); }
    article.wide {
      width: 100% !important; }
  /*** SECTIONS ****/
  section.content {
    background: none repeat scroll 0 0 white;
    border-radius: 10px;
    box-shadow: 0 0 5px #b7c8e7;
    margin-bottom: 20px;
    padding: 20px;
    min-height: 600px; }
    section.content h1 {
      background: url(../images/aju/moon.png) no-repeat 10px center;
      border-bottom: 2px solid #f7bb1f;
      font-size: 130%;
      font-weight: bold;
      padding: 6px 0 6px 46px;
      white-space: nowrap;
      position: relative; }
      section.content h1 time {
        color: #3f55a7;
        padding: 0.3em;
        position: absolute;
        right: 0;
        top: 0; }
    section.content table {
      width: 100%; }
    section.content div.article_head {
      margin-bottom: 20px; }
      section.content div.article_head div.breadcrumb {
        background: none repeat scroll 0 0 #ffffc3;
        border-radius: 8px;
        padding: 5px; }
        section.content div.article_head div.breadcrumb a, section.content div.article_head div.breadcrumb span {
          font-size: 80%;
          background: url(../images/aju/listitem.png) no-repeat 0 0.5em;
          padding-left: 12px;
          padding-right: 10px; }
      section.content div.article_head div.auto_tabs {
        padding-top: 20px;
        border-bottom: 1px solid #C9DDFF; }
        section.content div.article_head div.auto_tabs div.auto_item {
          margin: 0 1px;
          display: inline-block;
          vertical-align: top;
          min-width: 19%;
          padding: 5px;
          border-radius: 8px 8px 0 0;
          background-color: #C9DDFF;
          text-align: center; }
          section.content div.article_head div.auto_tabs div.auto_item:hover {
            background-color: #ffffc3; }
          section.content div.article_head div.auto_tabs div.auto_item a {
            text-decoration: none;
            display: block; }
          section.content div.article_head div.auto_tabs div.auto_item.sel {
            background-color: #ffffc3;
            border: 1px solid #f7bb1f;
            border-bottom: 0; }
    section.content div.article_content {
      padding: 10px;
      margin-bottom: 10px; }
      section.content div.article_content h2 {
        margin-top: 5px; }
    section.content div.article_foot div.auto_item.thumb {
      width: 32%; }
    section.content div.article_foot div.auto_item.nothumb {
      width: 47%; }
    section.content div.article_foot div.auto_item.childs {
      height: 141px; }
      section.content div.article_foot div.auto_item.childs ul.auto_link {
        height: 94px;
        overflow-y: auto; }
    section.content div.article_foot div.auto_item.filler {
      visibility: hidden; }
    section.content div.article_foot div.auto_item.wide {
      width: 97% !important;
      width: calc(100% - 28px) !important; }
      section.content div.article_foot div.auto_item.wide.empty ul.auto_link li {
        display: inline-block;
        vertical-align: top;
        width: 48%; }
      section.content div.article_foot div.auto_item.wide:not(.empty) ul.auto_link {
        width: 48%;
        display: inline-block;
        vertical-align: top; }
      section.content div.article_foot div.auto_item.wide:not(.empty) div.excerpt {
        width: 49%;
        display: inline-block;
        vertical-align: top; }
        section.content div.article_foot div.auto_item.wide:not(.empty) div.excerpt a.excerpt-read-more {
          left: 37%;
          right: auto; }
  section.table {
    border-radius: 10px;
    box-shadow: 0 0 5px #b7c8e7;
    text-align: center;
    width: 90%;
    margin: auto;
    margin-top: 20px; }
    section.table img {
      max-width: 100%; }
  section.facebook,
  section.news {
    border-radius: 10px;
    box-shadow: 0 0 5px #b7c8e7;
    display: inline-block;
    padding: 0 20px 0 20px;
    vertical-align: top;
    width: 43%;
    position: relative; }
    section.facebook h1,
    section.news h1 {
      margin-top: 10px; }
    section.facebook a.more,
    section.news a.more {
      background-color: #0059b3;
      color: white;
      padding: 10px;
      border-radius: 10px;
      display: block;
      text-decoration: none;
      position: absolute;
      bottom: 2px;
      left: 2px;
      right: 2px;
      text-align: right; }
  section.facebook {
    height: 500px;
    margin: 10px 5% 20px 2%; }
  section.news {
    height: 500px;
    margin: 10px 2% 20px 5%; }
    section.news dl {
      display: block;
      height: 390px;
      overflow-y: auto; }
    section.news a.more i {
      font-size: 140%;
      vertical-align: middle; }
    section.news a.calender {
      margin-left: -35px;
      margin-top: 55px; }
  section.sleft {
    border-radius: 10px;
    margin: 20px 0 20px 0;
    text-align: center;
    width: 100%;
    padding: 10px; }
  aside {
    width: 230px;
    float: right;
    margin-bottom: 20px;
    margin-top: 5px;
    /***** SIDE NAV *****/ }
    aside nav {
      background: none repeat scroll 0 0 white;
      border-radius: 10px;
      box-shadow: 0 0 5px #b7c8e7;
      list-style: none;
      padding: 10px;
      margin-bottom: 20px; }
      aside nav a.prev {
        display: block;
        margin-bottom: 5px;
        background-color: #0059b3;
        color: white;
        border-radius: 10px;
        padding: 10px 0 10px 12px;
        text-decoration: none; }
        aside nav a.prev:hover {
          color: yellow; }
      aside nav li a {
        display: block;
        background: url(../images/aju/listitem.png) no-repeat 0 0.5em;
        background-position: 4px;
        padding: 2px 0px 2px 12px;
        text-decoration: none;
        border-bottom: 1px dotted #CCC; }
        aside nav li a:last-child {
          border: 0; }
      aside nav li:hover {
        background-color: #ffffc3; }
      aside nav li.sel a {
        background-color: #ffffc3;
        border: 1px solid #f7bb1f; }
    aside #sidebar {
      background: none repeat scroll 0 0 white;
      border-radius: 10px;
      box-shadow: 0 0 5px #b7c8e7;
      list-style: none;
      padding: 10px; }
  /* COLOR BUTTONS */
  #tab_menu {
    height: 133px;
    margin-bottom: 10px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 2px; }
    #tab_menu li.lnk_1 {
      background: url(../images/aju/icon01.png) no-repeat; }
    #tab_menu li.lnk_2 {
      background: url(../images/aju/icon02.png) no-repeat; }
    #tab_menu li.lnk_3 {
      background: url(../images/aju/icon03.png) no-repeat; }
    #tab_menu li.lnk_4 {
      background: url(../images/aju/icon04.png) no-repeat; }
    #tab_menu li.lnk_5 {
      background: url(../images/aju/icon05.png) no-repeat; }
    #tab_menu li.lnk_6 {
      background: url(../images/aju/icon06.png) no-repeat; }
    #tab_menu li.lnk_7 {
      background: url(../images/aju/icon07.png) no-repeat; }
    #tab_menu li.lnk_8 {
      background: url(../images/aju/icon08.png) no-repeat; }
    #tab_menu li.lnk_9 {
      background: url(../images/aju/icon09.png) no-repeat; }
    #tab_menu li.lnk_10 {
      background: url(../images/aju/icon10.png) no-repeat; }
    #tab_menu li.lnk_11 {
      background: url(../images/aju/icon11.png) no-repeat; }
    #tab_menu li.lnk_12 {
      background: url(../images/aju/icon12.png) no-repeat; }
    #tab_menu li.lnk_13 {
      background: url(../images/aju/icon13.png) no-repeat; }
    #tab_menu li.lnk_14 {
      background: url(../images/aju/icon14.png) no-repeat; }
    #tab_menu li.lnk_15 {
      background: url(../images/aju/icon15.png) no-repeat; }
    #tab_menu li.lnk_16 {
      background: url(../images/aju/icon16.png) no-repeat; }
    #tab_menu li.lnk_17 {
      background: url(../images/aju/icon17.png) no-repeat; }
    #tab_menu li.lnk_18 {
      background: url(../images/aju/icon18.png) no-repeat; }
    #tab_menu li.lnk_19 {
      background: url(../images/aju/icon19.png) no-repeat; }
    #tab_menu li.lnk_20 {
      background: url(../images/aju/icon20.png) no-repeat; }
    #tab_menu li.lnk_21 {
      background: url(../images/aju/icon21.png) no-repeat; }
    #tab_menu ul {
      width: 80%;
      width: calc(100% - 70px);
      margin: auto;
      text-align: center; }
      #tab_menu ul li {
        display: inline-block;
        vertical-align: top;
        margin: 2px; }
        #tab_menu ul li a {
          display: block;
          width: 128px;
          height: 128px;
          color: transparent; }
    #tab_menu i {
      color: #808080;
      font-size: 46px;
      line-height: 105px;
      cursor: pointer; } }

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {

	// styles in 2x.scss
	@import "breakpoints/2x";

} // end of media query
*/
/*********************
PRINT STYLESHEET and high contrast (temporally)
*********************/
@media print {
  /******************************************************************
Site Name:
Author:

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  header,
  #logo,
  #menu,
  div.uplinks,
  div.upbox,
  #banner,
  footer,
  div.article_head,
  a.excerpt-read-more,
  nav {
    display: none !important; }
  div.auto_item {
    width: 97% !important;
    width: calc(100% - 28px) !important;
    height: auto !important;
    padding: 5px !important;
    margin: 5px !important; }
  ul.auto_link {
    height: auto !important;
    overflow: visible !important; } }