/* CSS Document */

body {
margin: 0;
padding: 5px;
font-family: sans-serif;
font-size: 16px;
background: url(pics/bg.jpg) fixed repeat-x;
}

/* Global hyperlink formatting */
a:link, a:visited {
color: #2A6EC1;
text-decoration: none;
border-bottom: 1px dashed #2A6EC1;
}

a:hover { background: #fff; }

a img { border: 0; }

p { margin: 0; padding: 0 0 9px 0; }

p.center { text-align: center; }

p.articles { margin: 0 0 15px 0; color: #999; font-style: italic; }

p.mailing { 
border-top: 2px solid #2A6EC1;
padding: 12px;
font-size: 120%;
font-weight: bold;
text-align: center;
}

a:link.join, a:visited.join {
display: block;
width: 140px;
margin: 6px auto;
border: 0;
}

q { font-size: 11px; }

ul { margin: 0px 0px 8px 24px; padding: 0; }

li { margin: 0px 0px 7px auto; padding: 0; }

#container {
width: 840px;
height: auto;
padding: 0;
margin: 0 auto;
border: 1px solid black;
background: #fff;
}

/* Image Banner */
h1#print {
display: none;
}

#banner {
padding: 0;
margin: 0;
}

#banner img {
border: 0;
margin: 0;
padding: 0;
}

/* Navigation Bar */
#nav {
height: 32px;
padding: 0;
margin: 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#nav ul {
width: 119px;
height: 32px;
margin: 0;
padding: 0;
display: block;
float: left;
text-align: center;
border-left: 1px solid black;
}

#nav ul li {
margin: 0;
padding: 0;
display: block;
}

#nav a:link, #nav a:visited {
color: #E7EAF7;
font-size: 96%;
font-weight: bold;
text-decoration: none;
display: block;
width: 119px;
height: 25px;
margin: 0;
padding: 7px 0px 0px 0px;
background: #2A6EC1 url(pics/nav_button.gif) no-repeat;
border-bottom: 0px;
}


#nav a:hover {
background: #2A6EC1 url(pics/nav_button_over.gif) no-repeat;
border-bottom: 0px;
}

#contentarea {
margin: 0;
padding: 0;
line-height: 110%;
}

/* Formating for other pages */
#wrapper {
padding: 12px 0px 0 0px; /* it was 10 0 10 */
text-align: justify;
}

h5.empty {
height: 11px;
padding: 0;
background: url(pics/wide_box_bottom_empty.gif) no-repeat;
}

h6.empty {
margin: 0 0 0px 22px;
}

#main {
float: left;
display: inline;
width: 754px;
height: auto;
margin: 0 0 0 22px;
padding: 10px 20px 5px 20px;
background: url(pics/wide_box_middle.gif) repeat-y;
font-size: 84%;
}

#first {
width: 352px;
display: block;
float: left;
clear: right;
padding: 0 23px 0 0;
margin: 0 0 15px 0;
border-right: 3px dotted #235189;
}

#second {
width: 354px;
display: block;
float: right;
padding: 0 0 0 20px;
margin: 0 0 15px 0;
}

.line {
display: block;
width: 100%;
height: 15px;
clear: both;
margin: 0 auto;
padding: 0;
border-top: 3px dotted #235189;
}

#hori {
width: 100%;
float: left;
margin: 0 0 6px 0;
}

#main #art {
width: 85%;
margin: 0 auto 6px auto;
}

#art #art_right {
float: right;
margin: 0;
padding: 0;
width: 54px;
}

#art #art_right div {
float: left;
margin: 0;
padding: 0;
width: 65px;
height: 25px;
text-align: center;
vertical-align: middle;
}

#art #art_right div img {
float: left;
margin-right: 2px;
}

img#submit {
float: right;
padding: 0px 58px 10px 84px;
margin: -4px 0 0 0;
}

#main .news {
padding: 0;
margin-bottom: 8px;
}

#icon {
margin: 0 0 5px 0;
}

.email {
margin-bottom: -5px;
padding: 0;
}

.email2 {
margin-bottom: -7px;
padding: 0;
}

.box .icon_small {
float: left;
margin: 0 10px 0 2px;
}

h1 {
margin: 16px 0 26px -1px;
font-size: 240%; 
display: block;
}

h1.icon {
display: inline;
position: relative;
top: -14px;
left: 13px;
}

h1.mid {
display: block;
font-size: 180%; 
margin: 2px 0 12px 0;
}

h1.articles { margin: 0 0 15px 0; line-height: 100%; }

h2 {
margin: 0 auto;
font-size: 120%;
text-decoration: underline;
}

p.header, p.events_header {
text-align: center;
margin: 0 auto;
padding-bottom: 2px;
font-size: 120%;
font-weight: bold;
}

p.events_header {
text-align: left;
padding-bottom: 0;
}

#main strong a {
color: #2A6EC1;
margin: 0 auto;
padding: 0;
border-bottom: 1px dashed #2A6EC1;
}

#main strong a:hover { background: #fff; }

#main table {
width: 650px;
margin: 0 auto 14px auto;
padding: 0;
}

#main table tr td {
padding: 5px;
margin: 0;
}

#photo {
width: 750px;
padding: 0;
margin: 0 auto;
}

/* ALL Boxes on Home Page */
h3.home {
display: inline;
width: 250px;
height: 24px;
background: #3279D0 url(pics/box_top.gif) no-repeat;
color: #E7EAF7;
font-size: 100%;
font-weight: bold;
text-align: center;
padding: 5px 0px 0px 0px;
float: left;
margin: 14px 0px 0px 22px;
}

h3.home a:link, h3.home a:visited, h3.home a:hover {
color: #E7EAF7;
background: none;
}


.box {
display: inline;
width: 234px;
height: 220px;
font-size: 84%;
margin: 0 0 0 22px;
float: left;
padding: 8px 8px 0px 8px;
background: url(pics/box_middle.gif) repeat-y;
}


#pics img { 
margin: 7px auto; 
display: block;
}

#pics a:link, #pics a:visited, #pics a:hover { border: 0; background: none; }

h4 {
float: left;
margin: 0px 0px 5px 22px;
display: inline;
width: 250px;
height: 10px;
padding: 0;
background: url(pics/box_bottom.gif) no-repeat;
}

.hadith {
border-top: 2px #3279CF solid;
margin-top: 8px;
padding-top: 10px;
}

/* Event FLYERS*/

.eventinfo {
padding: 0;
margin: 0;
text-align: center;
font-weight: bold;
}

#flyer_small {
width: 180px;
display: block;
margin: 0px auto;
padding: 10px 0;
border: 0;
}

a#flyer_small:hover, a#flyer_medium:hover { background: #EFEFFF; }
 
.moreinfo {
display: block;
margin: 0 auto;
width: 53px;
}

#flyer_medium {
width: 300px;
border: 0;
padding: 0;
display: block;
margin: 6px 0 20px 0;
}

#flyer_medium img {
display: block;
margin: 0 auto;
}

p.events {
width: 230px;
}

.float_right {
border: 0;
padding: 0;
display: block;
margin: 0 0 -2px 15px;
width: 108px;
float: right;
}

.float_right a.event {
border: 0;
margin: 0;
}

.float_right ul {
margin-top: 6px;
margin-bottom: 0px;
}

img.arch {
display: block;
margin: 0 auto;
}

.arch_ul {
width: auto;
padding: 0;
margin: 10px 0 25px 0;
display: block;
}


/* Affiliates Pics */
a:link.affiliates, a:visited.affiliates {
display: inline;
width: 250px;
height: 80px;
margin: 8px 0 13px 20px;
float: left;
text-align: center;
border: 0;
}

a.affiliates:hover { background: none; }

/* Links */
h5 {
float: left;
width: 794px;
height: 24px;
margin: 0px 0px 0px 22px;
padding: 4px 0 0 0;
display: inline;
color: #E7EAF7;
font-size: 100%;
text-align: center;
background: #3279D0 url(pics/wide_box_top.gif) no-repeat;
}

#links {
float: left;
display: inline;
width: 794px;
height: 88px;
margin: 0 0 0 22px;
padding: 0;
background: url(pics/wide_box_middle.gif) repeat-y;
line-height: 100%;
}

#links table {
width: 780px;
margin: 0;
padding: 0;
border: 0;
}

#links table tr td {
width: 185px;
padding: 0;
margin: 0;
}

#links ul {
display: block;
width: 100%;
margin: 5px 0 0 0;
padding: 0 0 0 62px;
list-style: square;
}

#links ul li {
width: 100%;
margin: 10px 0 0 0;
padding: 0 0 2px 0;
font-size: 84%;
}

#links a:link, #links a:visited {
width: auto;
height: 28px;
margin: 0 0 5px 0;
padding: 0;
float: none;
text-align: left;
border-bottom: 1px dashed #2A6EC1;
}

h6 {
float: left;
width: 794px;
margin: 0 0 14px 22px;
padding: 3px 0 0 0;
display: inline;
height: 11px;
background: url(pics/wide_box_bottom.gif) no-repeat;
}

/* Footer */
#footer {
width: 824px;
height: 33px;
background: #2A6EC1;
text-align: left;
clear: both;
padding: 8px 8px;
border-top: 2px solid black;
color: #EFF0F2;
font-size: 12px;
margin: 0;
}

#footer span a {
color: #fff;
border-bottom: 1px dotted #fff;
}

#footer span a:hover { background: #C6CBE7; }

#footer span {
float: right;
text-align: right;
margin: -15px 2px 2px 0;
padding: 0 0 1px 0;
}