@charset "utf-8";
/* CSS Document */

body {
    margin:0;
    color:#232323;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-color:#ffffff;
    background-attachment:scroll;
    background-image: url(../_images/image_02.gif);
    background-repeat: repeat-x;
    background-position:top;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span {
    margin:0; padding:0;
}
h3 {
    font:bold 12px/22px Arial, Helvetica, sans-serif;
    color:#96f01d;
}
h2 {
    font:bold 14px/28px Arial, Helvetica, sans-serif;
    color:#6faa1a;
    color:#e47b0d;
}
h1 {
    font:bold 18px/43px Arial, Helvetica, sans-serif;
    color:#e47b0d;
    /*padding-left:15px;*/
}
p {
    font:normal 12px/16px Arial, Helvetica, sans-serif;
    color:#333333;
}
ul {
    margin:0; 
    padding:0; 
    list-style-type:none;
    font-size:0;
    line-height:0;
}
img {
    border:none;
}
nav {
    margin-top:0.5em;
}


.spacer {
    clear:both; 
    font-size:0; 
    line-height:0;
}

#navigation {
}
#navigation ul {
    list-style:none;
}
#navigation ul li {
    font:normal 20px/40px Arial, Helvetica, sans-serif;
    color:#000000;
    display:block;
    text-align:left;
    padding:1px 15px;
}
#navigation ul li a {
    text-decoration:none;
    display:block;
    color:#000000;
}
#navigation ul li a:hover {
    text-decoration:underline;
    display:block;
    color:#CC0000;
}

#main_image {
    margin:0 auto;
    padding:0px;
    /*width:800px;*/
    height:239px;
    background:url(../_images/image_03.jpg) 0 0 no-repeat;
    position: relative;
}

#main_image p{
    color: white;
    font-size: 1.5em;
    font-weight: 700;
    text-shadow: 0.1em 0.1em #000;
    position: absolute;
    bottom: 2.5em;
    left: 1.5em;
}

#content {
    margin:0 auto;
    padding:9px;
    width:820px;
}

.container {			
	width: 820px;
}
.nav-link {				
	color: black;
}

#content-left {
    /*padding-right:25px;*/
    width:29%;
}
#content-right {
    padding:1em;
    /*border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;*/
}
#image {
    width:123px;
    height:123px;
    float:left;
    padding:0 5px 5px 0;
    background:url(../_images/image_11.jpg) 0 0 no-repeat;
}

#logo {
    /*width:200px;*/
    height:60px;
    background:url(../_images/logoLarger.gif) 0 0 no-repeat;
    font:bold 12px/31px Arial, Helvetica, sans-serif;
    color:#333333;
    padding-left:5em;
}

/* footer */
#footer_bottom {
    margin:0 auto;
    padding:0 5px;
    background:#292929;
    /*width:808px;*/
    height:30px;
    border-top:#FFFFFF 1px solid;
    color:#ffc600;
    font:normal 11px/30px Arial, Helvetica, sans-serif;
}
#footer_bottom a {
    text-decoration:none;
    color:#ffc600;
}
#footer_bottom a:hover {
    text-decoration:underline;
}
.slicknav_menu {
        display:none;
}

@media only screen and (max-device-width: 480px) {
	body {
		width: 100%;
		font-size: 100%;
	}
	table, thead, tbody, th, td, tr { 
		display: block; 
		width: 100%;
	}
	#content {
		padding:1em;
		width:100%;
	}
	
	#content-left {
		width:100%;
	}
	#content-right {
		padding:0 2em 0 1em;
		width: 90%;
		border-left: none;
	}
	#content-right iframe {
		width: 100%;
	}
	#image {
		width:95%;
		height:95%;
		float:left;
		padding:0 5px 5px 0;
		background:url(../_images/image_11.jpg) 0 0 no-repeat;
	}
	#footer_bottom {
	    	padding:0 5px;
	    	background:#292929;
	    	width:100%;
	    	height:2em;
	    	border-top:#FFFFFF 1px solid;
	    	color:#ffc600;
	    	font:normal 11px/30px Arial, Helvetica, sans-serif;
	}
	#main_image, #navigation {
		/*display: none;*/
	}
	.slicknav_menu {
                display:block;
        }
}