/* -*-c++-*- */


/* General Style Definitions */

body {color: #000000; font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; color: black;}


select { background-color: #e0e0e0; color:black; font-family: Verdana, Helvetica, sans-serif; fixed-width; border: 1px solid #666633;  font-size: 8pt;}


input.button {
 background-color: #ffff00; font-family:Verdana, Helvetica, sans-serif; color:black;  font-size: 8px;}


p {font-size: 10pt;}	
	
a:link
{
    COLOR: #0000cc;
}

a:visited
{
    COLOR: #0000cc;
}


a:hover
{
    COLOR: orange;
}



/* Contact */

.contact {font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color:black;}

.contact th.first {font-family: Verdana, Helvetica, sans-serif; color: black; font-size: 12pt; text-align: center; }

.contact td.second {color:black; font-size:8pt; line-height: 125%; word-spacing: 0.2em; font-weight:lighter; text-align:center; font-family: Verdana, Helvetica, sans-serif;}

.contact a.pfv {font-size:8pt;}

.contact h1 { font-family: "Trebuchet MS"; text-transform: uppercase;color:black; font-size: 12pt;}

.contact h2 { font-size:10pt; color:navy; }

.contact h3 { font-size:10pt; }

.contact p { font-size:9pt; color:black; }

.contact a { font-size:8pt; }

.form td {font-family: verdana; font-size: 8pt; color: black;} 

.form.title {font-family: verdana; font-size: 7pt; color: black; background-color:transparent; text-align:right;}

.form select { background-color: white; font-family: Verdana, Console;  border: ridge 1px black; font-size: 8pt;}

.form input {background-color: white; font-family: Verdana,Console,font-size: 9pt; border: ridge 1px black;}

.form textarea {background-color: white; font-family: Verdana,Console,font-size: 9pt; border: ridge 1px black;}



/***********************************/
/* Area specific Style definitions */
/***********************************/

.header   {background-image: url(/images/masjid4_top.jpg); background-repeat: no-repeat;}

.header_inner   {margin-bottom: 3em; background-image: url(/images/masjid4_top_in.jpg); background-repeat: no-repeat;}

.footer   {background-image: url(/images/masjid4_btm.jpg); background-repeat: no-repeat; padding: 20px;
	font-family: Verdana, Helvetica, sans-serif;  Font-size:8pt; text-align: center; color: white; font-weight: bold;}

.foot_main   {font-family: Verdana, Helvetica, sans-serif;  vertical-align:bottom; Font-size:8pt; text-align: center; color: black; font-weight: bold;}
	
.footer td    {font-family: Verdana, Helvetica, sans-serif;  Font-size:8pt;
               font-weight: bold; text-align: center; color: black;}
.footer a:link {color: yellow;}
.footer a:visited {color: yellow;}
.footer a:hover {color: orange;}



.middle   {background-image: url(/images/masjid4_hslice.jpg); background-repeat: repeat-y; padding: 0px 15px;}

.centercolumn {padding: 0px 5px;}


/* Prayers List Tool Styles */

.prayersList { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; vertical-align:top;}

.prayersList table.main {/*border: ridge 2px #0000cc;*/ }

.prayersList th.first {font-family: Trebuchet MS, Verdana; color:black; font-size: 12pt; text-align: center; font-weight:bold; }

.prayersList th.second {font-family:Trebuchet MS,verdana,helvetica; text-align:left; color:#000000; vertical-align:bottom; font-size:8pt;}

.prayersList td { font-size:8pt;}

.prayerslist input.button {background-color: navy; font-family:Verdana, Helvetica; fixed-width;  font-size: 10px; font-weight:bold; color:white;}


.prayerTimeTable h1 { font-weight: bolder; font-size: 14px; text-transform: uppercase; color: navy; 
 font-family: Verdana; letter-spacing: 1px; text-decoration: none; text-align:center;}

.prayerTimeTable th { font-size: 12px; text-transform: uppercase; color: navy; text-align:center; 
 font-family: Verdana; text-decoration: none;}

.prayerTimeTable td { font-size: 12px; color: black; text-align:center; 
 font-family: Verdana; text-decoration: none;}


/* Announcement List Tool Styles */

.announcementList { font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 10pt color:black;}

.announcementList table {background-color: white;}

.announcementList table.crazy {border: 0px; font-family: Verdana, sans-serif; font-size: 9pt;}

.announcementList th.first {font-family:Trebuchet MS,verdana,helvetica; background-color:#F7B13F; color:black; font-size: 10pt font-weight: normal;}

.announcementList h1 { font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; color:navy; font-size:10pt; font-weight: bold; }

.announcementList h2 {font-family:Trebuchet MS,verdana,helvetica; color:blue; font-size:10pt; font-weight: normal; }

.announcementList p {font-family: Verdana, Helvetica, sans-serif; color:black; font-size:10pt; margin-top: 0px; margin-bottom: 0px;}

.announcementList p.more {font-size:9pt; }

.announcementList a {font-size:9pt;font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; }

.announcementList table.main {background-color: #737373; }

/* Announcement Detail Styles */

.announcementDetail a.pfv {font-size:8pt;}

.announcementDetail { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color:red;}

.announcementDetail h1 { font-family:Trebuchet MS,verdana,helvetica; font-size:14pt; color:navy; font-weight:bold; }

.announcementDetail h2 { font-family:Trebuchet MS,verdana,helvetica; font-size:12pt; color:#F7B13F; }

.announcementDetail h3 { font-size:10pt; }

.announcementDetail p.td { font-size:8pt;font-family: Verdana, Helvetica, sans-serif; }

.announcementDetail a {font-size:9pt;font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; }


/* Table of Contents Tool Styles */

.toch {border: thin groove black; font-family: Trebuchet MS, Verdana, Helvetica;}

.toch th {font-family: "Trebuchet MS"; text-transform: uppercase;text-align:left; color:navy; font-size: 10pt;}

.toch h4 {color:navy; font-size: 9pt;font-family: Trebuchet MS, Verdana;  font-weight:bolder; font-variant: small-caps; text-align: left; }

.toch ul  { }

.toch li {list-style-image:url(/images/images/menuclosed.gif); text-indent:none;}

.toch a:link {font-size: 8pt;font-family:  Verdana;  color: navy;text-decoration:none;}

.toch a:visited {font-size: 8pt;font-family:Verdana;  color: navy;text-decoration:none;}

.toch a:hover {font-size: 8pt;font-family:Verdana;   color: orange;text-decoration:none;}
                                 

/* Classroom List Tool Styles */

.classroomList { font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-size: 10pt color:black;}

.classroomList table {background-color: white;}

.classroomList table.crazy {border: 0px; font-family: Verdana, sans-serif; font-size: 9pt;}

.classroomList th.first {font-family:Trebuchet MS,verdana,helvetica; background-color:#F7B13F; color:black; font-size: 10pt;}

.classroomList h1 { font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; color:navy; font-size:10pt; font-weight: bold; }

.classroomList h2 {font-family:Trebuchet MS,verdana,helvetica; color:blue; font-size:9pt; font-weight: normal; }

.classroomList p {font-family: Verdana, Helvetica, sans-serif; color:black; font-size:8pt; margin-top: 0px; margin-bottom: 0px;}

.classroomList p.more {font-size:8pt; }

.classroomList a {font-size:9pt; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; }

.classroomList table.main {background-color: #737373; }

/* Announcement Detail Styles */

.classroomDetail a.pfv {font-size:8pt;}

.classroomDetail { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color:red;}

.classroomDetail h1 { font-family:Trebuchet MS,verdana,helvetica; font-size:14pt; color:navy; font-weight:bold;}

.classroomDetail h2 { font-family:Trebuchet MS,verdana,helvetica; font-size:12pt; color:#F7B13F; }

.classroomDetail h3 { font-size:10pt; }

.classroomDetail p.td { font-size:8pt;font-family: Verdana, Helvetica, sans-serif; }


/* Maling List (MLM) Sign up Styles */

.mlm table {border: ridge 2px white; background-color: white; }

.mlm input {background-color: white; font-family: Verdana,Console,font-size: 9pt; border: ridge 1px black;}

.mlm h1 {color:darkblue; font-family: "Trebuchet MS"; text-transform: uppercase; font-weight:bold; font-size: 9pt;}

.mlm h2 {font-size: 8pt; }

.mlm li {font-size: 8pt; }

.mlm p {font-size: 8pt;}

.mlm input {font-size: 8pt; }


/* Page Menu Styles */

.pageMenu {color: navy; font-size:8pt; text-align:left; font-weight: bold;}

.pageMenu a:link {font-family: Verdana; color: navy;text-decoration: none;font-weight: bold;}

.pageMenu a:visited		{color: navy;text-decoration: none;font-weight: bold}

.pageMenu a:hover 		{text-decoration: underline;color: orange;font-weight: bold}





/* Photo Gallery Styles */

.photoGallery { font-family: Verdana, Helvetica, sans-serif; font-size:10pt }

.photoGallery th { font-family:Trebuchet MS,verdana,helvetica; text-align:center; color:black; font-weight:bold; font-size:9pt; }

.photoGallery table { border:1; empty-cells:show; }

.photoDetail table.main { border: ridge 2px white; background-color: white;  }

.photoDetail td {   background-color: #333366; }

.photoDetail a {   color: #ccccff; }

.photoDetail { font-family: Verdana, Helvetica, sans-serif; font-size:10pt;}

.photoDetail td.prevnext {vertical-align: bottom; }

.photoDetail p.caption { text-align:left; color:yellow; font-style:italic; font-size:8pt;font-family: Verdana, Helvetica, sans-serif;}

.photoDetail p.credit { color: green; font-size: 8pt;font-family: Verdana, Helvetica, sans-serif;}

/* Section List Tool Styles */

.sectionList { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt;}

.sectionList table {background-color: white; color: black;}

.sectionList table.crazy {border: 0px; font-family: Verdana, sans-serif; font-size: 9pt;}

.sectionList th.first {font-family:verdana,helvetica; text-align:left; color:black; font-size: 10pt}

.sectionList h1 {font-family:Trebuchet MS,verdana,helvetica; color:navy; font-size:10pt;font-weight:bold; }

.sectionList p {color:black; font-size:8pt;font-family: Verdana, Helvetica, sans-serif; }

.sectionList p.more {font-size:8pt; }

.sectionList a {font-size:8pt; font-family:Verdana, Helvetica, sans-serif; text-decoration: none; font-weight:bold; color:navy;}

.sectionList a:visited	{color: navy; text-decoration: none; font-weight: bold;}

.sectionList a:hover {text-decoration: underline; color:orange; font-weight: bold;}





/* Section Detail Styles */

.sectionDetail a.pfv {font-size:8pt;}

.sectionDetail { font-family: Verdana, Helvetica, sans-serif; font-size: 8pt; color:red;}

.sectionDetail h1 { font-family:Trebuchet MS,verdana,helvetica; font-size:14pt; color:navy; font-weight:bold; }

.sectionDetail h2 { font-family:Trebuchet MS,verdana,helvetica; font-size:12pt; color:#F7B13F; }

.sectionDetail h3 { font-size:14pt; color:#F7B13F;}