body 
{
	font-size:9pt;
	background-image:url('../images/main-gradient-background.jpg');
	background-repeat:repeat-x;
	background-color:#FFF9D0;
	margin-top:0px;
	font-family: Arial, Verdana, Sans-Serif;	
	color: #472A20;
	
}

h1
{
    font-size:11pt;
	color:#00CCFF;
	font-weight:bold;
}

H1 A
{
    text-decoration: none;
}


h2
{
    font-size:11pt;
}

.page
{
	width:auto;
	margin:auto;
	display:table;
}

.header
{
	background-image:url('../images/main-header.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	height:58px;
	width:979px;
}

.footer
{
    width:100%;
    text-align: center;
    padding-top: 10px;
    display: block;
}

.fine-print
{
    font-size: 8pt;
}

.address
{
	padding-top: 37px;
	padding-left: 3px;
	font-family: Arial, Verdana, Sans-Serif;
	color:#01BCEB;
	width:100%;
	font-weight:bolder;
	font-size:9pt;
}

.menu
{
	background-image:url('../images/menu.jpg');
	height:39px;
	width:979px;
}

a.home-menu-item
{
	display: block;
	width:113px;
	height:39px;
	text-decoration: none;
	background-image:url('../images/menu.jpg');
	background-position: 0px 0px;
}

a.home-menu-item:hover 
{
	background-position: 0px 78px;
}

a.home-menu-item:active 
{
	background-position: 0px 39px;
}

a.directory-menu-item
{
	display: block;
	width:116px;
	height:39px;
	text-decoration: none;
	background-image:url('../images/menu.jpg');
	background-position: -113px 0px;
}

a.directory-menu-item:hover
{
	background-position: -113px 78px;
}

a.directory-menu-item:active
{
	background-position: -113px 39px;
}

.empty-menu-space 
{
	display: block;
	width:384px;
	height:39px;
}

a.organizations-menu-item
{
	display: block;
	width:138px;
	height:39px;
	text-decoration: none;
	background-image:url('../images/menu.jpg');
	background-position: -613px 0px;
}

a.organizations-menu-item:hover
{
	background-position: -613px 78px;
}

a.organizations-menu-item:active
{
	background-position: -613px 39px;
}

a.blog-menu-item
{
	display: block;
	width:110px;
	height:39px;
	text-decoration: none;
	background-image:url('../images/menu.jpg');
	background-position: -751px 0px;
}

a.blog-menu-item:hover
{
	background-position: -751px 78px;
}

a.blog-menu-item:active
{
	background-position: -751px 39px;
}

a.links-menu-item
{
	display: block;
	width:118px;
	height:39px;
	text-decoration: none;
	background-image:url('../images/menu.jpg');
	background-position: -861px 0px;
}

a.links-menu-item:hover
{
	background-position: -861px 78px;
}

a.links-menu-item:active
{
	background-position: -861px 39px;
}

.menu-bottom
{
	display: block;
	width:979px;
	height:7px;
	background-image:url('../images/menu-bottom.jpg');
}

.menu-bottom-secondary
{
	display: block;
	width:979px;
	height:7px;
	
}

.panel-long
{
	display: block;
	width:229px;
	height:263px;
	background-image:url('../images/panel-long-bg.png');
	background-position:center top;
	background-repeat:no-repeat;
	
}

.panel-long-content
{
	padding: 5px 12px 5px 12px;
}

.panel-long h1
{
	margin: 0 0 0 0;
	padding: 0px 0px 5px 0px;
}

.panel-long p
{
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
}


.panel-short-header
{
	margin: 0px 0px 0px 0px;
	background-image:url('../images/panel-short-top-bg.png');
    background-position:center top;
    background-repeat:no-repeat;
    height:23px;    
}

.panel-short-header h1
{
	margin: 0 0 0 0;
	padding: 5px 12px 0px 12px;
}

.panel-short
{
	
	display: block;
	width:229px;
	background-image:url('../images/panel-short-body-bg.png');
	background-repeat: repeat;
}

.panel-short-footer
{
    display: block;
    background-image:url('../images/panel-short-bottom-bg.png');
    background-position:center bottom;
    background-repeat:no-repeat;
    height:7px;
    margin-bottom: 8px;
}

.panel-short-content
{
	padding: 5px 12px 0px 12px;
	  background-image:url('../images/panel-short-top-body-bg.png');
    background-position:center top;
    background-repeat:no-repeat;
}

.panel-content-header
{
    background-image:url('../images/panel-content-header-bg.png');
    background-position:center top;
    background-repeat:no-repeat;
    height:25px;
    width: 742px;
    margin-left: 8px;
}

.panel-content-header h1
{
	margin: 0 0 0 0;
	padding: 5px 11px 0px 12px;
}

.panel-content
{
	display: block;
	width:742px;
	background-image:url('../images/panel-content-body-bg.png');
	background-position:center top;
	background-repeat:repeat-y;
	margin-left: 8px
}


.panel-content-content
{
    background-image:url('../images/panel-content-body-top-bg.png');
    background-position:center top;
    background-repeat:no-repeat;
    padding: 5px 20px 0px 12px;
}

.panel-content-footer
{
    display: block;
    width:742px;
    background-image:url('../images/panel-content-footer-bg.png');
    background-position:center bottom;
    background-repeat:no-repeat;
    height:7px;
    margin-left: 8px
}



.panel-main-header
{
	margin: 7px 0px 0px 0px;
	background-image:url('../images/panel-main-header-bg.png');
    background-position:center top;
    background-repeat:no-repeat;
    height:25px;    
}
.panel-main-header h1
{
	margin: 0 0 0 0;
	padding: 5px 20px 0px 20px;
}


.panel-main
{
	display: block;
	width:518px;
	background-image:url('../images/panel-main-body-bg.png');
	background-position:center top;
	background-repeat:repeat-y;
}

.panel-main-content
{
    padding: 5px 20px 0px 20px;
	background-image:url('../images/panel-main-body-top-bg.png');
    background-position:center top;
    background-repeat:no-repeat;
}

.panel-madrasah-header
{
	margin: 0px 0px 0px 0px;
	background-image:url('../images/panel-main-header-bg.png');
    background-position:center top;
    background-repeat:no-repeat;
    height:25px;    
}

.panel-madrasah-header h1
{
	margin: 0 0 0 0;
	padding: 5px 0px 0px 0px;
}

.panel-madrash
{
	display: block;
	width:518px;
	background-image:url('../images/panel-main-body-bg.png');
	background-position:center top;
	background-repeat:repeat-y;
}

.panel-mdrasah-content
{
    padding: 5px 0px 0px 0px;
	background-image:url('../images/panel-main-body-top-bg.png');
    background-position:center top;
    background-repeat:no-repeat;
}


.panel-main-footer
{
    display: block;
    background-image:url('../images/panel-main-footer-bg.png');
    background-position:center bottom;
    background-repeat:no-repeat;
    height:7px;
}



.splash-image
{
	display: block;
	width:518px;
	height:128px;
	background-image:url('../images/splash-image.jpg');
	background-position:center top;
}

.main-panel
{
	display: block;
	width:auto;
	height:341px;
	background-image:url('../images/main-panel-bg.png');
	background-position:center top;
	background-repeat:no-repeat;
}

a
{
	color:#01BCEB;
	
}

.locationText
{
	font-size:7pt;
}

.salaat-time-table tr
{
    height:20px;
}

.salaat-time-name
{
	font-weight:bold;	
}

.salaat-time
{
	text-align:right;
	font-weight:bold;
}

.salaat-time-divider
{ 
    text-align:center;
    padding-top: 3px;
	width: 50px;
}

/* CALENDAR STYLES */

.calendar-month
{
    font-weight:bold;
}

.calendar-table th
{
    padding: 5px 0px 0px 0px;
    width:25px;
    text-align:left;
    vertical-align:middle;
}

.calendar-table td
{
    padding: 3px 0px 0px 0px;
    width:25px;
    text-align:left;
    vertical-align:middle;
}

.calendar-controls
{
    padding: 3px 0px 0px 0px;
    width: 175px;
    font-weight: bold;
}

/* END-CALENDAR STYLES */


.line-divider
{
    margin: 6px 0px 6px 0px;
    background-image:url('../images/line-divider.gif');
    height:1px;
}


.akhbar-post-date
{
    font-size: 8pt;
}


.akhbar-table
{
    padding-bottom:20px;
}

.akhbar-table tr td img
{
    border-width: 2px;
    border-style:solid;
    border-color: #472A20;
    margin: 0px 5px 10px 0px;
}

.akhbar-table tr td
{
    vertical-align:top;
}

.akhbar-table tr td h2
{
    margin-top:0px;
    margin-bottom:5px;
    font-size: 10pt;
    text-decoration: underline;
}

.akhbar-table tr td p
{
    margin-top:0px;
    margin-bottom:5px;
}

.akhbar-table-even
{
    text-align:right;
}

.akhbar-table-even tr td img
{
    margin: 0px 0px 10px 5px;
}

.context-menu
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
}

.context-menu li
{
    padding-bottom: 5px;
}

.panel-table tr td
{
    vertical-align:top;
}
