@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#e9e9e9; font: normal 14px Tahoma, Geneva, sans-serif; color:#595959;}
html { padding:0; margin:0;}

.atext {
	font: normal 14px Tahoma, Geneva, sans-serif; 
	color:blue;
  }

.menu-button {
  display: inline-block;
  width: 200px;
  padding: 10px;
  background-color: #dcdcdc; /* Light gray background */
  color: #000; /* Black text color */
  border: 2px solid #ccc; /* Add a border for button appearance */
  cursor: pointer; /* Change cursor to pointer on hover */
  transition: background-color 0.3s, color 0.3s; /* Smooth transition for color and background change */
}

.menu-button:hover {
  background-color: #f5f5f5; /* Darker gray background on hover */
}

.buttonlinktext {
  color: #000; /* Black text color */	
  text-decoration:none;

}

.buttonheadertext {
  color: #000; /* Black text color */	
  text-decoration:none;
  font-weight: bold; /* Make the text bold */
}




/* container */
.container {
 width:860px;
 padding:0; margin:0px 0px 150px 0px;
  }
.container_left {
    width:220px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;	
	border:0px solid #000000;
  }
.container_right {
    width:620px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;	
	border:0px solid #000000;	
  }
  
.container {
    width: 953px;
	border: 0px solid #000;			
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

.column1 {
    width: 900px;			
	border: 0px solid #fff;
    padding: 5px 20px 20px; /* top padding 5px, other paddings remain the same */
    box-sizing: border-box;
	background-color: #fff;
  }
		
.column2 {
    width: 300px;
    background-color: #f2f2f2;
    padding: 5px 20px 20px;
    box-sizing: border-box;
	margin: 0 auto;
  }
		
		
.image-container {
        display: flex; /* Use flexbox for layout */
        align-items: flex-start; /* Align items to the top of their container */
        margin-bottom: 20px; /* Add some bottom margin */
	}

.image-container img {
        margin-right: 20px; /* Add space between the image and text */
    }		
		


/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:953px; margin:0 auto;}

/********** header **********/
.header { }
.block_header {margin:0 auto; width:953px;}
/* logo */
.logo { float:left; padding:0; margin:10px 20px; width:258px;}
/* menu */	
.menu { padding:0; margin:55px 0 0 0; width:565px; float:right; height:41px; background:url(images/menu_bg.gif) top repeat-x;}
.menu div { height:41px; background:url(images/menu_l_img.gif) left no-repeat;}
.menu div div { height:41px;  background:url(images/menu_r_img.gif) right no-repeat; padding:0 10px;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:2px 0 0 0; padding:0; border:0;}
.menu ul li a { float:left; margin:2px 1px 0 0; padding:10px 14px; color:#000; font:normal 11px  Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { color:#fff; text-decoration:none; background: #cccccc;}
.menu ul li a.active {background:#cccccc; color:#fff; text-decoration:underline; }
/********** slider **********/
.slider {margin:0 auto; width:953px; padding:0; background: url(images/simple_bg.gif) top repeat-y; }
/* header_text */
.header_text { margin:0 auto; width:953px; padding:0; background:url(images/simple_img_top.gif) top no-repeat;}
.header_text h2 { margin:20px 40px; padding:0;}
.header_text .div {width:953px; margin:0; padding:0;}
.header_text .div .left1 { float:left; width:430px; margin-left:20px;}
.header_text strong { display:block; margin:0; color:#a1e2e6; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px;}
.header_text span { float:right; margin:0; padding:0; width:300px;}
.header_text p { font:normal 11px  Tahoma, Geneva, sans-serif; color:#5e5e5e; padding:0 0 0 40px; margin:0; line-height:1.6em;}
.header_text ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}
.header_text ul.buttons li { float:left; padding:0 5px; margin:0;}
/*toppik*/
.toppik {margin:0 auto; width:953px; padding:10px 0; background: url(images/bg_toppik.gif) top repeat-y; height:25px;}
.toppik p { padding:0; margin:0; }
.toppik p.lastes { width:100px; float:left;color:#5e5e5e; font:bold 16px Arial, Helvetica, sans-serif; margin:5px 0 0 10px;}
.toppik a {width:140px; float:right; float:right; font: normal 11px Arial, Helvetica, sans-serif; color:#1f63a3; background:url(images/tip_a_bg.gif) left no-repeat; padding:5px 20px;}
/*blog_body*/
.blog_body { width:953px; background:url(images/blog_body_bg_top.gif) top repeat-y; margin:0 auto 10px auto; padding:0;}
.blog_body p { margin:0; font:normal  12px Tahoma, Geneva, sans-serif; color:#6f6f6f; padding:0 10px;}
.blog_body img { margin:4px 4px; padding:0;}
.blog_body .lorem { width:230px; float:left; margin:4px 4px; padding:0;}
.blog_bottom { margin:0 auto; padding:0; float:left;}
.blog_bottom img { margin:0; padding:0;}
/********** block index **********/
.body { padding:0; width:953px; margin:0 auto; background: url(images/simple_bg.gif) top repeat-y;}
.body_bottom { width:953px; margin:0 auto; padding:0;}
.body_bottom img { margin:0; padding:0;}
.body_resize { width:933px; margin:0 auto; padding:0 10px; background:url(images/simple_img_top.gif) top no-repeat;}
.body h2 { font:normal 22px  Tahoma, Geneva, sans-serif; color:#3a3c3c; border-bottom:1px solid #cccccc; padding:10px 40px; margin:0 0 5px 0;}
.body a { font:normal 14px  Tahoma, Geneva, sans-serif; color:#474747; text-decoration:underline;}
.body p { font:normal 14px   Tahoma, Geneva, sans-serif; color:#666666; line-height:1.8em; padding:5px; margin:0;}
.body ul { padding:5px 0; margin:0 30px;}
.body ul li { font:normal 14px Tahoma, Geneva, sans-serif; color:#666666; line-height:1.8em; padding:1px 14px; margin:0;}
/*News*/
.News { width:300px; margin:5px 0; padding:5px 10px; float:left;}
.News  h2 { background:url(images/h2_News.gif) left no-repeat;}
.News span { font:bold 14px Tahoma, Geneva, sans-serif; color:#2c2c2c;}
/*Welcome*/
.Welcome { width:580px; margin:5px 0; padding:5px 10px; float:left;}
.Welcome h2 { background: url(images/h2_welcome.gif) left no-repeat;}
/*Port*/
.Port { width:890px; margin:5px 0; padding:5px 10px; float:left;}
.Port h2 { background:url(images/h2_port.gif) left no-repeat;}
.Port img { margin:5px; padding:0;}
.Port p { padding:5px; margin:0;}
.Port .blog_port { width:270px; float:left; margin:5px; padding:5px;}
.PortContainer {
  display: inline-block; /* Make the container inline-block */
}
/*display*/
.display { width:880px; margin:5px 0; padding:5px 10px; float:left;}
.display h2 { background:url(images/h2_welcome.gif) left no-repeat;}
.display img { margin:5px; padding:0;}
.display p { padding:5px; margin:0;}
.display p.pad { padding:0 0 0 70px;}
.display span { font: normal 19px Tahoma, Geneva, sans-serif; color:#6f6f6f;}
.display .blog_port { width: 270px; float: left; margin:5px; padding:5px;}
.display p.displaytitle {font-size:22px; margin-bottom:4px; color:#000000;padding:10px;background-color:#ebebeb;}

/*about*/
.about { width:580px; margin:5px 0; padding:5px 10px; float:left;}
.about h2 { background:url(images/h2_welcome.gif) left no-repeat;}
.about img { margin:5px; padding:0;}
.about p { padding:5px; margin:0;}
.about p.pad { padding:0 0 0 70px;}
.about span { font: normal 19px Tahoma, Geneva, sans-serif; color:#595959;}
.about .blog_port { width: 270px; float: left; margin:5px; padding:5px;}
/*Sub*/
.Sub { width:300px; margin:5px 0; padding:5px 10px; float:left;}
.Sub h2 { padding:10px}
.Sub ul { margin:5px 10px; padding:0; list-style:none;}
.Sub li { font: normal 14px Arial, Helvetica, sans-serif; color:#484848; background:url(images/Sub_ul_li.gif) left no-repeat;}
.Sub li a { color:#1575a9; font: normal 14px  Arial, Helvetica, sans-serif; text-decoration:underline;}
.Sub li a:hover { text-decoration:none;}
.Sub img { margin:5px 10px; padding:0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:5px 0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:bold 14px Arial, Helvetica, sans-serif; color:#8d8d8d; text-transform:capitalize; float:left;}
#contactform label span { display:block; font:normal 14px Arial, Helvetica, sans-serif;}
#contactform input.text { width:360px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:360px; border:1px solid #dcdcdc; margin:5px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font: bold 14px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer { width:900px; color:#6b6b6b; font:normal 14px Tahoma, Geneva, sans-serif; text-align:left; margin:0 auto; padding:20px 0px 50px 0px; }
.footer p { padding:0; margin:0; float:right; width:70%; text-align:right;}
.footer ul { padding:0; margin:0; float:left; list-style:none; width:50%;}
.footer ul li { padding:0; margin:0 5px; float:left;}
.footer a { color:#6b6b6b; font:normal 14px Tahoma, Geneva, sans-serif; padding:0 1px;}
.text_left { text-align:left; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #eaeaea; padding:0; margin:5px 0; background:none;}


.item_title {
 font-size:26px;
 color:#000000;
 margin:20px 0px 6px 0px;
 padding:6px;
 background-color:#ebebeb;
 }
 
.item_byline {
 font-family:tahoma,arial,sans serif;
 font-size:14px;
 font-style:italic;
 margin:0px 0px 6px 0px; 
 }
 
 .item_byline2 {
 font-family:tahoma,arial,sans serif;
 font-size:14px;
 font-style:italic;
 font-weight:bold;
 margin:3px; 
 color:#ffffff;
 background-color: #000000;
 }
 
 .bullet_completed {
 background-color: yellow;	 
 }
 
.item_subtitle {
 font-family:tahoma,arial,sans serif;
 font-size:16px;
 color:#474747;
 font-weight:bold;
 margin:0px 0px 6px 0px; 
 }
 
.item_description {
 font-family:tahoma,arial,sans serif;
 font-size:14px;
 font-style:italic;
 margin:0px 0px 6px 0px; 
 }
 
 .item_notes {
 font-family:tahoma,arial,sans serif;
 font-size:14px;
 font-style:normal;
 margin:0px 0px 12px 0px; 
 }
 
 .linkbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#656565;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.linkbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.linkbutton:active {
	position:relative;
	top:1px;
}


.readmore {
 display:block;
 text-align:right;
 padding:4px 0px 6px 0px;
 }
 
.readmore a {
 text-decoration:none;
 font-style:italic;
 color:blue;
 }
 
.readmore a:hover {
 text-decoration:underline;
 }