body {margin: 0px;padding: 5px; background : #FFFFFF; font: 13px Verdana, Arial, Helvetica, sans-serif;color: #000;}
h1, h2 {margin-top: 0px;color:#666;}
h1 {font-size: 2.0em;}
h2 {font-size: 1.8em;color:#BDBDBD;}
h3 {margin-top: 0px;font-size: 1.4em;margin-bottom: 10px;color:#55A6DE;}
h4 {margin-top: 0px;font-size: 1.2em;margin-bottom: 10px;color:#55A6DE;}
h5 {margin-top: 0px;font-size: 1.0em;margin-bottom: 10px;color:#55A6DE;}
p, ol, ul {margin-bottom: 0.8em;line-height: 140%;}
a {color:#55A6DE;text-decoration: none; font-weight:bold;}
a:hover {text-decoration:  none;}
a img {border: none;}
#header {width: 880px;height: 193px;margin: 0px auto; background : url(images/banerppp3.jpg) no-repeat;}
#header a {text-decoration: none;color: #FFFFFF;}
#logo {float: left;padding-left: 360px;}
#logo h1 {margin-top: 15px;line-height: normal;font-size: 1.6em;font-weight: bold;color: #fff;}
#logo h1 {padding: 45px 0px px 0px;}
#stylefour{
       position:relative;
       margin: 0px auto;
       width: 880px;
       display:block;
       height:39px;
       font-size:12px;
       font-weight:normal;
       background:transparent url(bgoff.gif) repeat-x top left;
       font-family:Arial,Verdana,Helvitica,sans-serif;
       border-top:4px solid #D00217;
       }
#stylefour ul{
       margin:0;
       padding:0;
       list-style-type:none;
       width:auto;
       }
#stylefour ul li{
       display:block;
       float:left;
       margin-top:0px;
       }
#stylefour ul li a{
       display:block;
       float:left;
       color:#666;
       text-decoration:none;
       padding:11px 20px 0 20px;
       height:23px;
       background:transparent url(bgdivider.gif) no-repeat top right;
       }
#stylefour ul li a:hover,#stylefour ul li a.current{
       color:#D00217;
       background:#fff url(bgon.gif) no-repeat top right;
       }
#wrap {margin: 0px auto 0px auto;width: 900px;background: #fff;padding: 10px;border: 0px solid #CCC;}
#page {width: 880px;margin: 0px auto;padding: 30px 0px;}
#content { padding: 10px;float: left;width: 580px;}
.post {margin: 0px 0px 30px 0px;}
.post .title {margin: 0px;padding: 0px 0px 5px 0px;border-bottom: #BFC9AE solid 1px;}
.post .title a {color: #232F01;}
.post .entry {}
.post .meta {font-weight: bold;}
.post .byline {margin: 0px;}
table {border:0px solid #006393;border-collapse:collapse}
table th {background-color: #55A6DE;border:0px solid #006393;padding:4px;text-align:center; color: #FFFFFF;}
table td {background-color:#fff;border:0px solid #006393; padding:4px;text-align:left;vertical-align: top;}
td.kolor {background-color: #F1F1F1;text-align:center; vertical-align: middle;}
td.kolor1 {background-color: #FFFFFF;text-align:center; vertical-align: middle;}
td.kolor2 {background-color: #FFFFFF;text-align:left; vertical-align: top;}


#sidebar {float: right;width: 250px; font-size: 11px; }
#sidebar p {margin-left: 10px;padding: 10px 0px 0px 0px;line-height: normal;font-size: normal;}
#sidebar h2 {padding: 4px 20px;background: #55A6DE;font-size: 1.0em;color: #FFFFFF;}
#content ul, #sidebar ul {
       list-style-image: url('bullet.gif');}
#content a {color:#D00217;text-decoration:underline;  font-weight:normal;}
#content a:hover {text-decoration: none;}

#footer {
       clear: both;
       width: 880px;
       height: 40px;
       margin: 0px auto 0px auto;
       color: #FFF;
       font-weight:bold;
       background: #55A6DE;
}
#footer a {color: #FFF; }
#footer p {
       margin: 0px;
       padding: 10px 0px 0px 0px;
       text-align: center;
       line-height: normal;
       font-size: normal;
}
.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
.white_content {
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 16px;
  border: 16px solid orange;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}