@charset "UTF-8";


  body,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,div,td,th,address,blockquote,span { font-family:Arial,sans-serif;    background-color: transparent; }

  p,ul,ol,li,dl,dt,dd,div,td,th,address,blockquote,span { font-size:14px; }


  body {
  color: #000000;
  background-image:url('http://dibugramas.com/dynpage_upload/images/website/body-bg.png');
  height: 100%;
  width: 100%;
  text-align: center;
 //* background: #4d4d4d;*//
 }

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

 @media screen {     /*link definitions*/
    a {color: #000000}
   
   a:link { 
    	text-decoration:none;
      	color: #000000;
    }
    
    a:visited { 
    	text-decoration:none;
    	color: #040404;
    
    }
    
    a:hover { text-decoration:underline; }
    a:active { text-decoration:underline; }
    a:focus { text-decoration:underline; }


a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CEBB2C;
	text-decoration: none;
}

a.goLink {          /*next / last links to speed up browsing*/
    /*display:none;*/
    }

 @media print {      /*hide stuff for printing*/
    a { text-decoration:none;
        color:black;}
    td.paddingBug { padding-top:6px }
    span.hideForPrint { display:none;}
    input { display:none;}
    select { display:none;}
    div.smallprint { display:none;}
    a.goLink { display:none;}
    }
 
p.main {text-align:justify;}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.textjustify {
	text-align: justify;
}
	
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

table {
    vertical-align: middle;
   background-color: #d8d2b8;
  -moz-border-radius:12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  behavior: url(border-radius.htc);
   }
   
table.main {
    vertical-align: middle;
   background-color: #FFFFFF;
   padding: 2px;
  -moz-border-radius:12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  behavior: url(border-radius.htc);
   }
   
td.footer { text-align: center;
           vertical-align: middle;


}  

td.ticker { text-align: center;
           vertical-align: top;
            border: 1px solid #000;
            background-color: #d8d2b8; /*should equal the fade-to color from the script*/
            padding: 4px;  /*some space needed as browsers are different*/
           -moz-border-radius: 6px;
	      -webkit-border-radius: 6px;
	       border-radius: 6px;
	       behavior: url(border-radius.htc);
	       
}	       

  div {
    vertical-align: middle;
    
    /*background-color: transparent;*/
   -moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
   }
  
  div.main {
      text-align: left;
      width: 760px;
      height: 800px;
      margin: 0 auto
      background-color: white;
   -moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
	padding:4px;
      
}
  
 span.info {         /*user defined picture texts*/
    font-style: italic;
  }
 
 
 td.currpic {        /*current picture frame*/
    border: 1px solid #ddd;
    background-color: #FFFFFF; /*should equal the fade-to color from the script*/
    padding: 2px;  /*some space needed as browsers are different*/
     -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
  }

  td.browsetd {
    padding-right:1px;
  }

  div.tdpic{          /*browse-mode thumbnails*/
    border: 1px solid #ddd;
   background-color: #FFFFFF;
   padding: 2px;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	behavior: url(border-radius.htc);
  }

    input.slidebrowse { /*change modes button*/
    /*display:none;*/
    }
  input.sizebutton {  /*actual size / fit on screen button*/
    display:none;
    }
  select {            /*select delay between slides*/
    display:none; /*turned off*/
  }
  
  #picInfo {          /*info on the picture text; e.g. name and size*/
    /*display:none;*/
    }
  div.smallprint {    /*text under the picture, usually disclaimer*/
    font-size:smaller
    //*white-space:nowrap; *//
    /*display:none;*/
    }
  .controlTable {    /*all control buttons*/
    /*display:none;*/
    }
    
  @media screen {     /*link definitions*/
    a {color: blue}
    a:link { text-decoration:none; }
    a:visited { text-decoration:none; }
    a:hover { text-decoration:underline; }
    a:active { text-decoration:underline; }
    a:focus { text-decoration:underline; }
    }
 
 #ajaxticker1{
width: 140px;
height: 150px;
border: 0px ridge black;
padding: 5px;
background-color: #CCCCCC;
font: normal 10px Arial, Helvetica, sans-serif;
color: #000000;
line-height: 12px;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #CCCCCC;

}

#ajaxticker1 a{
	z-index: 4;
	text-decoration: none;
	color: #DDDDDD;	       
	}