/*  Understanding Islam */





/*  Layout */

#main {
width: 738px;
margin: 0px auto 0px auto;
padding: 0;
border-left: 1px solid #394356;
border-right: 1px solid #394356;
}

#content {
width: 700px;
font-size: 13px;
margin: 15px;
padding: 0px;
display: inline;
}

#header, #footer {
border: 0px;
width: 740px;
padding: 0px;
margin: 0px auto 0px auto;
}





/*  Navigation */

#navigation table {
width: 740px;
border-left: 1px solid #394356;
border-right: 1px solid #394356;
margin: 0px;
padding: 0px;
}

#navigation table a {
font-family: Arial, "Times New Roman", serif;
display: block;
padding: 8px;
font-weight: bold;
text-decoration: none;
color: #ffffff;
background-color: #394356;
border: solid #2C3442;
border-width: 1px 0px 1px 1px;
text-align: center;
}

#navigation table a:hover {
color: #ffffff;
background-color: #262E3C;
}

#navigation table td {
width: 20%;
white-space: nowrap;
}

#navigation table a.active {
color: #ffffff;
background-color: #2D3647;
}


#subnavigation li a.active {
background-color: #2D3647;
color: #ffffff;
}

#subnavigation {
width: 230px;
background-color: #eeeeee;
border: 1px solid #cccccc;
float: right;
padding: 8px;
margin: 8px 0px 12px 12px;
}

#subnavigation ul {
border: solid #2C3442;
border-width: 0px 1px 1px 1px;
padding: 0;
margin: 0;
}

#subnavigation li {
background-color: #FFFFFF;
border: solid #2C3442;
border-width: 1px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
padding: 0px;
}

#subnavigation a {
font-family: Arial, "Times New Roman", serif;
display: block;
text-decoration: none;
font-weight: bold;
margin: 0px;
padding: 5px 12px 5px 8px;
color: #FFFFFF;
background-color: #394356;
font-size: 11px;
height: 32px;
}

#subnavigation a:hover {
color: #FFFFFF;
background-color: #262E3C;
}

#subnavigation h2 {
font-family: Arial, "Times New Roman", serif;
color: #394356;
padding: 0px;
margin: -3px 2px 5px 0px;
font-size: .9em;
text-align: center;
}





/*  Type */

h1 {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
letter-spacing: 1px;
line-height: 1.5em;
color: #5D091D;
text-align: left;
font-weight: bold;
}

h1.subtitle {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
letter-spacing: 1px;
color: #5D091D;
font-size: 16px;
line-height: 1.5em;
text-align: left;
font-weight: normal;
}

h2 {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
letter-spacing: 1px;
color: #394356;
font-weight: bold;
}

h3 {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
letter-spacing: 1px;
color: #394356;
font-weight: bold;
clear: none;
}

h4 {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
letter-spacing: 1px;
color: #394356;
font-weight: bold;
}

ul {
list-style: disc;
padding-left: 40px;
list-style-position: outside;
margin: .6em 0px .6em 0px;
}

ul.nobullets {
list-style: none;
padding-left: 21px;
list-style-position: outside;
margin: .6em 0px .6em 0px;
}

ol {
padding-left: 46px;
list-style-position: outside;
margin: .6em 0px .6em 0px;
}

li {
margin-bottom: .8em;
font-size: 13px;
}

dl {
padding-left: 0px;
list-style-position: outside;
margin: .6em 0px .6em 0px;
}

dd {
margin-bottom: .5em;
margin-left: .0em;
}

dt {
font-weight: bold;
margin-bottom: .1em;
margin-left; 0px;
padding-left: 0px;
}

a, a:visited {
color: #666699;
}

blockquote {
margin: 0;
padding: 0;
}



/*  Elements */

.hr hr {display:none;}

.hr {
height:11px;
margin: 10px 0 16px 0;
background:url("hr.gif") top center no-repeat;
width: 350px;
border: 0;
}

#specifications table td, th {
vertical-align: top;
padding: 5px;
}

#specifications table th {
font-weight: bold;
}

ul.downloads li.adobereader {
font-weight: bold;
list-style-image: url("/skins/common/icons/downloads_pdf.gif");
list-style-position: outside;
border: 0px solid #000000;
padding-left: 0;
margin-left: 0;
}

ul.downloads li.rtf {
font-weight: bold;
list-style-image: url("/skins/common/icons/downloads_rtf.gif");
list-style-position: outside;
border: 0px solid #000000;
padding-left: 0;
margin-left: 0;
}

ul.downloads li.video {
font-weight: bold;
list-style-image: url("/skins/common/icons/downloads_video.gif");
list-style-position: outside;
border: 0px solid #000000;
padding-left: 3px;
margin-left: 0;
}

ul.downloads {
list-style: none;
padding-left: 28px;
list-style-position: outside;
margin: .6em 0px .6em 0px;
}

#webbadge {
margin: .6em 0px .6em 0px;
}