/* Start of CMSMS style sheet 'BISWEB.ORG v4.1' */
/* 
###### BISWEB.ORG MAIN CSS V4.1 ######
###### created 7/6/08, mma           ######
*/

/*
###### BODY ######
*/

body {
	background-color: #333583;
	/*background: url(/files/images/bg2.jpg) #333583;*/
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#404040;
	padding:0px;
	margin:0px;
}

/*
###### GLOBAL STYLES ######
*/

img {
	border: 0px;
}

form {
	padding: 0px;
	margin: 0px;
}

input[type="image"] {
	border: 0px;
}

.image-left {
	float: left;
	margin: 5px 10px 0 0;
}

.image-right {
	float: right;
	margin: 5px 0 0 10px;
}

#dhtmltooltip{
	position: absolute;
	width: 180px;
	padding: 8px;
	color: #000000;
	border: solid 1px #FFCC00;
	background-color:#fff7d8;
	/*background-color: #e5f2e5;
	border: solid 1px #008000;*/
	visibility: hidden;
	z-index: 100;
	font-family: tahoma, sans-serif;
	text-align: justify;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

.handcursor{
	cursor:hand;
	cursor:pointer;
}

/*
###### LAYOUT CONTAINER ######
*/

#container {
	clear: both;
	width: 800px;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	background: url(/files/images/content_bg.gif) repeat-y center #FFFFFF;
	/*border-left: solid 1px #FFCC00;
	border-right: solid 1px #FFCC00;*/
}

/*
###### BANNER ######
*/

#banner {
	background-color: #FFFFFF;
	text-align: right;
	padding: 0px;
	margin: 0px;
}
#banner img {
	padding: 0px;
}

/*
###### QUICK LINKS ######
*/

#quicklinks {
	margin: 0;
	padding: 6px 0 6px 0;
	width: 800px;
	background-color: #888ACA;
	border-top: solid 1px #FFCC00;
	text-align: left;
}
#quicklinks ul {
	margin: 0 0 0 12px;
	padding: 0;
}
#quicklinks li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#quicklinks a {
	margin: 0 16px 0 0;
	font-family: tahoma, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
#quicklinks a:hover {
	border-bottom: solid 1px #FFCC00;
}

#quicklinks .ql-label {
	padding: 0px 16px 0px 0px;
	margin-right: 12px;
	background: url(/files/images/a2.gif) no-repeat right center;
	font-family: tahoma, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
}

/*
###### MAIN CONTENT AREA ######
*/

#content {
	/*background: url(/files/images/star_bg.png) no-repeat top left #FFFFFF;*/
	background-color: #ffffff;
	padding: 0px;
	margin-right: 200px;
	margin-left: 0px;
}

div#content { 
	min-height:500px;
	height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
}

#contentmargin {
	margin: 10px;
}

#content p {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	line-height: 150%;
	text-align: justify;
}

#content a {
	/*font-weight: normal;*/
	text-decoration: none;
	color: #888aca;
}

#content a:hover {
	border-bottom: solid 1px #FFCC00;
}

#content .maintitle {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-family: tahoma, sans-serif;
	font-size: 150%;
	color: #C0C0C0;
	text-transform: uppercase;
	letter-spacing: 5px;
}

#content h2 {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 170%;
	color: #333583;
	
}

#content h3 {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 150%;
}

#content h4 {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 130%;
}

#content ul {
	margin: 0px;
	padding: 0px;
}

#content ul li {
	margin: 0px 0px 0px 24px;
	padding: 0px;
	font-size: 100%;
	line-height: 150%;
}

#content hr {
	height: 1px;
	color: #888aca;
}

/*
###### BREADCRUMB TRAIL ######
*/

#breadcrumb {
	margin: 0px 0px 10px 0px;
	padding: 4px;
	/*background-color: #fff7d8;
	border: solid 1px #FFCC00;*/
	background-color: #EEEEEE;
	border: solid 1px #C0C0C0;
	font-family: tahoma, sans-serif;
	font-size: 100%;
}

#breadcrumb a {
	font-weight: normal;
}

#breadcrumb .lastitem {
	font-weight: bold;
	color: #008000;
}


/*
###### FRONT PAGE ALERT ######
*/

#fpalert {
	margin: 0px 0px 10px 0px;
	padding: 16px 16px 0px 16px;
	background-color: #e5f2e5;
	border: solid 2px #008000;
}

#fpalert h2 {
	margin: 0px 0px 10px 0px;
	font-size: 200%;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}



/*
###### FRONT PAGE CALENDAR ######
*/

#fpcal {
	margin: 0px 0px 10px 0px;
}

#fpcal h2 {
	margin: 0px 0px 10px 0px;
	font-family: tahoma, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #333583;
}

#fpcal h2 span {
	font-size: 85%;
	font-weight: normal;
}

#fpcal h2 span a {
	font-size: 85%;
	font-weight: normal;
}


/*
###### FRONT PAGE TWITTER ######
*/

#fpfacebook {
	margin: 0px 0px 10px 0px;
}


/*
###### FRONT PAGE TWITTER ######
*/

#fptwitter {
	margin: 0px 0px 10px 0px;
}

#fptwitter h2 {
	margin: 0px 0px 10px 0px;
	font-family: tahoma, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #333583;
}

#fptwitter .twittersms {
	clear: both;
	margin: 10px 0px 10px 0px;
	padding: 8px;
	border: solid 1px #FFCC00;
	background-color:#fff7d8;
	font-size: 85%;
	font-weight: bold;
	text-align: left;
}


/*
###### FRONT PAGE EVENTS ######
*/

#fpevents {
	/*width:267px;*/
	/*float: right;*/
	min-height: 300px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background:url(/files/images/cal_block_bg2.gif) no-repeat top right #E1E2F2;
	/*background:url(/files/images/cal_block_bg.gif) no-repeat top right #fff7d8;*/
	/*border: solid 1px #FFCC00;*/
}

#fpevents h2 {
	margin: 0px 0px 0px 0px;
	font-family: tahoma, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #333583;
}

#fpevents p {
	margin: 8px 0px 8px 0px;
	font-family: tahoma, sans-serif;
	font-size: 100%;
	line-height: 150%;
	text-align: justify;
}

#fpevents .fpevents_day {
	margin: 10px 0px 0px 0px;
	font-family: tahoma, sans-serif;
	font-size: 120%;
	font-weight: bold;
	/*color: #888aca;*/
	cursor:hand;
	cursor:pointer;
}

#fpevents .switchgroup1 {
	margin: 4px 0px 0px 24px;
	font-family: tahoma, sans-serif;
	font-size: 100%;
}

#fpevents ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#fpevents ul li {
	margin: 0px 0px 4px 4px;
	padding: 0px;
}


/*
###### FRONT PAGE JUMMAH ANNOUNCEMENTS ######
*/

#fpjummah {
	/*width:267px;*/
	margin: 10px 0px 10px 0px;
	/*float: right;*/
	padding: 10px;
	background:url(/files/images/announce_block_bg2.gif) no-repeat top right #E1E2F2;
	/*border: solid 1px #888aca;*/
	font-family: tahoma, sans-serif;
	font-size: 100%;
	line-height: 125%;
	text-align: justify;
}

#fpjummah p {
	margin: 12px 0px 12px 0px;
}

#fpjummah h2 {
	margin: 0px 0px 0px 0px;
	font-family: tahoma, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #333583;
}

#fpjummah ul {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#fpjummah ul li {
	margin: 0px 0px 4px 16px;
	padding: 0px;
}



/*
###### FRONT PAGE UPDATES ######
*/

#fpupdates {
	/*width:267px;*/
	margin: 10px 0px 10px 0px;
	/*float: right;*/
	padding: 10px;
	background: #E1E2F2;
	/*border: solid 1px #888aca;*/
	font-family: tahoma, sans-serif;
	font-size: 100%;
	line-height: 125%;
	text-align: justify;
}

#fpupdates p {
	margin: 12px 0px 0px 0px;
}

#fpupdates h2 {
	margin: 0px 0px 0px 0px;
	font-family: tahoma, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #333583;
}

#fpupdates ul {
	list-style-type: square;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#fpupdates ul li {
	margin: 0px 0px 4px 16px;
	padding: 0px;
}


/*
###### FRONT PAGE PRAYER TIMES ######
*/

#fpprayertimes {

	margin: 10px 0px 10px 0px;
	padding: 10px;
	background:url(/files/images/prayertimes_block_bg.gif) no-repeat top right #E1E1F2;
	font-family: tahoma, sans-serif;
	font-size: 100%;
	line-height: 125%;
	text-align: justify;
}

#fpprayertimes h2 {
	margin: 0px 0px 0px 0px;
	font-family: tahoma, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #333583;
}

#fpprayertimes p {
	margin: 12px 0px 0px 0px;
	font-weight: bold;
}

table#prayertimesblock {
	width:100%;
	margin: 4px 0px 0px 0px;
	padding: 0px;
}

table#prayertimesblock tr td {
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	text-align: center;
}

table#prayertimesblock tr td:first-child {
	text-align: center;
}

table#prayertimesblock tr.even td {
	background-image: url(/files/images/trans_bg.png);
	background-repeat: repeat;
}



/*
###### FRONT PAGE MOON PHASE/WEATHER ######
*/

#fpmoonweather {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	background-color: #E1E1F2;
	font-family: tahoma, sans-serif;
	font-size: 100%;
	line-height: 125%;
	text-align: justify;
}

#fpmoonweather h2 {
	margin: 0px 0px 0px 0px;
	font-family: tahoma, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #333583;
}

#moonphase{
	float: left;
	width: 50%;
	margin: 15px auto 0px auto;
	text-align: center;
}

#weather {
	float: right;
	width: 50%;
	margin: 15px auto 0px auto;
	text-align: center;
}



/*
###### FRONT PAGE FEATURE ######
*/

#fpfeature {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	/*background-color: #E1E1F2;*/
	background-color: #FFFFFF;
	font-family: tahoma, sans-serif;
	font-size: 100%;
	line-height: 125%;
	text-align: justify;
}




/*
###### ALBUM BOX ######
*/

.albumbox {
	width:116px;
	float: right;
	margin: 0px 0px 10px 10px;;
	padding: 8px;
	background-color: #E1E2F2;
	/*border: solid 1px #888aca;*/
	font-family: tahoma, sans-serif;
	font-size: 100%;
	line-height: 125%;
	text-align: center;
}

.albumbox h3 {
	margin: 0px 0px 4px 0px;
	font-weight: bold;
	font-size: 125%;
	text-align: center;
}

.albumbox a:hover {
	border-bottom: 0px;
}

.albumbox .thumb {
	margin: 10px auto 0px auto;
	padding: 2px 0px 2px 0px;
	border: solid 1px #888aca;
	width: 104px;
	text-align: center;	
}



/*
###### SPECIAL LINK ######
*/

.special_link {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background-color: #fff7d8;
	border: solid 1px #FFCC00;
}

.special_link a {
	font-weight: bold;
	font-size: 110%;
	color: #008000;
}


/*
###### GALLERY ######
*/

.gallerytable table {
	width: 100%;
}

.gallerytable table td {
	padding: 4px;
	width: 25%;
	height: 100px;
	text-align: center;
	background-color: #E1E2F2;
}

.gallerytable table td div {
	text-align: center;
}

.gallerytable table td div img {
	padding: 2px;
	border: solid 1px #888aca;
}




/*
###### NEAT TABLE ######
*/


.neat {
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.neat tr td {
	margin: 0px;
	padding: 4px;
	text-align: center;
}

.neat tr.header td {
	font-weight: bold;
	text-align: left;
	color: #008000;
	border-left: solid #C0C0C0 1px;
	border-bottom: solid #C0C0C0 1px;
}

.neat tr.odd td {
	background-color: #EEEEEE;
}




/*
###### RIGHT SIDEBAR ######
*/

#right {
	float: right;
	width: 200px;
	min-height: 100%;
	margin: 0px;
	padding: 0px;
}

#rightmargin {
	margin: 0px 10px 10px 10px;
}

#datetime {
	margin: 10px 0px 0px 0px;
	padding: 4px;
	background-color: #EEEEEE;
	border: solid 1px #C0C0C0;
	font-family: tahoma, sans-serif;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	color: #008000;
}

/* RIGHT MENU */

#rightmenu {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-family: tahoma, sans-serif;
	font-size: 100%;
	text-align: left;
}

#rightmenu ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
}

#rightmenu h3 {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	font-family: tahoma, sans-serif;
	font-size: 125%;
	font-weight: bold;
	text-align: left;
	color: #333583;
	border-bottom: solid #FFCC00 1px;
}

#rightmenu li {
	margin: 2px 0px 2px 0px;
	padding-left: 10px;
	background: url(/files/images/a.gif) no-repeat left center;
	font-size: 11px;
}

#rightmenu a {
	font-weight: bold;
	text-decoration: none;
	color: #888aca;
}

#rightmenu a:hover {
	border-bottom: solid 1px #FFCC00;
}

/* RIGHT CONTENT BLOCK */

#right .block2 {
	margin: 10px 0px 0px 0px;
	padding: 6px;
	background-color: #E1E2F2;
	/*border: solid 1px #888aca;*/
	font-family: tahoma, sans-serif;
	font-size: 100%;
	text-align: justify;
}

#right .block2 h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: tahoma, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #333583;
}

.ml-tb{
	width: 146px;
	border: solid #C0C0C0 1px;
	background-color:#FFFFFF;
	font-family: tahoma, sans-serif;
	font-size:11px;
	text-align: center;
}


/*
###### PRINT BUTTON ######
*/

#printbutton {
	clear: both;
	margin: 0px;
	padding: 10px 210px 10px 10px;
	text-align: right;
}



/*
###### FOOTER ######
*/

#footer {
	clear: both;
	margin: 0px;
	padding: 10px;
	text-align: center;
	font-family: tahoma, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	background-color: #888aca;
	border-top: solid 1px #FFCC00;
}

#footer a {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover {
	border-bottom: solid 1px #FFCC00;
}

/* End of 'BISWEB.ORG v4.1' */