body {  
background: linear-gradient(#70e1f5,#ffd194);
}


#container {
 width: 960px;margin:auto;
}

#head {
 width:960px; height: 400px;
}

#header{
 width: 960pix; height: 61px;
 position: relative;
}

#header_title {
 margin-top:0px; float: left; width: 474pix; height: 61px
}

#headNavi {
 margin-top: 39px;  margin-left: 2px; margin-right: 0px; height: 50px; font-size: 0.75em; width: auto; height: 22px; 
 border-top:none; border-bottom: none; float: left; color="#ffffff"
}
#headNavi ul {
 margin: 0; padding: 0;
}
#headNavi li {
 list-style-type: none; float: left;
}
#headNavi li a {
 display: block; width: 122px; line-height: 22px; border-right: none; 
  text-align: center; text-decoration: none;
}
#headNavi li a {
 background-image:url(images/button_bar.gif); background-repeat: norepeat; margin-left: 0px; color: #ffffff; 
}
#headNavi li a:hover {
 background-position: 0 -32px;
}

#search {
width: 234px; height: 50px; position: absolute; bottom: 0; right:0;
background:#70e1f5;
}

#headerPict {
 margin-top: 8px; margin-bottom: 0px; clear: both;
}

.menu1  {width: 960px; height: 30px; margin-top: 0px;}
.menu1 a {text-decoration: none;}
.menu1 #current a	{background-image: url(images/button1.jpg); z-index: 3;}
.menu1 #link2 a	{background-image: url(images/button2.jpg); z-index: 3;}
.menu1 #link3 a	{background-image: url(images/button3.jpg); z-index: 3;}
.menu1 #link4 a	{background-image: url(images/button4.jpg); z-index: 3;}
.menu1 span {position: relative; z-index: -1;}  
.menu1 ul {margin: 0; padding: 0;}
.menu1 li	{list-style-type: none; float: left;}
.menu1 li a {display: block; width: 240px; line-height: 30px; border-right: solid 0px #aaaaaa;}
.menu1 li a:hover	{background-position: 0  -35px;}
.menu1 #current a {background-position: 0  -70px;}

#content{
 width:960px;  margin:auto;
}

img {
 border-style:none;
}


#pageTitle {
 margin-top: 10px; margin-bottom: 10px; 
clear:both;
}


#menu2{width:100%; display:flex; justify-content:center; padding:0; list-style: none;}
.box1{width:calc(100% / 3);margin-left:10px;}
.box2{width:calc(100% / 3);margin-left:10px;}


#blog {
width: 520px; 
height: 220px; 
margin-left: 10px; 
margin-top: 15px; 
margin-bottom: 0px;  
float: left; 
clear: both;
color: #ffffff;
}

.twitter-timeline {
width: 520px; 
height: 220px; 
}

#banner {
 width: 410px; height: 220px; margin-top:50px; margin-left:16px; float: left;
}



#footer{
clear:both; width: 960px; height: 40px; margin-top: 10px; background-color: #FFCDB9; 
}

#footer_inner{
 padding: 25px 10px; 
}

#footer p {
 color; #ffffff; font-size: 0.75em; margin: 0; text-align:center;
}
