body 	{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #444;
	text-decoration: none;
	line-height: 18px;
}

a img {
	border:0px;
}

/* <---links--->
a.nav:link {color: red; text-decoration: none; }
a.nav:visited {color: purple; text-decoration: none; }
a.nav:hover {color: orange; text-decoration: underline; }
a.nav:active {color: blue; }*/

a.btn-title-grey:link {
	font-family: Arial;
	font-size: 18px;
	color: #333;
	text-decoration: none;
	line-height:22px;
}
a.btn-title-grey:visited {
	font-family: Arial;
	font-size: 18px;
	color: #333;
	text-decoration: none;
	line-height:22px;
}
a.btn-title-grey:hover {
	font-family: Arial;
	font-size: 18px;
	color: #666;
	text-decoration: none;
	line-height:22px;
}
a.btn-title-grey:active {
	font-family: Arial;
	font-size: 18px;
	color: #666;
	text-decoration: none;
	line-height:22px;
}

a.btn-fineprint:link {
	font-family: Arial;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
a.btn-fineprint:visited {
	font-family: Arial;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
a.btn-fineprint:hover {
	font-family: Arial;
	font-size: 11px;
	color: #222;
	text-decoration: underline;
}
a.btn-fineprint:active {
	font-family: Arial;
	font-size: 11px;
	color: #888;
	text-decoration: none;
}

a.btn-fineprintblue:link {
	font-family: Arial;
	font-size: 11px;
	color: #004c93;
	text-decoration: none;
	font-weight:bold;
}
a.btn-fineprintblue:visited {
	font-family: Arial;
	font-size: 11px;
	color: #004c93;
	text-decoration: none;
	font-weight:bold;
}
a.btn-fineprintblue:hover {
	font-family: Arial;
	font-size: 11px;
	color: #ff9933;
	text-decoration: underline;
	font-weight:bold;
}
a.btn-fineprintblue:active {
	font-family: Arial;
	font-size: 11px;
	color: #6699cc;
	text-decoration: none;
	font-weight:bold;
}

a.btn-introblue:link {
	font-family: Arial;
	font-size: 15px;
	color: #004c93;
	text-decoration: none;
	line-height:20px;
	font-weight:bold
}
a.btn-introblue:visited {
	font-family: Arial;
	font-size: 15px;
	color: #004c93;
	text-decoration: none;
	line-height:20px;
	font-weight:bold
}
a.btn-introblue:hover {
	font-family: Arial;
	font-size: 15px;
	color: #002343;
	text-decoration: underline;
	line-height:20px;
	font-weight:bold
}
a.btn-introblue:active {
	font-family: Arial;
	font-size: 15px;
	color: #004c93;
	text-decoration: none;
	line-height:20px;
	font-weight:bold
}

a.btn-blue:link {
	font-family: Arial;
	font-size: 12px;
	color: #00529b;
	text-decoration: none;
	font-weight:bold;
}
a.btn-blue:visited {
	font-family: Arial;
	font-size: 12px;
	color: #00529b;
	text-decoration: none;
	font-weight:bold;
}
a.btn-blue:hover {
	font-family: Arial;
	font-size: 12px;
	color: #ff9933;
	text-decoration: underline;
	font-weight:bold;
}
a.btn-blue:active {
	font-family: Arial;
	font-size: 12px;
	color: #6699cc;
	text-decoration: none;
	font-weight:bold;
}

a.btn-white:link {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
a.btn-white:visited {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}
a.btn-white:hover {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
	font-weight:bold;
}
a.btn-white:active {
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}

a.btn-dropdown:link {
	font-family: Arial;
	font-size: 12px;
	color: #e0e0e0;
	text-decoration: none;
}
a.btn-dropdown:visited {
	font-family: Arial;
	font-size: 12px;
	color: #e0e0e0;
	text-decoration: none;
}
a.btn-dropdown:hover {
	font-family: Arial;
	font-size: 12px;
	color: #ffad55;
	text-decoration: none;
}
a.btn-dropdown:active {
	font-family: Arial;
	font-size: 12px;
	color: #ff9900;
	text-decoration: none;
}


a.btn-darkblue:link {
	font-family: Arial;
	font-size: 11px;
	color: #002343;
	text-decoration: none;
	font-weight:bold;
}
a.btn-darkblue:visited {
	font-family: Arial;
	font-size: 11px;
	color: #002343;
	text-decoration: none;
	font-weight:bold;
}
a.btn-darkblue:hover {
	font-family: Arial;
	font-size: 11px;
	color: #00529b;
	text-decoration: none;
	font-weight:bold;
}
a.btn-darkblue:active {
	font-family: Arial;
	font-size: 11px;
	color: #00529b;
	text-decoration: none;
	font-weight:bold;
}

a.btn-grey-big:link {
	font-family: Arial;
	font-size: 15px;
	color: #333;
	text-decoration: none;
}
a.btn-grey-big:visited {
	font-family: Arial;
	font-size: 15px;
	color: #333;
	text-decoration: none;
}
a.btn-grey-big:hover {
	font-family: Arial;
	font-size: 15px;
	color: #002343;
	text-decoration: underline;
}
a.btn-grey-big:active {
	font-family: Arial;
	font-size: 15px;
	color: #00529b;
	text-decoration: none;
}

a.btn-grey-bigger:link {
	font-family: Arial;
	font-size: 18px;
	color: #6CB9FF;
	text-decoration: none;
}
a.btn-grey-bigger:visited {
	font-family: Arial;
	font-size: 18px;
	color: #6CB9FF;
	text-decoration: none;
}
a.btn-grey-bigger:hover {
	font-family: Arial;
	font-size: 18px;
	color: #002343;
	text-decoration: underline;
}
a.btn-grey-bigger:active {
	font-family: Arial;
	font-size: 18px;
	color: #00529b;
	text-decoration: none;
}

a.btn-grey:link {
	font-family: Arial;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
a.btn-grey:visited {
	font-family: Arial;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
a.btn-grey:hover {
	font-family: Arial;
	font-size: 12px;
	color: #002343;
	text-decoration: none;
}
a.btn-grey:active {
	font-family: Arial;
	font-size: 12px;
	color: #00529b;
	text-decoration: none;
}

a.btn-grey-small:link {
	font-family: Arial;
	font-size: 11px;
	color: #555;
	text-decoration: none;
}
a.btn-grey-small:visited {
	font-family: Arial;
	font-size: 11px;
	color: #555;
	text-decoration: none;
}
a.btn-grey-small:hover {
	font-family: Arial;
	font-size: 11px;
	color: #002343;
	text-decoration: none;
}
a.btn-grey-small:active {
	font-family: Arial;
	font-size: 11px;
	color: #00529b;
	text-decoration: none;
}

a.btn-grey-collapse:link {
	font-family: Arial;
	font-size: 13px;
	font-weight:bold;
	color: #333;
	text-decoration: none;
}
a.btn-grey-collapse:visited {
	font-family: Arial;
	font-size: 13px;
	font-weight:bold;
	color: #333;
	text-decoration: none;
}
a.btn-grey-collapse:hover {
	font-family: Arial;
	font-size: 13px;
	font-weight:bold;
	color: #ff6600;
	text-decoration: none;
}
a.btn-grey-collapse:active {
	font-family: Arial;
	font-size: 13px;
	font-weight:bold;
	color: #ff6600;
	text-decoration: none;
}

a.btn-footer:link {
	font-family: Arial;
	font-size: 11px;
	color: #e0e0e0;
	text-decoration: none;
	font-weight:bold;
}
a.btn-footer:visited {
	font-family: Arial;
	font-size: 11px;
	color: #c2d7ea;
	text-decoration: none;
	font-weight:bold;
}
a.btn-footer:hover {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
a.btn-footer:active {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

.fineprint 	{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	line-height:15px;
}
.fineprint-blue	{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #00529b;
	text-decoration: none;
	line-height:15px;
}
.fineprint-darkblue	{
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #002343;
	text-decoration: none;
	line-height:13px;
}

.newsticker {
	font-family: Arial;
	font-size: 10px;
	color: #333;
	text-decoration: none;
}

.highlight-menu {
	font-family: Arial;
	font-size: 15px;
	color: #004c93;
	text-decoration: none;
}
.highlight-submenu {
	font-family: Arial;
	font-size: 12px;
	color: #004c93;
	text-decoration: none;
}
.highlight-sub2menu {
	font-family: Arial;
	font-size: 11px;
	color: #004c93;
	text-decoration: none;
}

.title-darkblue {
	font-family: Arial;
	font-size: 24px;
	color: #002343;
	font-weight:bold;
	line-height:28px;
}

.title-blue {
	font-family: Arial;
	font-size: 11px;
	color: #004c93;
	text-decoration: none;
	font-weight:bold;
}

.title-blue3 {
	font-family: Arial;
	font-size: 10px;
	color:#999999;
	line-height:12px;
	text-decoration: none;
	font-weight:bold;
}

.title-blue2 {
	font-family: Arial;
	font-size: 12px;
	color: #004c93;
	font-weight:bold;
}

.title-lightblue {
	font-family: Arial;
	font-size: 15px;
	color: #004c93;
	text-decoration: none;
	font-weight:bold;
}

.title-blue-medium {
	font-family: Arial;
	font-size: 14px;
	color: #002343;
	font-weight:bold;
	text-decoration: none;
	line-height:20px;
}

.red-highlights {
	font-family: Arial;
	font-size: 18px;
	color:#FF0000;
	font-weight:bold;
	text-decoration: none;
	line-height:20px;
}

.title-white {
	font-family: Arial;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}

.title-grey {
	font-family: Arial;
	font-size: 18px;
	color: #333;
	text-decoration: none;
	line-height:22px;
}

.title-grey-medium {
	font-family: Arial;
	font-size: 15px;
	color: #333;
	text-decoration: none;
}

.title-banner-grey {
	font-family: Arial;
	font-size: 30px;
	line-height:30px;
	color: #333;
	text-decoration: none;
}

.title-banner-white {
	font-family: Arial;
	font-size: 30px;
	line-height:30px;
	color: #fff;
	text-decoration: none;
}

.intro-blue {
	font-family: Arial;
	font-size: 15px;
	color: #004c93;
	text-decoration: none;
	line-height:20px;
}

.footer {
	font-family: Arial;
	font-size: 11px;
	color: #99cccc;
	text-decoration: none;
}

.footer2{
	font-family: Arial;
	font-size: 11px;
	color: #e0e0e0;
	text-decoration: none;
	font-weight:bold;
}

.footer2:hover {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

.td_top01 {
	border-top: 1px solid #e5e5e5;
}
.td_bottom-orange {
	border-bottom: 3px solid #ff8a00;
}
.td_bottom-orange2 {
	border-bottom: 1px solid #ff8a00;
}
.td_bottom-grey {
	border-bottom: 1px solid #666;
}
.td_bottom-lightgrey {
	border-bottom: 1px solid #dedede;
}
.td_bottom-mediumgrey {
	border-bottom: 1px solid #c1c1c1;
}
.td_box-lightgrey {
	border: 1px solid #d6d6d6;
}
.td_box-grey {
	border: 1px solid #c8c8c8;
}

/*Zakat Calculators*/
.readonly {
	background-color: #EAEAEA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #444;
}