html,body { background: #FFFFFF;; text-align: center; font-family: Verdana, sans-serif; font-size: small; color: #3F3F3F; }
@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
}
#container { }

.sideBorder {
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px #5C3913 solid;
	border-right: 1px #5C3913 solid;
}
form {
	margin:0px;
	padding:0px;
}
.formObjects {
	width:190px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.formObjectH {
	display:none;
}

p a {
	color:#0000CC;}
h4 a {
	color:#0000CC;}

#img { border: 0;}

#logo img
{
margin-top:0px;
}

#logo
{margin: 0px auto;
width:100%;
background-color:#74181D;
text-align: center;}

.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}

.pSmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0px;
	margin:0px;
	color:#42280D;
	font-weight:normal;
}
a:link, a:active, a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	text-decoration:none;
}
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#74181D;
	text-decoration:underline;
}

#iframe {
	border:0px; 
	overflow:hidden; 
}

#tables{valign: top; 
	padding-top: 2px;}

#tables table{
	margin-bottom:10px;
	border:1px solid #ccc;
	cellspacing:0px;
	cellpadding:0px;
	valign: top; 
	padding-top: 2px;
}


.caption{font-style:italic;}


#footer
{
margin:0px auto;
width:auto;
height:30px;
background-color:#74181D;
color:#fff;
text-align:left;
clear:both;
padding:5px 0px;
}

#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	font-weight:normal;
	text-align: left;
}
padding: 0px 5px;
}

#bottomshadow {background-image:url(bottomshadow.png); background-repeat:no-repeat; margin: 0 auto; text-align: center; width: auto; position: relative;  height:40px; }


#col2{ 
margin: 5px 5px auto 5px; 
width:73%; 
background-color:#FFFFFF;
margin-top:0px; 
margin-left:0px;
overflow:hidden; 
float:left; 
padding-top:0px; 
padding-bottom:0px; 
text-align:justify;
}


#fb-root {
width : 50px;
background-color : #ffffff;
text-align : center;
margin-top : 0;
overflow : hidden;
float : right;
padding-top : 0;
margin-left : 0;
}
#tables table {
margin-bottom : 10px;
border : #ccc solid 1px;
}

@media screen and (min-width: 552px) {
#container { margin: 0 5 5 auto; text-align: center; width: 100%; position: relative; overflow: hidden; }

#container li { font-family: Arial; text-align:left; color:#610000; font-size:1em; 
 }

#audio {
width : 290px;
float : right;
display: block;}

/* Nav Menu */

#area_nav  { 
	list-style: none;
	text-align:center; 
	padding-left: 0px; 
	display:block; }

#area_nav ul {margin-left:0px;}

#area_nav li a 
{ font-family: Georgia, Arial, Helvetica, sans-serif;
margin-top:2px; 
padding: 0px 0px 0px 0px; 
color:#74181D;
background-color : #f1eeeb;
font-size:1.3em; 
text-transform:uppercase;
text-align: center;
word-spacing:1px;
text-decoration:none; 
font-weight:bold;
line-height:2.7em; 
display:block; 
width: auto; 
height: auto;  }

#area_nav li a.current { color:#ffffff; background-color:#74181D; }

#area_nav li a:hover { color:#ffffff; background-color:#74181D; }

#area_nav li {  margin-bottom:3px; }

#area_nav li.first_nav_item { }

#area_nav ul li {
		list-style: none;
		float: left;
}

#menu-trigger {
		display: none;}

#widescreen {
		margin: 0 auto; display: block;}
#smallscreen {
		margin: 0 auto; display: none;}



p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:0px;
	margin:0px;
	color:#42280D;
	font-weight:normal;
	text-align: justify;
}
h1 {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0px;
	word-spacing:1px;
	margin:0px;
	line-height:30px; 
	background-color:#74181D;
	color:#fff;
	font-weight:bold;
	text-align: center;
}
h2 {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:0px;
	margin:0px;
	color:#74181D;
	text-align: left;
	font-weight:bold;
}
h3 {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:0px;
	margin:0px;
	color:#74181D;
	font-weight:bold;
	text-align: center; 
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:0px;
	margin:0px;
	color:#42280D;
	font-weight:normal;
	text-align: center;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:0px;
	margin:0px;
	color:#42280D;
	font-weight:normal;
	text-align: right;
}
h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0px;
	margin:0px;
	line-height:25px; 
	background-color:#74181D;
	color:#fff;
	font-weight:bold;
	text-align: center;
}

em {	font-weight:bold;
}

#col1 { 
margin: 5px 5px auto 5px; 
width:25%; 
text-align: center; 
margin-top:0px; 
overflow:hidden; 
float:left; 
padding-top:0px; 
padding-bottom:0px; 
margin-left:0px;
text-align:left;
}

#col1 img {
	width: 90%;}
#col2 img {
	width: auto;}
#col_main img {
	width: auto;}

#col_list img {
	width: 100%;}

#col2{ 
margin: 5px 5px auto 5px; 
width:73%; 
background-color:#FFFFFF;
text-align: center; 
margin-top:0px; 
overflow:hidden; 
float:left; 
padding-top:0px; 
padding-bottom:0px; 
margin-left:0px;
text-align:justify;
}

#col_main {
margin: 0px 15px 0px 15px ;
width: 95%;
background-color:#FFFFFF;
text-align: justify;
margin-top:5px; 
overflow:hidden; 
float:left; 
padding-top:0px;
}

#col_list{
margin: 0px 15px 0px 15px ;
width: 95%;
background-color:#FFFFFF;
text-align: justify;
margin-top:5px; 
overflow:hidden; 
float:left; 
padding-top:0px;
}

#col_noewa img {
	margin-top:0px;
	width: 60%;}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 50%;
}


#footer
{
margin:0px auto;
width: 100%;
height:30px;
background-color:#74181D;
text-align:left;
clear:both;
padding:5px 0px;
}

#footer p
{padding: 0px 5px;
color:#ffffff;}

#VideoWrapper{
	position: relative;
	padding-bottom: 56.25%;
	height: 500px; 
	border: none;
}

#VideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
	height: 100%;
	border: none;
}
}



@media screen and (max-width: 320px) {
  
#container { width: 320px;}
}



@media screen and (min-width: 1200px) {
  
#container { width: 1200px;}

}


@media screen and (max-width: 551px) {
  
#container { width: 100%;}

#container li { font-family: Arial; text-align:left; color:#610000; font-size:1em; 
 }

#smallscreen {
		margin: 0px 0px 0px 0px; 
		display: block;}

#widescreen {
		margin: 0 auto; display: none;}

#audio {
		margin: 0 auto; display: none;}

#area_nav  { 
	list-style: none;
	text-align: center; 
	padding: 0px 0px 0px 0px; 
	display:block; }

#area_nav ul {margin-left:0px;	list-style: none;
	float: left;}

#area_nav li a 
{ font-family: Georgia, Arial, Helvetica, sans-serif;
display: inline;
float: left;
border: 4px solid #FFFFFF;
margin-top:3px; 
padding: 0px 0px 0px 0px; 
color:#74181D;
background-color : #f1eeeb;
font-size:1.1em; 
text-transform:uppercase;
text-align: center;
word-spacing:1px;
text-decoration:none; 
font-weight:bold;
line-height:2.0em; 

display: block; 
width:46%; 
  }

#area_nav li a.current { color:#ffffff; background-color:#74181D; }

#area_nav li a:hover { color:#ffffff; background-color:#74181D; }

#area_nav li {  margin-bottom:0px; }

#area_nav li.first_nav_item { }

#area_nav ul li {
		list-style: none;
		float: left;}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0px;
	margin:0px;
	color:#42280D;
	font-weight:normal;
	text-align: justify;
}
h1 {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	word-spacing:1px;
	margin:0px;
	line-height:15px; 
	background-color:#74181D;
	color:#fff;
	font-weight:bold;
	text-align: center;
}
h2 {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px;
	color:#74181D; 
	font-weight:bold;
}
h3 {
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0px;
	margin:0px;
	color:#74181D;
	font-weight:bold;
	text-align: center; 
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0px;
	margin:0px;
	color:#42280D;
	font-weight:normal;
	text-align: center;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0px;
	margin:0px;
	color:#42280D;
	font-weight:normal;
	text-align: right;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px;
	line-height:16px; 
	background-color:#74181D;
	color:#fff;
	font-weight:bold;
	text-align: center;
}

#menu-trigger {
		display: none;
		color: #74181D;
		background-color; #f6f5f6;
		padding: 10px;
		text-align: right;
		font-size: 90%;
		cursor: pointer;}

#nav-expanded {
		display:block;}

#col1 { 
margin: 0px 5px auto 5px; 
width: 95%; 
text-align: left; 
margin-top:0px; 
overflow:hidden; 
padding-top:0px; 
padding-bottom:0px; 
text-align:justify;}

#col1 img {
	width: 90%;}
#col2 img {
	width: auto;}
#col_main img {
	width: auto;}
#col_list img {
	width: 100%;}

#col2{ 
margin: 0px 0px auto 0px; 
width:95%; 
background-color:#FFFFFF;
text-align: center; 
margin-top:0px; 
overflow:hidden; 
float: none;
padding-top:0px; 
padding-bottom:0px; 
text-align:justify;}

#col_main {
width: 95%;
margin: 0px 0px auto 0px; 
background-color:#FFFFFF;
text-align: center;
margin-top:0px; 
overflow:hidden; 
float:none; 
padding-top:0px; 
padding-bottom:0px;  
text-align:justify;
}

#col_list{
width: 95%;
margin: 0px 0px auto 0px; 
background-color:#FFFFFF;
text-align: center;
margin-top:0px; 
overflow:hidden; 
float:none; 
padding-top:0px; 
padding-bottom:0px;  
text-align:justify;}

#col_noewa img {
	width: 100%;}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  text-align: center;
}

#footer
{
margin:0px auto;
width: auto;
background-color:#74181D;
text-align:left;
clear:both;
padding:0px 0px;
}

#footer p
{padding: 0px 0px;
color:#ffffff;}

#VideoWrapper{
	position: relative;
	padding-bottom: 56.25%;
	height: 500px; 
	border: none;
}

#VideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
	height: 100%;
	border: none;
}
}
