@charset "utf-8";
/* CSS Document */
@viewport { width:device-width; initial-scale:1; } 
@media screen and (min-width:480px) and (max-width:800px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops

  */
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
}
@media all and (orientation: landscape) {
  /* Target device in landscape mode */
}
@media all and (orientation: portrait) {
  /* Target device in portrait mode */
]
img {
  max-width: 100%;
}
.header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
}
body {
  font-size: 100%;
}

}	
 .medium {
  font-size: 18px;
}

.small {
  font-size: 14px;  
}

.large {
  font-size: 20px;  
}
.x-large {
  font-size: 24px;  
} 
	 
.class1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000;
}
.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: 1.25;
	font-style: normal;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	
}
.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	word-spacing: normal;
	text-align: center;
	color: #000;
}
.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: italic;
	color: #666666;
	text-align: center;
}
.title2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	color: #F00;
	text-align: center;
}
.navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	line-height:2em;
	font-style: normal;	
}
.navbarhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	line-height: 1.5em;
	font-weight: bold
	color: #000
	text-align: left;
	
}	
.headname{	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: large;
	font-style: normal;
	text-align: center;
}
.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.proverb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	color: #000066;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #3300FF;
	text-decoration: none;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-variant: normal;
	color: #000;
	font-weight: bold;
}
#title {
	color: #009;
	text-align: center;
	font-size: large;
}
#Layer1 table tr td .text2 em .text2 {





}
#Layer1 table tr td .text1.style4 .text1 {
	font-size: small;
	color: #000;
}
#Layer1 table tr .class1 div .class1 br {
	text-align: center;


}
#Layer1 table tr .class1 div {
	font-size: medium;
	color: #009;
}
#Layer1 table tr .text1 .text1 {
	font-size: medium;
}
.class1 {
	color: #006;
}
#Layer1 table tr .text1 .text1 {
	font-size: medium;
	text-align: left;
}
#Layer1 table tr td .navbarhead .navbarhead strong {
	text-align: left;
}

/* -----------Smartphone View----------- */ 
@media only screen and (max-width : 480px)   {

  @-ms-viewport{
  width: device-width;
}
 

}
/* -----------Tablet View----------- */ 
@media only screen and (max-width : 650px) and (min-width : 481px)   {

    

}
@-ms-viewport{
  width: device-width;
}