body
	{
	background-image:
	url('/images/2016/trolan_footer.jpg'),
	url('/images/2016/trolan_header.jpg');
	background-attachment: scroll, scroll;
	background-size:100px 100px, 100% 185px;
	background-position: bottom, top;
	background-repeat: repeat-x, no-repeat;

	font-family: Verdana, Geneva, sans-serif;
	}

@font-face
	{
	font-family: 'TrolanFont';
	src: url('/font/trol_italic.eot');					/* IE9 Compat Modes */
	src: url('/font/trol_italic.eot?#iefix') format('embedded-opentype'),	/* IE6-IE8 */
	url('/font/trol_italic.woff') format('woff'),				/* Modern Browsers */
	url('/font/trol_italic.ttf')  format('truetype'),			/* Safari, Android, iOS */
	url('/font/trol_italic.svg#svgFontName') format('svg');			/* Legacy iOS */
	}

.trolanfont
	{font-family: 'TrolanFont'; font-size: 1.5625em;}

strong
	{font-family: Verdana, Geneva, sans-serif;}

div#bpage {position: relative; width: 1000px; height: auto; margin: 0 auto 0 auto;}

header {position: relative; top: -10px; height: auto;}
img.mheader {display: block; margin: 0 auto 0 auto;}
footer {position: relative; bottom: 115px;}
p {display: inline;}


.padding {padding: 30px;}
.floatleft {float: left;}
.footleft {float: left; margin-top: 100px; padding-left: 20px;}
.footright {float: right; width: 450px;}
.ss {float: right; margin: 10px 0px 50px 50px;}
.clear {clear: both;}

.container {width: 50%;}
.container40 {width: 40%; padding-right: 20px;}
.container35 {width: 35%; padding-right: 20px;}

.padright {padding-left: 50px;}
.paddown {margin-top: 50px;}
.paddown100 {margin-bottom: 200px;}
.centered {display: block; margin: 0 auto 0 auto;}

.keywords {display: none;}
.textcenter {text-align: center;}
.textup {font-size: 125%;}
span.textup {font-size: 125%;}
.text150 {font-size: 150%;}
.textdown {font-size: 75%;}
.litextdown {font-size: 125%;}
.nospace {display: none;}
.just {text-align: justify;}
span.text20 {font-size: 1.5em;}
p.inline {display: inline-block;}
ul {list-style-type: circle;}
span.dblock {display: block;}
.cur {cursor: pointer;}
object {width:100%; min-height: 600px;}

ul#ulpage {list-style-type: circle; overflow: auto; background-color: transparent;}
li.lipage {float: none; margin-bottom: 20px;}

/*Navigation*/
.mcenter {display: block; margin: 0 auto;}

ul.ulm {
    list-style-type: none;
    margin: 2px auto 0 150px;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
}

li.lim {display: inline;}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {background-color: #6a9b7c;}

li.dropdown {display: inline-block;}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 10em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {display: block;}

a.up {font-size: 125%;}

/*Form*/
textarea {
	 resize: none;
	 width: 31.25em;
	 height: 6.25em;
	 padding: 10px;
}

input, textarea, select, checkbox
	{
	background-color: #ffffff;
	color: black;
	border: 2px solid #6a9b7c;
	border-radius:5px;
	box-shadow: 0px 0px 10px #46825c;
	margin-top: 10px;
	}

input
	{
	padding: 10px;
	}

button
	{
	background-color: #ffffff;
	color: black;
	border: 2px solid #6a9b7c;
	border-radius:5px;
	box-shadow: 0px 0px 10px #46825c;
	margin-top: 10px;
	font-size: 125%;
	padding: 10px;
	}

/*Gallery*/

    a.fancybox img {
        border: none;
        -o-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -webkit-transform: scale(1,1); transform: scale(1,1);
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    a.fancybox:hover img {
        position: relative; z-index: 999;
        -o-transform: scale(1.15,1.15);
        -ms-transform: scale(1.15,1.15);
        -moz-transform: scale(1.15,1.15);
        -webkit-transform: scale(1.15,1.15);
        transform: scale(1.15,1.15);
    }

    img.paddright {padding-left: 20px; padding-bottom: 20px;}


/*TABLETS*/
@media only screen and (max-width: 699px)	{
	body {width: 100%; height: auto; margin-left: auto; margin-right: auto; padding: 0px;}
	div#bpage {position: relative; width: 100%; height: auto; margin: 0 auto 0 auto;}
	ul.ulm {background-color: #46825c; margin: 0 auto;}
	li.lim {background-color: #46825c;}
	li.dropdown {background-color: #46825c;}
	li.lim a:hover {background-color: #46825c;}
	li a:hover, .dropdown:hover .dropbtn {background-color: #46825c;}
	.mimg {display: block; margin: 0 auto 0 auto;}
	.floatleft {float: none;}
	.footleft {float: left; width: auto; margin-top: 0px; padding-left: 20px;}
	.ss {display: block; float: none; margin: 0px auto 30px auto;}
	.container {width: 100%;}
	.container40 {width: 40%; padding-right: 20px;}
	.container35 {width: 100%; padding-right: 0px;}
	.padright {padding-left: 0px;}
	img.imghome {display: none;}
	.thide {display: none;}
	}

/*MOBILE*/
@media only screen and (max-width: 480px)	{
	body {width: 100%; height: auto; margin-left: auto; margin-right: auto; font-family: Verdana, Geneva, sans-serif; padding: 0px;}
	div#bpage {position: relative; width: 100%; height: auto; margin: 0 auto 0 auto;}
	footer {bottom: 100px;}
	img.mheader {display: block; width: 100%; height: auto; margin: 0 auto 0 auto;}
	img.mimg {display: block; width: 70%; height: auto; margin: 0 auto 0 auto;}
	img.hname {position: relative; left: auto; margin-left: auto; margin-right: auto;}
	.padding {padding: 10px;}
	.footleft {float: none; width: auto; margin-top: 0px; padding-left: 10px;}
	.footright {float: right; width: 450px;}
	.ss {display: block; float: none; margin: 0px auto 20px auto;}
	img.office {width: 100%; height: auto;}
	.text150 {font-size: 125%;}
	.textcenter {display: block; margin: 0 auto;}
	span.text20 {font-size: 1.125em;}
	li#page {float: none; margin-bottom: 20px; width: 90%;}
	/* Navigation */
	ul.ulm {display: block; overflow: hidden; background-color: #46825c; margin: 0 auto;}
	li.lim {float: left; min-width: 50%; text-align: center; background-color: #46825c;}
	li.dropdown {float: left; min-width: 50%; text-align: center; background-color: #46825c;}
	li.lim a:hover {background-color: #46825c; color: white;}
	li a:hover, .dropdown:hover .dropbtn {background-color: #46825c;}
	li.border {border-bottom-style: solid; border-color: #ffffff; border-width: 0.0625em;}
	.dropdown:hover .dropdown-content {display: block; font-size: 100%;}
	.dropdown-content {min-width: 50%;}
	.container {width: 100%;}
	.container40 {width: 100%; height: auto; padding-right: 0px;}
	.container35 {width: 100%; height: auto; padding-right: 0px;}
	.padright {padding-left: 0px;}
	span.block {display: block;}
	span.dblock {display: none;}
	img.imghome {display: none;}
	.mhide {display: none;}
	textarea {width: 20em;}
	.litextdown {font-size: 65%;}
	.mjust {text-align: justify;}
	.trolanfont {font-family: Verdana, Geneva, sans-serif; font-size: 1em;}
	img.paddright {display: inline-block; padding-left: 5px; padding-bottom: 5px; margin: 0 auto 10px auto;}
	}