body {
  font-family:"Verdana","Arial",sans-serif;
  font-size:80%;
  padding:0px;
  margin:5px;
}

h1 {
  background:transparent url("../images/icon.gif") no-repeat top left;
  color:#FFF;
  font-family:"Georgia";
  font-size:0px;
  height:105px;
  left:5px;
  margin:5px 0px 0px 0px;
  position:absolute;
  top:5px;
  width:85px;
  z-index:100;
}

#icon {
  border:0px;
  height:105px;
  left:5px;
  margin:5px 0px 0px 0px;
  position:absolute;
  top:5px;
  width:85px;
  z-index:100;
}

div#menu {
  float:left;
  padding:55px 0px 0px 100px;
  /*width:610px;*/
}
ul#nav, ul#nav li {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
ul#nav {
  padding-left:15px;
}
ul#nav li {
  float:left;
  margin-right:4px;
  text-align:center;
  width:110px;
}

/* default styles */
ul#nav a {
  background:#EEE;
  color:#999;
  float:left;
  padding:5px 0px 5px 0px;
  text-decoration:none;
  width:110px;
}
ul#nav li.activelink a, ul#nav a:hover {
  color:#000;
}
#a0 a {
  border:1px solid #EEE;
  color:#999 !important;
}
#a0 a:hover, #a0 a.active {
  background:#DDD;
  border:1px solid #CCC;
  color:#333 !important;
}
#c0 {
  background:#EEE;
  border:1px solid #CCC;
  color:#333;
}

/* style #1 */
#a1 a {
  border:1px solid #EEE;
  color:#999 !important;
}
#a1 a:hover, #a1 a.active {
  background:#F66;
  border:1px solid #C00;
  color:#C00 !important;
}
#c1 {
  background:#F66;
  border:1px solid #C00;
  color:#FFE;
}

/* style #2 */
#a2 a {
  border:1px solid #EEE;
  color:#999 !important;
}
#a2 a:hover, #a2 a.active {
  background:#FC6;
  border:1px solid #F90;
  color:#F90 !important;
}
#c2 {
  background:#FC6;
  border:1px solid #F90;
  color:#333;
}

/* style #3 */
#a3 a {
  border:1px solid #EEE;
  color:#999 !important;
}
#a3 a:hover, #a3 a.active {
  background:#CF6;
  border:1px solid #060;
  color:#060 !important;
}
#c3 {
  background:#CF6;
  border:1px solid #060;
  color:#333;
}

/* style #4 */
#a4 a {
  border:1px solid #EEE;
  color:#999 !important;
}
#a4 a:hover, #a4 a.active {
  background:#CA3;
  border:1px solid #960;
  color:#960 !important;
}
#c4 {
  background:#CA3;
  border:1px solid #960;
  color:#333;
}

/* style #5 */
#a5 a {
  border:1px solid #EEE;
  color:#999 !important;
}
#a5 a:hover, #a5 a.active {
  background:#CFF;
  border:1px solid #039;
  color:#039 !important;
}
#c5 {
  background:#CFF;
  border:1px solid #039;
  color:#333;
}

.content {
  clear:both;
  margin:0px 10px;
  padding:20px 50px 5px 60px;
}

#spacer1 {
  clear:both;
  line-height:3px;
}

img.iKhutbah {
  border:3px outset #AAA;/*#C00;*/
  height:auto;
  padding:1px;
  width:700px;
}

p.hr {
  border-bottom:3px solid #AAA;/*#C00;*/
  margin:0px 60px 30px 0px;
}

.content a {
  border-bottom:1px dotted #333;
  color:#999; 
  text-decoration:none;
}
.content a:hover {
  border-bottom:1px solid #333;
  color:#000;
}

p.img_viewer {
  font-family:"Courier New","Verdana";
}

p.img_viewer img {
  border:3px outset #AAA;/*#C00;*/
}

.btnViewer {
  width:800px;
  border:0px;
}
.btnViewer td {
  text-align:center;
  vertical-align:middle;
}
.btnViewer1 {
  cursor:pointer;
  width:45px;
}
.btnViewer2 {
  font-family:"Courier New","Verdana";
  width:auto;
}

img.viewer01 {
  border:3px outset #AAA;/*#C00;*/
  cursor:url("../images/zoom_in.cur"),move;
  height:600px;
  width:800px;
}

img.viewer02 {
  border:2px outset #AAA;/*#C00;*/
  cursor:url("../images/zoom_out.cur"),move;
  height:auto;
  width:auto;
}

.iFrame {
  height:50em;
  width:100%
}

.blogs {
  background-color:#FFF;
  font-size:90%;
  margin:20px 0px;
  padding:10px;
}

.blogs h2 {
  border-bottom:3px double #CCC;
  font-size:120%;
  margin:0px 0px 10px 0px;
  font-weight: bold
}

.blogs h3 {
  font-size:110%;
  margin:0px 0px 5px 0px;
  font-weight: bold
}

.blogs h3 a {
  color:#333 !important;
  border-bottom:0px !important;
}
.blogs h3 a:hover {
  border-bottom:1px solid #333 !important;
}

.blogs .entry {
  border-bottom:1px solid #CCC;
  font-size:100%;
  margin-bottom:10px;
}

.blogs .date {
  font-size:85%;
}

a.pdf {
  border:1px dashed #AAA;/*#C00;*/
  color:#333;/*#C00;*/
  display:inline-block;
  font-weight:bold;
  padding:10px;
  text-decoration:none;
}
a.pdf img {
  border:0px;
  margin-right:5px;
  vertical-align:middle;
}
a:hover.pdf {
  border-style:solid;
  background-color:#FFF;
}

#footer {
  border-top:1px solid #CCC;
  color:#CCC;
  font-size:80%;
  margin:10px 2px 20px 2px;
  padding:3px;
}
#footer a {
  color:#AAA;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}

.fcoll {
  float:left;
  padding-left:20px;
  text-align:left;
  width:20%;
}

.fcolm {
  float:left;
  text-align:center;
  width:55%;
}

.fcolr {
  float:right;
  padding-right:20px;
  text-align:right;
  width:20%;
}

#contact { }
.tblForm tr {
  vertical-align:top;
}
.tblForm td {
  padding:2px 5px;
}
.col1 {
  padding-top:5px !important;
}
.col2 { }
.col2 input:focus, .col2 textarea:focus {
  background-color:#EEE;
  border:2px solid #333;
}
.bg1 {
  background-color:#CCC;
}
.bg2 {
  background-color:#DDD;
}
.bg3 {
  background-color:#FFE;
}
.req { 
  color:#C00;
  font-size:80%; 
}

.bb { border-bottom:1px solid #AAA; }
.none { display:none; }
.block { display:block; }
.clear { clear:both; }

@media print {
  h1 {
    border-bottom:1px solid #CCC;
    color:#000;
    display:block;
    font-size:200%;
    height:auto;
    position:relative;
    width:auto;
  }
  #icon {
    display:none;
  }
  div#menu {
    float:left;
    padding-top:5px;
    width:600px;  
  }
}