/* @override http://www.islamiccentre.ca/css/default.css */

/* @override http://www.islamiccentre.ca/css/default.css */

/* @override http://localhost/projects/ICSWO/staging/css/default.css */

* { 
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

body { 
	font: 12px 'Lucida Grande', 'Lucida Sans', 'Segoe UI', 'Arial', 'Tahoma', sans-serif;
	color: #666;
	background-color: #fff;
	line-height: 20px;
}

#wrap {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	
}
p{
	
	
	float: left;
	
}
h1{
	
	font-size: 16pt;
	clear: both;
}
#rightcol a:link,
#rightcol a:visited {


text-decoration: none;
font-weight: bold;
color:#13a5b8;
}
#rightcol a:hover {
text-decoration: underline;
color: #444;

}


#leftcol a:link,
#leftcol a:visited {


text-decoration: none;
font-weight: normal;
color: #e57c08;
}
#leftcol a:hover {
text-decoration: underline;
color: #e57c08;

}

/* Content ------------------------------ */
#wrap_content {
	margin: 0 auto;
	padding: 0;
	width: 862px;
	
}
#wrap_content #content {
	margin: 0;
	width: 862px;
	background-color: #fff;
	float: left;
	padding: 0;
	
}
#header{

	height: 118px;
	background-color: #fff;
	margin-bottom: 0;
	border-bottom: 6px solid #004762;
}
#uppernav{

	background-color: #e4f3f5;
	height: 5px;
	width: 100%;

}
#logo{

	float: left;
	height: 107px;
	width: 322px;
	background-image: url('../images/site/logo.jpg');
	margin-left: 10px;
}
#nav{

	float: left;
	height: 107px;
	width: 530px;
	text-align: right;
}
#nav ul{

padding:0;
margin-top: 46px;

}
#nav li {
display:inline;
padding:0;
margin:0;
font: 16px 'Arial', 'Helvetica', 'Helvetica Neue', 'Tahoma', sans-serif;
}
#nav a:link,
#nav a:visited {
color:#404040;
height: 20px;
text-decoration: none;
padding: 4px 20px 4px 21px;
border-left: 1px solid #ccc;
}
#nav a:hover {

color:#13a5b8;

}
#nav a:active {

color:#13a5b8;

}
#nav a.activated {

color:#13a5b8;
cursor: default;

}
#nav #nav-home a{
border: none;

}
#lowernav{

	float: left;
	height: 6px;
	background-color: #004762;
	width: 100%;
}

#subhead{
float: left;
display: block;
background-color: #f1f9fa;
width: 100%;
border-bottom: 1px solid #75bac3;
margin:0;
}
#searchtrigger{
font-size: 11px;
float: left;
display: block;
display: block;
width: 20%;
text-align: right;
}
#crumbtrail{
float: left;
display: block;
	height: 22px;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: none;
	width: 80%;
}
#crumbtrail div{
height: 22px;
background-color: #f1f9fa;
float: left;
display: block;
margin: 0;
padding: 0px 8px 0 12px;
}
#crumbtrail div.ccbg{

	width: auto;

}
#crumbtrail div.ccend{
	
	background-image: url(../images/site/ccend.png);
	width: 11px;
	padding: 0;
}
#crumbtrail div.ccendlast{
	
	background-image: url(../images/site/ccend.png);
	width: 11px;
	padding: 0;
}
#searchtrigger a,
#searchtrigger a:visited,
#searchtrigger a:active,
#crumbtrail a,
#crumbtrail a:hover,
#crumbtrail a:visited,
#crumbtrail a:active{
	
	color: #75bac3;
	text-decoration: none;
	font-weight: normal;
	display: block;
	margin-top: 1px;
	font-size: 100%;
}
#searchtrigger a:hover,
#crumbtrail a:hover{

	color: #004762;

}
#crumbtrail #currentcrumb a:hover,
#crumbtrail #currentcrumb a{


	color: #75bac3;
	cursor: default;

}
#leftcol{

	width: 564px;
	margin-right: 20px;
	margin-top: 22px;
	float: left;

}
#leftcol.altpageleft{

	
	margin-top: 18px;
	

}


#leftcol .bucket{
	float: left;
	margin-bottom: 20px;
	padding: 0;
}
#leftcol #homebucket{

margin-bottom: 0px;

}

#leftcol .bucket .content .entry{

float: left;
margin-bottom:30px;

}
#leftcol .bucket .content .entry h3{

float: left;
width: 80%;

}
#leftcol .bucket .content .entry .dateview{

float: left;
clear: left;
font-size: 11px;
margin-top: 0;
color: #bbb;


}
#leftcol .bucket .content .entry .titleblock{

float: left;
margin-bottom: 10px;
width: 544px;

}
#leftcol .bucket .content .entry .readmore{

float: right;
position: relative;
top:-4px;

}

.bucket .btn,
#leftcol .bucket .btn{
display: block;
float: left;
height: 30px;
line-height: 30px;
text-align: left;
background: top left url('../images/site/btn_bg.png') no-repeat;
border: none;
outline:none;
color: #666;
padding-left: 10px;
padding-right: 5px;
font-size: 11px;
text-decoration: none;
}
.bucket .btnoff,
#leftcol .bucket .btnoff{
display: block;
float: left;
height: 30px;
line-height: 30px;
text-align: left;
background: none;
border: none;
outline:none;
color: #666;
padding-left: 10px;
padding-right: 5px;
font-size: 11px;
color: #004762;
text-decoration: underline;
}

.bucket .btncap,
#leftcol .bucket .btncap{
display: block;
float: left;
	height: 30px;
	width: 5px;
	background: top left url('../images/site/btn_cap.png') no-repeat;
border: none;
outline:none;
}

#leftcol .btncapoff{
display: block;
float: left;
	height: 30px;
	width: 5px;
	background: url('../images/site/btn_cap.png') no-repeat 5px 0;
border: none;
outline:none;
}

.titlebar .icon{

	float:right;
	margin-right: 20px;
	
}
#leftcol #newstitle .icon{

	margin-top:22px;
	
}
.titlebar h1{

	padding-top: 21px;
	padding-bottom: 17px;

}
#leftcol .titlebar{
	
	border-top: solid 1px #13a5b8;
	border-bottom: solid 1px #e1e1e1;
	margin-bottom: 30px;
	float: left;
	clear: both;
	width: 100%;
	
}
#firstbucket .titlebar{

border-top:none;

}
#leftcol .bucket .content{

	padding-right: 20px;
	float: left;

}

#leftcol h1{
	float: left;
	font-weight: normal;
	color: #004762;
	
	margin-bottom: 0;
	
}
#leftcol .bucket h3{


	float: left;
	
	font-weight: normal;
	font-size: 16px;
	color: #e57c08;
	
}
#leftcol .bucket p{
display: block;
float: left;
width: 100%;
}
#leftcol .bucket .picture{
	border: 1px solid #004762;
	height: 307px;
	margin: 0;
	padding: 0;	
}
#leftcol .bucket .caption{
	height: 40px;
	margin-top: 0px;
	float: left;
	font-size: 10px;
	color: #444;
	line-height: 40px;
}

#rightcol{

	margin-top: 22px;
	width: 278px;
	color: #444;
	float: left;

}

#rightcol.altpageright{

	margin-top: 0px;
	
}

#rightcol #searchbox{


width: 278px;
height: 42px;
background-image: url('../images/site/searchbox_bg.png');


}
#searchformbox{
position: relative;
top: 6px;
left: 6px;
width: 278px;
height: 36px;

}
#searchfilterinput{
position: relative;
float: left;
top: 0px;
left: 0px;
width: 238px;
height: 36px;
margin: 0;
padding: 0;

}
#searchformbox form{
float: left;
margin: 0;
height: 36px;


}
#searchfilterinput div{

float: left;

}


#searchformbox .searchfield{
	margin: 0;
	background: top left url('../images/site/searchbox.png') no-repeat;
	border: none;
	width: 185px;
	height: 22px;
	font-size: 14px;
	float: left;
	padding: 4px 8px;
	color: #333;
	outline:none;
}
#searchfilterinput .searchfield{
	margin: 0;
	background: top left url('../images/site/searchbox.png') no-repeat;
	border: none;
	width: 192px;
	height: 22px;
	font-size: 14px;
	padding: 4px 8px;
	color: #333;
	outline:none;
	
}
#searchformbox .gobtn{
margin: 0 0 0 5px;
float: left;
	width: 30px;
	height: 30px;
	background: top left url('../images/site/go_btn_bg.png') no-repeat;
border: none;
outline:none;
padding-left: 1px;
color: #666;
}
#searchformbox input{

border: none;
}
#searchcontrol{
float: left;
width:30px;
height: 30px;
margin: 0;

}

#searchfilterinput {
width: 252px;

}
#searchfilterinput #searchcontrol{
display: inline;
float: left;
width:30px;
height: 30px;
margin: 0;

}
#searchformbox #searchcontrol.magnify{

background: top right url('../images/site/searchbox_magnify.png') no-repeat;

}
#searchcontrol.magnify{

background: top right url('../images/site/searchbox_magnify.png') no-repeat;

}
#searchformbox #searchcontrol.clearsearchbox{

background: top right url('../images/site/searchbox_clear.png') no-repeat;

}
#searchcontrol.clearsearchbox{

background: top right url('../images/site/searchbox_clear.png') no-repeat;

}

#rightcol #searchbox #searchcapbtm{
width: 278px;
height: 6px;
background-image: url('../images/site/searchbox_cap_btm.png');
}
#rightcol .searchbucket {

	float: left;
	margin-bottom: 37px;
	height: 42px;
	width: 278px;

}
#rightcol .bucket{

float: left;
background: url(../images/site/grey_box_bg.png) repeat-y;

margin-bottom: 20px;

}
#rightcol .bluebucket .bucket{

background: url(../images/site/nav_bg.jpg) no-repeat;
background-color: #004761;

float: left;
}
#rightcol .titlebar{
	
	display: block;
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 100%;
	background: url(../images/site/cap_top.png) no-repeat;
	
	
}
#rightcol .bluebucket h1{

	
	color: #e4bc61;

}
#rightcol .bluebucket .titlebar{

background:none;

}
#rightcol .titlebar .titlebarinner{

	border-bottom: solid 1px #b3ced1;
	display: block;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	width: 238px;

}
#rightcol .bluebucket .content{

	background: bottom left url(../images/site/nav_cap_btm.png) no-repeat;
	width: 238px;
	color: #fff;
	line-height: 30px;
	
}
#rightcol .bluebucket li{

font-size: 14px;

}
#rightcol .bluebucket a,
#rightcol .bluebucket a:active,
#rightcol .bluebucket a:visited{

color: #75bac3;
text-decoration: none;
font-weight: normal;

}

#rightcol .bluebucket a.btn{

color: #666;
text-decoration: none;
}
#rightcol .bluebucket a.btn:hover{

color: #75bac3;
text-decoration: none;
}
#rightcol .bluebucket a:hover{

color: #75bac3;
text-decoration: underline;

}
#rightcol .content .sub{

margin-left: 20px;
color: #75bac3;

}
#rightcol .bucket .content{


width: 238px;

}
#rightcol .bucket p{

width: 100%;

}
#lectureschedule .titlebar .titlebarinner{

	border-bottom: solid 1px #b3ced1;
	
	
}
#islamicschool .content img{
display: block;
float: left;
margin-left: 0px;
margin-right: 16px;

}
#islamicschool .content p{


}

#islamicschool .content a{

float: left;
margin-top: 14px;

}
#lectureschedule .content ul{

float: left;


}
#lectureschedule .content li{

float: left;
margin-bottom: 14px;

}
#lectureschedule .content li.last{

margin-bottom: 0;

}
#lectureschedule .content li .tba{

font-style: oblique;
color: #e57c08;

}
#lectureschedule .content li .speaker{

font-style: oblique;
color: #004762;

}
#lectureschedule .content li .topic{

font-weight: bold;


}
#prayertimes .content{

float: left;
width: 238px;


}
#prayertimes .content li.first{

padding-bottom: 10px;
border: none;

}
#prayertimes .content li.first img.infobtn{

float: left;
margin-right: 8px;

}
#prayertimes .content li.first a.refreshbtn{

float: right;
margin: 0;
outline: none;
border: none;

}
#prayertimes .content li{

width: 100%;
float: left;
border-bottom: 1px solid #ddd;
padding-top: 5px;
padding-bottom: 5px;

}
#prayertimes .content li.first:hover{

color: #444;
font-weight: normal;

}
#prayertimes .content li:hover{

color: #e57c08;
font-weight: bold;

}
#prayertimes .content li.last{

padding-bottom: 0;
border: none;

}
#prayertimes .content .prayer{

float: left;

width: 50%;


}
#prayertimes .content .time{

float: left;
text-align: right;
width: 50%;

}
#rightcol h1{
	float: left;
	font-weight: normal;
	color: #004762;
	
		
	
}
.ie #rightcol .callout h1{
	
	margin: 0px 0px 0px 20px;
	line-height: normal;
} 
#rightcol .callout{

	float: left;
	width: 278px;
	height: 279px;
	background: url('../images/site/home_page_callout_bg.jpg');
	color: #fff;
	padding-top: 30px;
	margin-bottom: 40px;

}
#rightcol .callout h1{
	float: left;
	padding:0;
	color: #fff;
	font-size: 29px;
	font-weight: bold;
	margin-bottom: 14px;
	
}
#rightcol .callout p{
float: left;
	font-size: 11px;
}
#rightcol .callout br{
	
}
#rightcol .callout p,
#rightcol .callout h1{
	
	margin-left: 20px;
	margin-right: 20px;
}
#rightcol .icon{
margin-right: 0;
margin-top:12px;
}
#rightcol .content{

padding: 0px 20px 20px 20px;


background: bottom url(../images/site/cap_btm.png) no-repeat;
float: left;
display: block;

}




#footer{

float: left;
width: 100%;
border-top: solid 1px #ccc;
margin-bottom: 20px;
}
#footer #copy{

float: left;
text-align: right;
width: 50%;
font: 11px 'Arial', 'Helvetica', 'Helvetica Neue', 'Tahoma', sans-serif;
margin-top: 24px;
}
#footer #footernav{

	float: left;
	width: 50%;
	text-align: left;
	margin-top: 20px;
}
#footer #footernav ul{

padding:0;
margin-top: 0px;

}
#footer #footernav li {
display:inline;
padding:0;
margin:0;
font: 12px 'Arial', 'Helvetica', 'Helvetica Neue', 'Tahoma', sans-serif;
}



#footer #footernav a:link,
#footer #footernav a:visited {
color:#404040;
height: 20px;
text-decoration: none;
padding: 4px 14px 4px 16px;
border-left: 1px solid #ccc;
}
#footer #footernav a:hover {

color:#13a5b8;


}
#footer #footernav #nav-home a{
border: none;
padding-left: 0px;
}

#instantsearch{

width: 278px;
background: url(../images/site/grey_box_bg.png);


}
#instantsearch ul{

float: left;

}
#instantsearch ul li.altrow{

background-color: #ccc;

}
#instantsearch ul li{
width: 278px;
margin: 0;
float: left;
font-size: 11px;
line-height: 18px;

}


#instantsearch ul li.allresults a,
#instantsearch ul li.allresults a:visited,
#instantsearch ul li.allresults a:active{
width: 238px;
display: block;
float: left;
margin: 0;
padding: 10px 20px;
text-decoration: none; 
color: #666;
font-weight: bold;
text-align: right;
}
#instantsearch ul li.allresults a:hover{
width: 238px;
text-decoration: underline;
color: #666; 
font-weight: bold;
text-align: right;
}
#instantsearch ul li a.result,
#instantsearch ul li a.result:visited,
#instantsearch ul li a.result:active{
display: block;
float: left;
margin: 0;
padding: 10px 20px;
text-decoration: none; 
color: #666; 

}
#instantsearch ul li a.result:hover{

text-decoration: underline; 
color: #666;

}
#instantsearch ul li.allresults{
width: 278px;
background-color: #ddd;

}

#instantsearch div.capbtm{
float: left;
height: 8px;
width: 278px;
border-top: solid 1px #999;
border-bottom: solid 1px #333;
background-color: #666;

}
.instantonsate{
display: block;
float: left;
margin: 0;
padding: 10px 20px;
text-decoration: underline; 
color: #666; 
outline: none;

}
.instantoffsate{
display: block;
float: left;
margin: 0;
padding: 10px 20px;
text-decoration: none; 
color: #666; 
color: #666; 
outline: none;

}
#search_form{

margin: 0;
padding: 0;

}

fieldset{
float: left;
outline: none;
border-left: none;
border-right: none;
border-bottom: none;
margin-bottom: 10px;
margin-left: 0;
border-top: 1px dotted #577b8c;
width: 238px;

}
fieldset div{
	
float: left;


	
}
fieldset div.clrboth{
width: 100%;	
float: left;
clear: right;

	
}
fieldset legend{

width: 100%;
float: left;
margin-top: 10px;


}
#filterlabel p{

color: #75bac3;

}
#filtersearch{

margin-top: 20px;

}
#filtersearch .searchbtn{
float: left;
height: 30px;
background: top left url('../images/site/btn_bg.png') no-repeat;
border: none;
outline:none;
color: #666;
padding-left: 10px;
padding-right: 5px;
margin: 0;
}