/* MAIN STYLE SHEET */
/*  */
html, body {height: 100%; margin:0; padding:0;} 
body{position:relative; color:#000; font:62.5% Verdana,Arial,sans-serif;}
ul,ol,li,banner,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{    margin:0;    padding:0;}

banner, h1, h2, h3, h4, h5{  margin:0;  padding: 10px 0 10px 0;  color:#C6454E;}				
banner { font-size: 2.8em; font-family: 'Open Sans', sans-serif; font-weight:600; width:100%; margin-bottom:15px; border-bottom: #eeeeee 1px solid; padding-bottom:5px; }
h1 { font-size: 2.8em; font-family: 'Open Sans', sans-serif; font-weight:600; width:100%; margin-bottom:15px; border-bottom: #eeeeee 1px solid; padding-bottom:5px; }
h2 { font-size: 2.3em; font-family: 'Open Sans', sans-serif; font-weight:600; width:100%; margin-bottom:10px; margin-top:7px; border-bottom: #eeeeee 1px solid; padding-bottom:5px;   }
h3 { font-size: 2.0em; font-weight: bold; font-family: 'Open Sans', sans-serif; margin-bottom:10px; border-bottom: #eeeeee 1px solid; padding-bottom:5px;}
h4 { font-size: 1.7em;  padding: 5px 0 5px 0; font-family: 'Open Sans', sans-serif; margin-bottom:10px;  border-bottom: #eeeeee 1px solid; padding-bottom:5px;}
h5 { font-size: 1.4em; border-bottom: #eeeeee 1px solid; margin-bottom:10px; padding-bottom:5px;}
p{font-size:1.2em;    line-height:20px;    margin:0 0 15px;}

a:link, a:visited{color: #C6454E;	text-decoration:underline;}
a:hover{	color: #C6454E;	text-decoration:none;}
a:link.alink,  a:visited.alink {background: url("Structure/arrow.gif") no-repeat center left;    padding-left: 10px;}
blockquote {  border-left:1px solid #aaa;  font-size:1em;  font-weight:normal;  line-height:20px;  margin:0 0 15px;  padding-left:2em;}


#wrapper{    max-width:895px;    margin:0 auto;    background:url(Structure/content_bgr.gif) repeat-y;    padding:6px 5px 0 4px;	min-height: 100%;}
#content{    max-width:813px;    margin:auto; padding:20px;}

#top_head{float:left; width:820px; margin-left:25px; font-size:1.18em;}

#top_head h1{letter-spacing: +1px; font-size:4.0em; line-height:1.0em; margin-bottom:0px;}
#top_head banner{letter-spacing: +1px; font-size:4.0em; line-height:1.0em; margin-bottom:0px;}
.title_txt_2{color: #999999; font-style:italic;}

#main_menu{background:url('Structure/menu/menu_bgr.gif') repeat-x; height:35px; width:895px; font-size:1.135em; font-family: 'Open Sans', sans-serif; font-weight:normal;}
#main_menu li{float:left; display:inline;}
#main_menu #menu_left_0{background:url('Structure/menu/menu_left.gif') no-repeat; width:28px; height:35px;}
#main_menu a,#main_menu a:link,#main_menu a:visited{float:left; display:block; height:25px; color:white; font-size:1.2em; padding:10px 16px 0; text-decoration:none;}
#main_menu a:hover{background:url('Structure/menu/menu_over.gif') repeat-x; text-decoration:none;}
#main_menu #menu_right_0{float:right; background:url('Structure/menu/menu_right.gif') no-repeat; width:4px; height:35px;}
#main_menu .menu_sep{background:url('Structure/menu/menu_sep.gif') no-repeat; width:1px; height:35px;}
#main_menu #menu_curr_0{background:#C6454E;}

#footer{margin:5px 0 0 -28px; text-align:center; padding:5px 0 11px 0; color:#666; font-size:1.4em; font-family: 'Open Sans', sans-serif; min-height:150px; max-width:870px;}
#footer li{    display:inline;  }
#footer a,#footer a:link,#footer a:visited{}

.blogGrid
	{
	  display: grid;
	  @media (max-width: 670px) 
	  { 
		grid-template-columns: repeat(1, auto);
		font-size: 20px;
	  }
	  @media (min-width: 671px) 
	  { 
		grid-template-columns: repeat(2, auto);
	  }	  
	  grid-column-gap: 10px;
	  grid-row-gap: 1em;
	}
.blogGrid > div 
	{	 
	  border-radius: 5px;
	  background-color: #eeeeee;
	  padding: 1em;	 
	}
.blogGrid a
{
	color: #C6454E;
    text-decoration: none;
}
.blogGrid a:hover {color:#000000;}

.page_container{display:table;	margin-top:20px;	margin-bottom:20px;	width:100%;}
.page_container ul {list-style-image:url('Structure/circle.gif'); padding-left:45px;}
.page_container li{font-size:1.2em; line-height:25px;}

.page_container_left{display:table; margin-top:20px; margin-bottom:20px; width:100%; background:url('Structure/navigation_bg.png') bottom right no-repeat; background-position:550px 0;}
.page_container_left ul {list-style-image:url('Structure/circle.gif'); padding-left:45px;}
.page_container_left li{font-size:1.2em; line-height:25px;}
.page_left_mainarea{width:530px; float:left;}
.page_sidebar_right{width:250px; float:right; display:table;}

.page_container_right{display:table; margin-top:20px; margin-bottom:20px; width:100%; background:url('Structure/navigation_bg.png') bottom right no-repeat; background-position:330px 0;}
.page_container_right ul {list-style-image:url('Structure/circle.gif'); padding-left:45px;}
.page_container_right li{font-size:1.2em; line-height:25px;}
.page_right_mainarea{width:450px; float:right;}
.page_sidebar_left{width:300px; float:left;	display:table;}


.page_line{	width:100%;	margin:0 auto 11px;        border-bottom:1px solid #e5e5e5;}
.image_box {padding:5px;	border:1px solid #dbdbdb;	float:right;	font-size:0;	line-height:0;}
.clear{    clear:both;}
.errormsg {padding:10px; margin-bottom:15px; background-color:#FFE8E8; border:#F66 thin dashed; position:relative; color:#900; font-size:12px; font-weight:bold; line-height:180%;}
.sucmsg {padding:10px; margin-bottom:15px; background-color:#D7FFD7; border:#090 thin dashed; position:relative; color:#060; font-size:12px; font-weight:bold; line-height:180%;}

.cssform a{ font-size:10px;}
.cssform p{width: 275px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 175px; height: 1%;}
.cssform label{font-weight: bold; float: left; margin-left: -155px; width: 150px; }
.cssform input[type="text"]{ width: 180px;}
.cssform textarea{width: 250px; height: 150px;}

.mobile_menu {
  max-width: 895px;
  overflow: hidden;
  background-color: #6e6e6e;
}

.mobile_menu a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.mobile_menu a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #C6454E;
  color: white;
}

.mobile_menu .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .mobile_menu a:not(:first-child) {display: none;}
  .mobile_menu a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
	#myMobileMenu {display: block;}
	#main_menu{display: none;}
  .mobile_menu.responsive {position: relative;}
  .mobile_menu.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .mobile_menu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

 @media (min-width: 601px) {
	#myMobileMenu {display: none;}
	#main_menu{display: block;}
  }
  
  		img
		{
			width: 100%;
			height: auto;
		}