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

h1{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h2{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h3{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h4{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h5{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}
h6{font-size:20px;font-family:Arial;font-weight:500;color: #000000;}

.style1{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;}
.style2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;}
.style3{font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px;}
.style4{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.style6{font-weight:bold}
.style7{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;}
.style8{font-size:9pt;}
.style9{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;}
.style10{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#000000;}
.style11{font-family:Arial;font-size:16px;font-weight:700; color:#000000;}

h1, h2, h3, h4, h5, h6{
  margin-top:20px;
  margin-bottom:10px;
}

#container {
	width:974px;
      margin:0 auto;
      padding:1px;
      border:1px solid #cccccc;
      background:#ffffff;
	   }
#linknav{
	float: right;
	width:200px;
}

#link{
font: 80% Arial;
font-size:14px;
}

#navpic{
width: 974px;
height: 140px;
float: left;
}

#navpicsmall{
display: none;
}

#slink{
display:none;
}

#link ul{
list-style-type:none;
margin:0;
padding:0;

}
#link li{
float:left;
padding:10px;
}
#link a:link, #link a:visited{
display:block;
color:black;
background-color:none;
text-align:center;
text-decoration:none;
}
#link a:hover, #link a:active{
background-color:none;
text-decoration: underline;
}


body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:87.5%;
  background:url(../images/background-image.jpg) fixed 30% 0;
  }

p{margin:0 0 1em}

#navigation{  
width: 974px;
float: left;
}

#cssmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: 67.5% Helvetica;
  font-size: 15px;
  font-weight: bold;
  width: 974px;
}
#cssmenu ul {
  background: #54B822;
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu li {
  float: left;
  padding: 0px;
}
#cssmenu li a {
  background: #54B822  url(../images/navigation/line.gif) bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 40px;
  margin: 0px;
  padding: 0px 18px;
  text-align: center;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  color: white;
}
#cssmenu ul ul a {
  color: white;
}
#cssmenu li > a:hover,
#cssmenu ul li:hover > a {
  background: #003399  url(../images/navigation/line.gif) bottom right no-repeat;;
  color: #FFFFFF;
  text-decoration: none;
}
#cssmenu li ul {
  background: #54B822;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 190px;
  z-index: 200;

}
#cssmenu li:hover ul {
  display: block;
}
#cssmenu li li {

  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 190px;
}
#cssmenu li:hover li a {
  background: none;
}
#cssmenu li ul a {
  display: block;
  height: 40px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenu li ul a:hover,
#cssmenu li ul li:hover > a {
  background: #003399;
  border: 0px;
  color: #ffffff;
  text-decoration: underline;
}
#cssmenu p {
  clear: left;
}

#navigations
{
display:none;
}

#div1 {
width: 652px;
float: left;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 8px;
}

#div2 {
width: 305px;
float: right;
margin: 10px 0px 0px 5px;
}

#pc {
width: 204px;
margin: 2px;
float: left;
}

#pcbox {
width: 650px;
margin: 2px;
float: left;
}

#div1f {
	float:left;
	width:931px;
	height:250px;
      margin:0px;
      padding:20px;
      border:1px solid #cccccc;
      background:#003399;
	   }

#div2f {
	width:180px;
      float:left;
	  margin:0px 10px auto;
      padding:1px;
      border:0px solid #cccccc;
      background:transparent;
	  color:white;
	   }


#div3f {
	width:270px;
      float:left;
	  margin:0 auto;
      padding:1px;
      border:0px solid #cccccc;
      background:transparent;
	  color:white;
	   }


#div4f {
	  width:800px;
      float:left;
	  margin:0 auto;
      padding:30px;
      border:0px solid #cccccc;
      background:transpoarent;
	   }

#div5f {
	  width:800px;
      float:left;
	  margin:30px 0px 0px 0px;
      padding:15px;
      border:0px solid #cccccc;
      background:transpoarent;
	  color:white;
	   }

.footlink{
font: 80% Arial;
font-size:12px;
line-height:19px;
}
.footlink ul{
list-style-type:none;
margin:0;
padding:0;

}
.footlink li{
padding:1px;
}
.footlink a:link, .footlink a:visited{
color:white;
background-color:none;
text-align:left;
text-color:white;
text-decoration:none;
}
.footlink a:hover, .footlink a:active{
background-color:none;
text-decoration: underline;
text-colour:#003399;
}

.style20
{
	font-size:20px;
	font-weight:900;
	font-family:Arial;
	margin-top:0px;
  margin-bottom:0px;
  line-height: 250%;
}

.style21
{
	font-size:12px;
	font-weight:900;
	font-family:Arial;
	margin-top:0px;
  margin-bottom:0px;
  line-height: 250%;
}

.style22
{
	font-size:12px;
	font-weight:100;
	font-family:Arial;
	margin-top:0px;
  margin-bottom:0px;
  line-height: 100%;
}

.clear{
    clear: both;
}

A:link{
color: #0000FF;
text-decoration: none;
}
A:visited{ 
color: #7401DF;
text-decoration: none;
}
A:hover{
color: #003399;
text-decoration:underline;
}
A:active{
color: #0000FF;
text-decoration: none;
}

#topmenu {
overflow:hidden;
width: 974px;
float: left;
background-color:#FFFFFF;
}

#social{
float:left;
width:180px;
}

.social  {
float:left;
margin: 8px 10px 3px 6px;
}


@media (max-width:575px)
{
	
#container {
	width:320px;
      margin:0 auto;
      padding:1px;
      border:1px solid #cccccc;
      background:#ffffff;
	   }

#navpicsmall{
display: inline;
width: 320px;
height: 140px;
float: left;
}

#navpic{
display: none;
}
  
#navigation
{
display:none;
}

#navigations{  
display:inline;
width: 320px;
float: left;
}

#cssmenus {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font: 67.5% Helvetica;
  font-size: 15px;
  font-weight: bold;
  width: 320px;
}
#cssmenus ul {
  background: #54B822;
  height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenus li {
  float: left;
  padding: 0px;
}
#cssmenus li a {
  background: #54B822  url(../images/navigation/line.gif) bottom right no-repeat;
  display: block;
  font-weight: normal;
  line-height: 40px;
  margin: 0px;
  padding: 0px 18px;
  text-align: center;
  text-decoration: none;
}
#cssmenus > ul > li > a {
  color: white;
}
#cssmenus ul ul a {
  color: white;
}
#cssmenus li > a:hover,
#cssmenus ul li:hover > a {
  background: #003399  url(../images/navigation/line.gif) bottom right no-repeat;;
  color: #FFFFFF;
  text-decoration: none;
}
#cssmenus li ul {
  background: #54B822;
  display: none;
  height: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
  position: absolute;
  width: 190px;
  z-index: 200;

}
#cssmenus li:hover ul {
  display: block;
}
#cssmenus li li {

  display: block;
  float: none;
  margin: 0px;
  padding: 0px;
  width: 190px;
}
#cssmenus li:hover li a {
  background: none;
}
#cssmenus li ul a {
  display: block;
  height: 40px;
  font-size: 12px;
  font-style: normal;
  margin: 0px;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#cssmenus li ul a:hover,
#cssmenus li ul li:hover > a {
  background: #003399;
  border: 0px;
  color: #ffffff;
  text-decoration: underline;
}
#cssmenus p {
  clear: left;
}	
	
#div1 {
width: 320px;
float: left;
}

#div2 {
display:none;
}

#div1f {
	float:left;
	width:267px;
	height:600px;
      margin:0px;
      padding:20px;
      border:1px solid #cccccc;
      background:#003399;
	   }
	   
#div4f{
	display:none;
}

#div5f {
	  width:277px;
      float:left;
	  margin:0 auto;
      padding:15px;
      border:0px solid #cccccc;
      background:transpoarent;
	  color:white;
	   }
	   
#pcbox {
width: 310px;
margin: 2px;
float: left;
}

}