body {
    background: #00AEEF url(../img/bg-common.png) repeat-x top left;
    margin: 0;
    padding: 0;
    font: 12px Arial, Helvetica, sans-serif;
    color: #000;
    }
    #frame {
    width:900px;
    padding-top: 40px;
    }
    #popup #frame {
      padding-top: 10px;
    }


    #logo {
    width:900px;
    background: url(../img/logo.png) no-repeat top center !important;
    position: relative;
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../img/logo.png');
    }
    #popup #logo {
    width:900px;
    background: none;
    position: relative;
    }
    #popup a.mainpage {
      display: none;
    }
    #popup #slogans {
      display: none;
    }

    a.mainpage div {
      display: block;
      height: 120px;
      width: 100%;
      text-indent: -10000px;
/*      position: absolute;
      top: 0;
      left: 0;*/
      cursor: pointer;
    }

    ul li {
            font-size: 16px;
    }


    #slogans {
    padding-top: 10px;
    font-weight: bold;
    color: #000;
    font-size: 14px;
    }
    #menu {
    margin: 40px 0px 0px 140px;
    }
    img, div {
      behavior: url(iepngfix.htc);
    }
    #menu img {
    margin: 0px 20px 0px 20px;
    }
    a img, img {
    border: 0;
    }
    #slogans ul {
      margin: 0 0 0 200px;
      padding:0;
    }
    #slogans a {
      color: #000;
      text-decoration: none;
    }
    #slogans a:hover {
      display: block;
      border: 1px solid #000;
    }
    #slogans ul li {
      display: block;
      list-style-type: none;
      padding: 0;
      margin: 0;
      width: 100px;
      float: left;
      font-size: 14px;
    }
    #slogans ul li.first {
      display: block;
      list-style-type: none;
      padding: 0;
      margin: 0;
      width: 400px;
      float: left;
      font-size: 14px; 
    }
   #copyright {
     margin: 15px 0px 0px 0px;
      padding: 15px 0px 0px 0px;
      font-size: 10px;
      border-top: 1px solid #008BD2;
   }
   #popup #copyright {
     display: none;
   }


  .photo {
    border: 3px solid #008BD2;
  }
 a:link, a:visited {
   color: #000;
 }
a:focus, a:active, a:hover {
  color: #00548C;
}
   #content {
     margin: 30px 0px 0px 180px;
     text-align: left;
   }
   #popup #content {
     margin: 0px 0px 0px 0px;
     text-align: center;
   }


h1,h2,h3,h4,h5,h6 {
  color: #000;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
}
td {
  text-align: center;
}
/* These hieghts and widths should be edited to your images */
ul#pikame{
	padding-left:0;
	width:800px;
	margin:0 auto;  background: #008CD2;}
.pika_main{
	width:800px;
	padding-right:20px;
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	border:2px solid #222;
	position:relative;
	overflow:hidden;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #222;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose {
  background: #008CD2;
}

.clear {
  clear:both;
  height: 1px;
  overflow:hidden;
}


.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation {
  text-align: center;
}


.pika_navigation a{font-size: 12px;color:#000;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}