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

@font-face {font-family:'Alba'; src: url(../fonts/Questrial-Regular.ttf);}
@font-face {font-family:'Lobster'; src: url(../fonts/Lobster-Regular.ttf);}
@font-face {font-family:'Poppins'; src: url(../fonts/Poppins-Light.ttf);}
  
  
h2{ font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:700; color:#666;}
h3{color:#333; margin-bottom:10px;}

body{ margin:0px auto; padding:0px auto; text-align:center;}

#container{max-width:1434px; min-width:300px;  height:auto; margin:0px auto; padding:0px auto;   text-align:center; display:inline-block;}

	#header{width:100%; height:70px; margin:0px auto; padding:0px auto; }
	#site_title{width:100%; xmin-width:1000px; height:70px; margin:0px auto; padding:0px auto;  float:center;   }
	#site_title_left{width:400px; height:66px; float:left;  xmargin-top:12px;}
	#showtitle{width:100%; height:auto;  font-family:"Alba"; font-size:40px; font-weight:700; color:#09F;}
	#site_title a:link{ text-decoration:none;}
	#site_title a:hover{ text-decoration:none;}
	#site_title a:visited{ text-decoration:none;}
	#slogan{width:320px; height:17px; float:right; font-size:14px; margin-top:-6px; font-family:Arial, Helvetica, sans-serif; color:#f00;}
	
	#site_title_right{width:534px; height:40px; float:right;   margin-top:24px; font-family:Arial, Helvetica, sans-serif; font-weight:700; font-size:16px; color:#043483;}
	.nav_btns{width:auto; height:30px; float:left; cursor:pointer; color:#043483; }
	 .nav_btns a:link{color:#043483;}
	.nav_btns a:hover{color:#043483;}
	.nav_btns a:visited{color:#043483;}
	.nav_btns_separator{width:36px; height:30px; float:left;}

#home_page_top_left_content{width:76%; height:auto; float:left;   font-family:"Poppins"; font-size:20px; color:#444; text-align:left;}
#home_page_top_left_title{width:100%; height:85px; float:left; font-family:"Lobster"; font-size:30px; line-height:30px; font-style:italic; color:#903;   text-align:left; margin-top:20px;}
.home_page_top_link_frame{width:76%; height:100px; float:left;   text-align:center;}
.home_page_top_link_frame a:link{text-decoration:none;}
.home_page_top_link_frame a:hover{text-decoration:none;}
.home_page_top_link_frame a:visited{text-decoration:none;}

.link_btn{width:120px; height:30px; float:center; margin:0px auto; padding:0px auto;  background-color:#F30; font-family:Arial, Helvetica, sans-serif; font-weight:700; line-height:28px; cursor:pointer; color:#FFF; margin-top:10px;}
  
.link_btn_slogan{width:100%; height:30px; float:center;  font-family:"Lobster"; font-size:22px; color:#00C; margin-top:5px;}
.rounded{ border-radius:12px;}


#home_top{width:100%; height:auto; margin:0px auto; padding:0px auto;}
#home_top_left{ width:50%; height:auto; float:left; padding-left:2%}
#home_top_left a:link{text-decoration:none;}
#home_top_left a:hover{text-decoration:none;}
#home_top_left a:visited{text-decoration:none;}

#home_top_right{width:50%; xheight:467px; height:480px; float:right; 
display: flex;
   align-items: center;      /* vertical centering */
  justify-content: flex-end; /* right alignment */
  }
#home_top_right img{width: 100%;  height: auto;}

#home_bottom{width:100%; height:auto; float:left; margin-top:50px;  xbackground-color:orange}
#home_bottom_left{width:50%; height:auto; float:left; xbackground-color:#9C0; text-align:left; xdisplay: flex;
   align-items: left;      /* vertical centering */
  justify-content: flex-end; /* right alignment */ text-align:left;
}
#home_bottom_left img{width: 90%;  height: auto; float:left; margin-left:0px;}
#home_bottom_right{width:50%; height:auto; float:right; xbackground-color:skyblue; }



#footer{max-width:1434px; min-width:300px;  height:auto; float:left; xbackground-color:#F66; margin-top:130px; border-top:1px solid; border-top-color:#ccc;}
#footer_top_separator{width:100%; height:40px; float:left; xbackground-color:#6C9;}
#footer_inner{min-width:200px; max-width:700px; height:auto; margin:0px auto; padding:0px auto; display:inline-block; xbackground-color:#CFC;}
#footer_inner a:link{ text-decoration:none; color:#777;}
#footer_inner a:hover{text-decoration:none; color:#777;}
#footer_inner a:visited{text-decoration:none; color:#777;}
#footer_inner_left{width:388px; height:auto; margin-bottom:6px; float:left; xbackground-color:#9C0;}
#footer_inner_right{width:312px; height:auto; float:left; xbackground-color:#F9F;}
.footer_btns{width:auto; height:18px; float:left;  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:300; margin-left:16px; color:#777; margin-top:5px;}

#social_media_outer_frame{width:100%; height:auto; float:left; xbackground-color:#FF0; margin-top:14px;}
#social_media_frame{min-width:200px; max-width:700px; height:auto; margin:0px auto; padding:0px auto; float:center; display:inline-block;  xbackground-color:#CFC;}
.social_media_btns{width:40px; height:40px; float:left; margin-left:10px;}

#footer_bottom{width:100%; height:auto; float:left; xbackground-color:#96F;}
#copyright_frame{width:300px; height:auto; margin:0px auto; padding:0px auto; xbackground-color:#FF3; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:300; color:#999; margin-top:14px;}
#copyright_frame_upper{width:300px; height:20px; margin:0px auto; padding:0px auto; xbackground-color:#0F6; }
#copyright_frame_lower{width:300px; height:20px; margin:0px auto; padding:0px auto; xbackground-color:#966;}



@media screen and (max-width: 1000px) {
	#container{max-width:720px; min-width:300px;  height:auto; margin:0px auto; padding:0px auto; text-align:center; xbackground-color:#CF0;}
  	#site_title{max-width:720px; min-width:300px; height:130px; text-align:center;   xbackground-color:purple;}
	#site_title_left{ margin:0px auto; padding:0px auto;  float:none; xbackground:orange;}
	#site_title_right{ width:534px; text-align:center; margin:0px auto; padding:0px auto;  float:none;  margin-top:10px;}
 	#home_top_left{ width:100%;   text-align:center;}
	#home_page_top_left_content{text-align:center;}
	#home_top_right{width:100%; height:300px; float:left; xbackground-color:#09F; display:none;}

#home_page_top_left_title{text-align:center;}
#home_page_top_left_content{width:100%;}
.home_page_top_link_frame{width:100%;}

#home_bottom{margin-top:0px; }
#home_bottom_left{width:100%; text-align:center; float:left;}
#home_bottom_right{width:100%;  float:left;}

#footer_inner_left{ margin:0px auto; padding:0px auto; float:none; display:inline-block;}
#footer_inner_right{margin:0px auto; padding:0px auto; float:none; display:inline-block;}
}



@media screen and (max-width: 720px) {
 	#home_top_left{ xbackground-color:darkblue;}
	#site_title_right{display:none;}

}



@media screen and (max-width: 600px) {
		#xhome_top_left{ xbackground-color:lightgreen;}

}