body {
  /*background: url(../images/dark_blue_bg.gif);*/
  background: url(../images/background_texture2.jpg);
}

a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #647696;
}

a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #8DA4C6;
}

td.navigation {
  background-image: url(../images/bar.gif);
  width: 1000px;
}

td.secondary-nav {
  padding-left: 4px;
}

td.secondary-nav2 {
  padding: 2px 2px 2px 3px;
  background-image: url('../images/blue-background.gif');
  border-top: solid 2px #d2e8fc;
  border-bottom: solid 2px #d2e8fc;
}

a.primary-nav {
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #003399;
}

a.secondary-nav {
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #14406E;
}

a.secondary-nav:hover {
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #8DA4C6;
}

a.simple, a.simple:hover {
  font-size: 10px;
  font-weight: bold;
  color: #0000ff;
}

a.table {
  color: #0000aa;
  text-decoration: none;
}

a.table:hover {
  color: color: #8DA4C6;
}

td.main-header {
  background-image: url(../images/header.gif);
  width: 296px;
  text-align: right;
  vertical-align: bottom;
}

td.box-head, td.box-head-blue, td.box-head-grey, td.box-head-red, td.box-head-orange, td.box-head-green, td.box-head-yellow {
  width: 190px;
  background-image: url(../images/gradient_blue.gif);
  color: #ffffff;
  font-size: small;
  text-align: center;
  padding: 4px 4px 4px 4px;
}

td.box-head-blue {
  background-image: url(../images/gradient_blue.gif);
}

td.box-head-grey {
  background-image: url(../images/gradient_grey.gif);
}

td.box-head-red {
  background-image: url(../images/gradient_red.gif);
}

td.box-head-green {
  background-image: url(../images/gradient_green.gif);
}

td.box-head-yellow {
  background-image: url(../images/gradient_yellow.gif);
}

td.box-head-orange {
  background-image: url(../images/gradient_orange.gif);
}

td.box-body {
  width: 190px;
  background-color: #ffffff;
  color: #000000;
  font-size: 11px;
  line-height: 15px;
  padding: 4px 4px 4px 4px;
  border-left: 1px solid #c0d0ff;
  border-right: 1px solid #c0d0ff;
  border-bottom: 1px solid #c0d0ff;
}

td.blue-header {
  background-image: url(../images/blue-header.gif);
}

td.body {
  background-color: #ffffff;
  width: 1000px;
  border: 0px;
  vertical-align: top;
  border-bottom: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
}

td.left {
  background-image: url(../images/blue-background.gif);
}

td.bar {
  background-color: #333333;
  height: 1px;
}

td.content {
  width: 100%;
  height: 531px;
  padding: 3px 15px 15px 15px;
  border: 0px;
  vertical-align: top;
}

td.breadcrumb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666699;
  background-color: #ffffff;
  font-size: 11px;
  foweight: bold;
  text-decoration: none;
  width: 100%;
}

a.breadcrumb {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666699;
  font-size: 11px;
  foweight: bold;
  text-decoration: none;
}

a.breadcrumb:hover {
  color: #9999cc;
}

table, div {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14;
  color: #000000;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div.quote, td.quote {
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  font-style: italic;
}

div.title, p.title {
  font-size: 15px;
  font-weight: bold;
  font-family: Verdana, Arial;
  color: #5e5e5e;
  padding-top: 3px;
  padding-bottom: 4px;
}

div.slider {
  width: 600px;
  padding: 0px;
  margin: 0px;
}

div.footer {
  width: 1000px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #eee;
  text-align: center;
  padding: 2px 0px 10px 0px;
  margin-left: auto; 
  margin-right: auto; 
  margin-bottom: 20px;
}

a.footer {
  font-size: 10px;
  color: #ace;
  font-weight: normal;
  text-decoration: none;
}

a.footer:hover {
  font-size: 10px;
  color: #bef;
  font-weight: normal;
}


input, textarea, select, option {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

input, textarea {
  padding: 1px 1px 1px 1px;
}

input.box, textarea.box {
  border: 1px solid #000000;
}

td.thumbnail {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #666699;
  padding-bottom: 8px;
  vertical-align: top;
  width: 160px;
}

td.thumbnail-caption {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #666699;
  padding-bottom: 8px;
}

img.thumbnail {
  border: 1px solid #000066;
  width: 160px;
}

img.closeup {
  border: 1px solid #000066;
  width: 550px;
}

div.category {
  color: #666699;
  font-weight: bold;
  font-size: 14px;
}

div.category-items {
  font-size: 11px;
}

td.heading, a.heading {
  color: #003399;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
  white-space: nowrap;
}

td.even {
  font-size: 11px;
  background-color: #d0d0d0;
  padding: 1px 4px 1px 0px;
}

td.odd {
  font-size: 11px;
  background-color: #f0f0f0;
  padding: 1px 4px 1px 0px;
}

td.even2 {
  font-size: 11px;
  background-color: #e0e0e0;
  padding: 1px 4px 1px 0px;
}

td.odd2 {
  font-size: 11px;
  background-color: #f0f0f0;
  padding: 1px 4px 1px 0px;
}


div.subheading, p.subheading, td.subheading, div.job_description, p.job_description {
  font-weight: bold; 
  font-size: 12px; 
  color: #666699;
}


td.key, p.key {
  font-size: 11px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #0000aa;
  vertical-align: top;
  white-space: nowrap;
  padding-bottom: 2px;
}

td.key-right {
  font-size: 11px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #0000aa;
  text-align: right;
  padding-bottom: 2px;
  white-space: nowrap;
  vertical-align: top;
}

td.key-right-required {
  font-size: 11px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #003060;
  text-align: right;
  padding-bottom: 2px;
}

td.key-left-required {
  font-size: 11px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #003060;
  text-align: left;
  padding-bottom: 2px;
}

td.key-required {
  font-size: 11px;
  font-weight: bold;
  color: #003060;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-bottom: 2px;
}

td.value, p.value {
  font-size: 11px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000000;
  vertical-align: top;
  padding-bottom: 2px;
}

td.box-key {
  font-size: 11px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding-bottom: 2px;
}
td.box-value, p.box-value {
  font-size: 11px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #666666;
  white-space:nowrap;
  padding-bottom: 2px;
}

td.value2, p.value2 {
  font-size: 11px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #000066;
  padding-bottom: 2px;
}

td.success, p.success, div.success {
  font-size: 11px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #0000aa;
}

td.error, p.error, div.error {
  font-size: 11px;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #aa0000;
}

div.comments, td.comments, p.comments {
  font-size: 11px; 
  color: #666666;
  font-weight: normal;
}

td.text, p.text, div.text {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #14406E;
  padding: 0px 6px 0px 6px;
  
}

div.main-title, td.main-title {
  font: 'Lucida Grande', LucidaGrande, Lucida, Verdana, Helvetica, Arial, sans-serif;
  font-size: medium;
  font-weight: bold;
  color: #003060;
  border-bottom: 1px dotted #c0c0c0;
  margin-bottom: 5px;
}

p.main-text, div.main-text {
  font: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
  color: #000000;
}
div.main-text {
  margin-bottom: 25px;	
}

td.left-column {
  width: 200px; 
  background-color: #e0f0ff; 
  border-right: 1px solid #e0e0e0; 
  vertical-align: top; 
  padding: 5px 5px 5px 5px;
}

div.hadith {
  font-size: 11px;
  padding-bottom: 20px;
}

div.narrator {
  font-size: 11px;
  color: #0000aa;
  padding-bottom: 10px;
}

div.hadith-head, td.hadith-head {
  font-size: 11px;
  font-weight: bold; 
  color: #666699;
  border-bottom: 1px dashed #c0c0e0;
}

div.hadithinfo {
  font-size: 11px;
  color: #666666;
  padding-bottom: 2px;
}

div.small-link, td.small-link {
  font-size: 10px;
}

td.calendar-head {
  font-size: 10px;
  text-decoration: underline;
  text-align: center;
  padding-bottom: 2px;
}

td.calendar-day {
  font-size: 10px;
  color: #333333;
  text-align: center;
  padding: 1px 0px 1px 0px;
}

td.calendar-today {
  font-size: 10px;
  background-color: #ffff00;
  color: #333333;
  text-align: center;
  padding: 1px 0px 1px 0px;
}

div.cal-num {
  font-size: 10px;
  color: #14406E;
  text-align: right;
  font-weight: bold;
}

td.calendar-head-big {
  font-size: 11px;
  color: #ffffff;
  background-color: #14406E;
  text-align: center;
  padding: 2px 2px 2px 2px;
  width: 108px;
  border: 1px solid #c0c0c0;
}

td.calendar-day-light {
  font-size: 10px;
  color: #333333;
  text-align: left;
  vertical-align: top;
  padding: 2px 3px 2px 3px;
  background-color: #ffffff;
  width: 108px;
  height: 70px;
}

td.calendar-day-dark {
  font-size: 10px;
  color: #333333;
  text-align: left;
  vertical-align: top;
  padding: 2px 3px 2px 3px;
  background-color: #ddeeff;
  width: 108px;
  height: 70px;
}

td.calendar-today-big {
  font-size: 10px;
  color: #333333;
  text-align: left;
  vertical-align: top;
  padding: 2px 3px 2px 3px;
  background-color: #ffffc0;
  width: 104px;
  height: 66px;
  border: 2px solid #14406E;
}

td.calendar-day-other {
  font-size: 10px;
  color: #333333;
  text-align: left;
  vertical-align: top;
  padding: 2px 3px 2px 3px;
  background-color: #eeeeee;
  width: 108px;
  height: 70px;
}

td.calendar-text {
  font-size: 9px;
}

td.arabic {
  text-align: right;
  font-size: 20px;
  line-height: 36px;
}

td.arabic-even {
  text-align: right;
  padding-right: 3px;
  font-size: 20px;
  line-height: 36px;
  background-color: #e0e0e0;
}

td.arabic-odd {
  text-align: right;
  padding-right: 3px;
  font-size: 20px;
  line-height: 36px;
  background-color: #f0f0f0;
}

div.side-dash-box {
  background-image: url(../images/grey-white.gif);
  border: 1px dashed #999999; 
  padding: 4px 4px 4px 4px; 
  font-size: 12px; 
  margin-bottom: 35px;
}

div.form-section {
  border: solid black 1px; 
  background-image: url(../images/grey-white.gif); 
  margin: 0px 0px 10px 0px; 
  padding: 4px 4px 4px 4px;
}

div.event-box {
  border: dashed gold 1px; 
  background-image: url(../images/grey-white.gif); 
  margin: 0px 0px 15px 0px; 
  padding: 2px 2px 2px 2px;
}

div.calendar-M, td.calendar-M {
  background-color: #d0e0ff; 
  border: 1px solid #9999aa; 
  margin: 1px 1px 3px 1px; 
  padding: 1px;
  line-height: normal;
}

div.calendar-F, td.calendar-F {
  background-color: #ffe0e0; 
  border: 1px solid #aa9999; 
  margin: 1px 1px 3px 1px; 
  padding: 1px;
  line-height: normal;
}

div.calendar-B, td.calendar-B {
  background-color: #e0ffe0; 
  border: 1px solid #99aa99; 
  margin: 1px 1px 3px 1px; 
  padding: 1px;
  line-height: normal;
}

div.calendar-heading-M, td.calendar-heading-M {
 background-image: url(../images/gradient_lightblue.gif);
 color: white;
 font-weight: bold;
 text-align: center;
 padding: 2px 0px 2px 0px;
}

div.calendar-heading-F, td.calendar-heading-F {
 background-image: url(../images/gradient_pink.gif);
 color: white;
 font-weight: bold;
 text-align: center;
 padding: 2px 0px 2px 0px;
}

div.calendar-heading-B, td.calendar-heading-B {
 background-image: url(../images/gradient_lightgreen.gif);
 color: white;
 font-weight: bold;
 text-align: center;
 padding: 2px 0px 2px 0px;
}

div.calendar-cancelled, div.event-cancelled {
 background-color: #aa0000;
 color: white;
 font-weight: bold;
 text-align: center;
 padding: 2px 0px 2px 0px;
}

div.calendar-standard, div.event-standard {
 background-image: url(../images/gradient_grey.gif);
 color: white;
 font-weight: bold;
 text-align: center;
 padding: 2px 0px 2px 0px;
}

td.event-cancelled {
  background-color: #aa0000; 
  color: #ffffff;
  border: 1px solid #000000; 
  margin: 0px;
  padding: 2px;
  line-height: normal;
  font-size: 11px;
}

td.event-standard {
  background-image: url(../images/gradient_grey.gif);
  color: #ffffff;
  border: 1px solid #666; 
  margin: 0px;
  padding: 2px;
  line-height: normal;
  font-size: 11px;
}

td.event-scheduled {
  background-color: #e0ffe0; 
  color: #000000;
  border: 1px solid #99aa99; 
  margin: 0px;
  padding: 2px;
  line-height: normal;
  font-size: 11px;
}


div.event-featured {
 background-color: #000099;
 color: white;
 font-weight: bold;
 text-align: center;
 padding: 2px 0px 2px 0px;
}


div.plain-box, td.plain-box {
  background-color: #e0e0e0; 
  border: 1px solid #999999; 
  margin: 1px 1px 3px 1px; 
  padding: 1px;
  line-height: normal;
  font-size: 11px;
}

a.calendar {
  color: #000000;
  text-decoration: none;
}

a.calendar:hover {
  color: #666666;
  text-decoration: none;
}

a.calendar-M {
  color: #112255;
  text-decoration: none;
}

a.calendar-M:hover {
  color: #445588;
  text-decoration: none;
}
a.calendar-F {
  color: #330000;
  text-decoration: none;
}

a.calendar-F:hover {
  color: #774444;
  text-decoration: none;
}

a.calendar-B {
  color: #003300;
  text-decoration: none;
}

a.calendar-B:hover {
  color: #336633;
  text-decoration: none;
}

a.text-M {
  color: #000099;
  text-decoration: none;
}

a.text-M:hover {
  color: #3333dd;
  text-decoration: none;
}
a.text-F {
  color: #990000;
  text-decoration: none;
}

a.text-F:hover {
  color: #cc3333;
  text-decoration: none;
}

a.text-B {
  color: #006600;
  text-decoration: none;
}

a.text-B:hover {
  color: #339933;
  text-decoration: none;
}
ol.answer {
 margin: 2px 0px 2px 0px;
}

div.question, td.question {
  font-size: 11px;
  color: #0000cc;
}

li.answer {
  font-size: 11px;
}

div.ui-datepicker{
 font-size:62.5%;
}