@font-face {
    font-family: 'Calibri';
    src: url('./fonts/calibri.eot');
    src: url('./fonts/calibri.eot') format('embedded-opentype'),
         url('./fonts/calibri.woff') format('woff'),
         url('./fonts/calibri.ttf') format('truetype'),
         url('./fonts/calibri.svg#Calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriBold';
    src: url('./fonts/calibribold.eot');
    src: url('./fonts/calibribold.eot') format('embedded-opentype'),
         url('./fonts/calibribold.woff') format('woff'),
         url('./fonts/calibribold.ttf') format('truetype'),
         url('./fonts/calibribold.svg#Calibri-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

img{border: none;}
a,body,html,div,ol,ul,li,dl,dt,dd,strong,form,input,h1,h2,h3,h4,h5,h6,span,img,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd { list-style-type:none;}
body {
    font-size:12px;
    font-family:Calibri,Arial;
    background:#FFFFFF;
}
a{ text-decoration:none;}
/******header*******/
.header{
    height: 35px;
    background-color: #185010;
}

.nav{
    height: 140px;
    background-color: #308F41;
    overflow: visible;
}
.w1000{
    width: 1000px;
    margin: 0 auto;
    font-family: Calibri;
    color: #424242;
}

.login{
    float:left;
    width: 133px;
    margin: 8px auto auto auto;
    font-family:CalibriBold;
    font-size: 15px;
}
.network{
    float: right;
    width: 204px;
    margin:4px auto auto auto;
}
.logo{
    float: left;
    width: 341px;
    margin: 20px auto auto auto;
}
.joinus{
    font-size: 28px;
    font-family:segoe print;
    float: right;
    margin: 27px 43px auto auto;
    font-weight:bold;
}
.menu{
    height: 50px;
    width: 1000px;
    margin: 20px auto auto auto;
    font-family:CalibriBold;
    background-image: url("../imag/pic/navbg.png");
}
.menu ul{
    width:1000px;
    margin: 16px auto auto 20px;
    font-size: 20px;
}
.menu ul li{
    float: left;
}
.menu ul li a{
    margin: 14px 7px;
    display: block;
    height: 22px;
    line-height: 22px;
}
.menu form input{
    background: url("../imag/pic/searchbg.png");
    height: 26px;
    width: 202px;
    border: none;
    margin-top:15px;
	margin-left:60px;
    font-family:Calibri;
    font-size: 14px;
}
.middle{
    margin: 33px auto auto auto;
}
.whitelink a{
    color:#FFFFFF;
}

.whitelink a:hover{
    text-decoration: none;
}

.white{
    color: #FFFFFF;
}
.network {
    float:right;
    width:204px;
    margin:7px auto auto auto;
}
.facebook:link{
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    background-image: url("../imag/Journalslist/facebookbtn.png");
}
.facebook:hover{
    background-image: url("../imag/Journalslist/facebookbtn2.png");
}
.twitter:link{
    display: block;
    margin: auto 10px;
    float: left;
    width: 25px;
    height: 25px;
    background-image: url("../imag/Journalslist/tiwwterbtn.png");
}
.twitter:hover{
    background-image: url("../imag/Journalslist/tiwwterbtn2.png");
}
.youtube:link{
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-left:10px;
    background-image: url("../imag/Journalslist/youtobebtn.png");
}

.ball:link{
    display: block;
    float: left;
    margin: auto 10px;
    width: 25px;
    height: 25px;
    background-image: url("../imag/Journalslist/ballbtn.png");
}

.ttt:link{
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    background-image: url("../imag/Journalslist/tbtn.png");
}

.googleplus:link{
    display: block;
    float: left;
    margin-left: 0px;
    width: 25px;
    height: 25px;
    background-image: url("../imag/Journalslist/googlebtn.png");
}
.googleplus:hover{
    background-image: url("../imag/Journalslist/googlebtn2.png");
}


/*******footer*********/
.footer {
    background-color:#2D863C;
    border-top:1px solid #2D863C;
    margin:40px auto auto auto;
}
.container {
    margin:24px auto auto
}
.container b {
    margin:0 0 0 11px;
}
.about {
    width:260px;
    float:left;
}
.abouttitle,.hometitle,.membershiptitle,.journalstitle,.learnmoretitle {
    line-height:35px;
    height:35px;
    font-size:18px;
    background-color:#185010;
    color: #FFF;
}
.aboutcontent{
    background-color:#267133;
    font-size:13px;
    padding:5px 10px;
    padding-top: 10px;
}
.homecontent,.membershipcontent,.journalscontent,.learnmorecontent {
    background-color:#267133;
    font-size:14px;
    padding:5px 8px;
}
.aboutcontent span {
    width:315px;
    line-height:22px;
    color:#FFF;
}
.home {
    width:180px;
    float:left;
    margin:0 20px;
}
.membership {
    width:190px;
    float:left;
}
.journals {
    width:160px;
    float:left;
    margin:0 20px;
}
.learnmore {
    width:130px;
    float:left;
}
.container li {
    margin:8px 0;
}
.copyright {
    text-align:center;
    font-size:14px;
	
    color:#ccc;
    margin:37px auto auto auto;
}
.button
{
display: block;
text-align: center;
font-size: 14px;
margin: 0 auto;
width: 80px;
height: 30px;
font-family: CalibriBold;
background-image: url("../images/moreborder2.png");
vertical-align: middle;
line-height: 30px;
text-decoration: none;
padding: 0;
color: #185010;
margin-left:0px;

}
.button2
{
display: block;
text-align: center;
font-size: 14px;
margin: 0 auto;
width: 80px;
height: 30px;
font-family: CalibriBold;
background-image: url("../images/moreborder2.png");
vertical-align: middle;
line-height: 30px;
text-decoration: none;
padding: 0;
color: #185010;
}

.journallistmore{
  font-family:CalibriBold;
  font-size:14px;
  color:#185010;
  line-height:20px;
  position:relative;
  left:945px;
  top:10px;
  text-decoration: none;

}
.clear {
    clear: both;
}
.line_1 {
    height: 0;
    border-bottom: 1px solid #CCCCCC;
}
.line_2 {
    height: 0;
    border-bottom: 2px solid #2D863C;
}
a:hover {
    text-decoration: none;
}
.head_nav a:hover{
    text-decoration:underline;
}


