/* 
Title:     styles for screen media
Author:    steve@divinemass.com
Updated:   Febuary 07 2008
*/

body {
 margin: 0;
 padding: 0;
 font-family: Verdana, Tahoma, sans-serif;
 font-size: 11px;
 color: #000;
 background: #FFF; }

a:link, a:visited {
 color: #000;
 text-decoration: none; }

a:hover {
 color: #000;
 text-decoration: underline; }

/* wrap
---------------------------------------------------------- */

#wrap {
 display: block;
 position: relative;
 width: 729px;
 margin: 0 auto;
 padding: 0;
 background: url(../images/common/body-bg.gif) repeat-y top center;
 z-index: 1; }

/* wall
---------------------------------------------------------- */

#wall {
 background-repeat: vertically;
 background-position: top right;
 position: absolute;
 right: 0;
 margin-right: 729px;
 width: 729px;
 height: 100%;
 z-index: 100; }

/* header
---------------------------------------------------------- */

#header {
 display: block;
 width: 729px;
 height: 75px;
 margin: 0;
 padding: 0;
 border-bottom: 1px solid #666;
 background: #fff url(../images/common/header-bg.jpg) no-repeat bottom right; }

#logo {
 float: left;
 width: 158px;
 height: 26px;
 margin: 25px 0 0 12px;
 padding: 0;
 background-image: url(../images/home/logo.jpg);
 background-repeat: no-repeat;
 background-position: 0 0;
 display: inline; }

#alt-logo {
 display: none; }

#search {
 float: right;
 margin: 25px 12px 0 0;
 padding: 0;
 display: inline; }

#search-text {
 float: left;
 margin: 0;
 padding: 0;
 display: inline; }
 
#search-text input {
 margin: 0;
 padding: 3px;
 width: 138px;
 height: 14px;
 font-family: Tahoma, Verdana, sans-serif;
 font-size: 11px;
 color: #000;
 background: #E8E6D7;
 border: 1px solid #ccc; }

#search-button {
 float: left;
 width: 25px;
 margin: 0 0 0 3px;
 padding: 0;
 display: inline; }

#search-icon {
 background-repeat: no-repeat;
 background-position: 0 0; }

/* body
---------------------------------------------------------- */

#body {
 display: block;
 width: 729px;
 margin: 0;
 padding: 0; }
 
/* sidebar
---------------------------------------------------------- */

#sidebar {
 float: left;
 margin: 12px 12px 0 12px;
 padding: 0;
 width: 159px; }

html>body #sidebar {
 width: 159px; }

#sidebar select {
 width: 158px; }

#sidebar option.divider {
 border-bottom: 1px dashed #999; }

#navigation {
 display: block;
 width: 158px;
 margin: 12px 0 0 0;
 padding: 0; }

#navigation.collapsed {
 margin-bottom: 10px; }

#navigation.extended {
 margin-bottom: 10px; }

#navigation li {
 display: block;
 width: 148px;
 margin: 0;
 padding: 0 0 0 10px;
 list-style: none;
 font-size: 11px;
 font-weight: bold;
 color: #000000;
 line-height: 20px; 
 border-top-style: dashed;
 border-top-width: 1px;
 border-top-color: #CCCCCC; }

#navigation ul {
 display: block;
 width: 148px;
 margin: 0 0 2px 0;
 padding: 0; }

#navigation ul li {
 display: block;
 width: 130px;
 height: 19px;
 margin: 0;
 padding: 0 0 0 18px;
 list-style: none;
 font-size: 11px;
 font-weight: bold;
 line-height: 19px; 
 border-top-style: none;
 border-top-width: 0;
 border-top-color: none; }

#featured {
 display: block;
 margin: 0;
 padding: 0;
 width: 159px; }

#featured p {
 display: block;
 margin: 12px 0 0 0;
 padding: 0; }

/* content
---------------------------------------------------------- */

#content {
 width: 546px;
 margin: 0 0 0 183px;
 padding: 0;
 color: #000;
 font-size: 12px;
 line-height: 15px;
 background: url(../images/common/content-bg.jpg) no-repeat 0 180px; }

html>body #content {
 width: 546px; }

#content #print-title {
 display: none; }

#content #title {
 margin: 0 20px 0 19px;
 padding: 20px 0 0 0; }

#content #sub-navigation {
 display: block;
 margin: 8px 0 20px 20px;
 padding: 0;
 font-size: 11px; }

#content #sub-navigation li {
 display: block;
 margin: 0 0 3px 0;
 padding: 0;
 list-style: none;
 color: #fff; }

#content #sub-navigation a {
 margin: 0;
 padding: 0 0 0 16px; } 

#content #sub-navigation a:link, #content #sub-navigation a:visited {
 color: #fff;
 text-decoration: none;
 background: url(../images/common/sub-nav-arrows.gif) no-repeat 0 0; }

#content #sub-navigation a:hover, #content #sub-navigation a.selected {
 color: #fff;
 text-decoration: none;
 background: url(../images/common/sub-nav-arrows.gif) no-repeat 0 -11px; }

#content h1 {
 display: block;
 margin: 20px 0 20px 0;
 padding: 0 18px 0 18px;
 font-size: 16px;
 font-weight: bold;
 color: #000; }

#content h2 {
 display: block;
 margin: 10px 0 10px 20px;
 padding: 0;
 font-size: 14px;
 font-weight: bold;
 color: #fff; }

#content h3 {
 display: block;
 margin: 10px 0 10px 20px;
 padding: 0;
 font-size: 13px;
 font-weight: bold;
 color: #fff; }

#content blockquote {
 clear: left;
 margin: 20px 35px 20px 20px;
 padding: 0;
 font-family: Times New Roman, Tahoma, sans-serif;
 font-size: 16px;
 font-weight: bold;
 line-height: 18px;
 color: #eee; }

#content p {
 margin: 0 18px 0 18px;
 padding: 0 0 14px 0;
 color: #333;
 line-height: 17px; }

#content p.pdf {
 margin: 20px 0 10px 0;
 padding: 0 0 0 25px;
 line-height: 17px;
 background: url(../images/common/acrobat-icon.jpg) no-repeat; }

#content .underline {
 text-decoration: underline; }

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

#content li {
 margin: 0 0 4px 0;
 padding: 0 0 0 2px;
 list-style: none; }

/* home styles
---------------------------------------------------------- */

#home-intro {
 display: block;
 margin: 0;
 padding: 0;
 width: 546px; }

#home-intro h1 {
 display: block;
 height: 19px;
 margin: 0;
 padding: 3px 10px 3px 10px;
 font-size: 11px;
 line-height: 19px;
 background: #999;
 color: #fff; }

#loving-muslims-movie {
 display: block;
 margin: 0;
 padding: 0;
 width: 544px;
 height: 107px;
 border-left: 1px solid #CACACA;
 border-right: 1px solid #CACACA; }

#the-journey-movie {
 display: block;
 margin: 0;
 padding: 0;
 width: 546px;
 height: 193px; }

#cutouts {
 display: block;
 margin: 12px 0 0 0;
 padding: 0;
 width: 159px;
 border-bottom: 1px dashed #999; }

#home-journey {
 display: block;
 margin: 24px 0 0 0;
 padding: 0; }

#home-features {
 display: block;
 margin: 16px 0 0 0;
 padding: 0; }

#home-features h2 {
 margin: 14px 0 2px 0;
 padding: 0 0 0 18px;
 font-size: 11px; }

#home-features table {
 margin: 0 0 0 12px;
 padding: 0; }

#home-features td {
 width: 255px;
 margin: 0;
 padding: 0 18px 0 0;
 font-size: 11px;
 line-height: 14px; }

#home-features a:link, #home-features a:visited {
 text-decoration: none; }

#home-features a:hover {
 text-decoration: underline; }

#home-features .thehub {
 background: url(../images/home/hub-bullet.gif) no-repeat 0 1px; }

#home-features .thesource {
 background: url(../images/home/source-bullet.gif) no-repeat 0 1px; }

/* footer
---------------------------------------------------------- */

#footer {
 clear: both;
 display: block;
 width: 729px;
 margin: 10px 0 0px 0;
 padding: 10px;
 font-size: 10px;
 color: #999;
 border-top: 1px solid #666;
 background: #fff; }

#footer a:link, #footer a:visited {
 color: #999;
 text-decoration: none; }

#footer a:hover {
 color: #999;
 text-decoration: underline; }

#copyright {
 padding: 0px;
 display: inline; }

#links {
 float: right;
 margin: 0 12px 0 0;
 padding: 12px 0 12px 0;
 display: inline; }

 /* containers
---------------------------------------------------------- */

#container-1 {
 margin: 0 18px 0 18px;
 padding: 8px;
 background: #E4E4D8; }

#container-1 h2 {
 margin: 0;
 padding: 0 0 5px 0;
 font-size: 14px; }

#container-1 td {
 padding: 5px 5px 8px 5px; }

#container-1 a:link, #container-1 a:visited, #container-1 a:hover {
 color: #000;
 text-decoration: underline; }

 /* misc
---------------------------------------------------------- */

hr, .hide {
 display: none; }

a img {
 border: none; }

form {
 margin: 0;
 padding: 0; }