@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: IWI Website
Author: InterDevil.com / XHTMLiT.com
Website: Http://www.XHTMLiT.com / Http://www.INTERDEVIL.com
Description: This is the stylesheet
Created: December 21, 2007
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/


/* === GENERAL STYES === */
body {margin:0;padding:0;}
img {border:0;}
.clear {clear:both;}
#wrap {width:884px;margin:0 auto;padding:0;}
 
img.pb {vertical-align:middle;}

/* === HEADER STYLES === */
div#header {width:100%;margin:0;padding:0;clear:both;overflow:hidden;}

   /* - TOP AREA - */
   #header #toparea {width:100%;height:101px;margin:5px 0;padding:0;background:url(images/toparea-bg.jpg) no-repeat top left;}
           #toparea .loggedin {margin:55px 0 0 0;padding:0 35px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12.25px;font-weight:bold;color:#138acb;text-align:right;float:right;clear:both;}
           #toparea input {width:183px;height:18px;margin:2px 25px 0 0;padding:5px 0 0 30px;font-family:Arial, Helvetica, sans-serif;font-size:11.43px;font-weight:normal;color:#999999;text-align:left;border:0;background:url(images/searchinput-bg.png) no-repeat;float:right;clear:both;}

   /* - NAVIGATION - */
   #header #navigation {width:100%;height:31px;margin:0;padding:0;}
           #navigation ul {margin:0;padding:0;list-style-type:none;}
           #navigation ul li {margin:0;padding:0;float:left;}
           
           #navigation ul li#daily {width:125px;height:31px;background:url(images/nav-daily-norm.jpg) no-repeat top left;}
           #navigation ul li#daily a:hover {width:125px;height:31px;padding:0;background:url(images/nav-daily-rollover.jpg) no-repeat top left;display:block;}
           #navigation ul li#daily.active {background:url(images/nav-daily-active.jpg) no-repeat top left;}
           
           #navigation ul li#store {width:126px;height:31px;background:url(images/nav-store-norm.jpg) no-repeat top left;}
           #navigation ul li#store a:hover {width:126px;height:31px;padding:0;background:url(images/nav-store-rollover.jpg) no-repeat top left;display:block;}
           #navigation ul li#store.active {background:url(images/nav-store-active.jpg) no-repeat top left;}
           
           #navigation ul li#insight {width:125px;height:31px;background:url(images/nav-insight-norm.jpg) no-repeat top left;}
           #navigation ul li#insight a:hover {width:125px;height:31px;background:url(images/nav-insight-rollover.jpg) no-repeat top left;display:block;}
           #navigation ul li#insight.active {background:url(images/nav-insight-active.jpg) no-repeat top left;}
           
           #navigation ul li#community {width:125px;height:31px;background:url(images/nav-community-norm.jpg) no-repeat top left;}
           #navigation ul li#community a:hover {width:125px;height:31px;background:url(images/nav-community-rollover.jpg) no-repeat top left;display:block;}
           #navigation ul li#community.active {background:url(images/nav-community-active.jpg) no-repeat top left;}
           
           #navigation ul li#resources {width:126px;height:31px;background:url(images/nav-resources-norm.jpg) no-repeat top left;}
           #navigation ul li#resources a:hover {width:126px;height:31px;background:url(images/nav-resources-rollover.jpg) no-repeat top left;display:block;}
           #navigation ul li#resources.active {background:url(images/nav-resources-active.jpg) no-repeat top left;}
           
           #navigation ul li#myplace {width:125px;height:31px;background:url(images/nav-myplace-norm.jpg) no-repeat top left;}
           #navigation ul li#myplace a:hover {width:125px;height:31px;background:url(images/nav-myplace-rollover.jpg) no-repeat top left;display:block;}
           #navigation ul li#myplace.active {background:url(images/nav-myplace-active.jpg) no-repeat top left;}
           
           #navigation ul li#about {width:129px;height:31px;background:url(images/nav-about-norm.jpg) no-repeat top left;}
           #navigation ul li#about a:hover {width:129px;height:31px;background:url(images/nav-about-rollover.jpg) no-repeat top left;display:block;}
           #navigation ul li#about.active {background:url(images/nav-about-active.jpg) no-repeat top left;}
           
/* === MIDDLE AREA === */
div#midarea {width:100%;margin:7px 0 0 0;padding:0;background:url(images/midarea-bg.jpg) repeat-y left;}
   #midarea .top {margin:0;padding:0;}
   #midarea .bottom {margin:0;padding:0;}
   
   /* - LEFT AREA - */
   #midarea #left {width:371px;margin:0 0 0 2px;padding:0;background:url(images/leftarea-bg.jpg) repeat-x top #497899;float:left;display:block;}
            #left #user {width:353px;height:20px;margin:0;padding:5px 0 0 38px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#FFF;font-size:9.21px;}
            #left #user ul {margin:0;padding:0;list-style-type:none;}
            #left #user ul li {margin:0;padding:2px 5px 0 5px;border-right:1px solid #FFF;float:left;}
            #left #user ul li.large {margin:-2px 0 0 0;font-size:12.25px;}
            #left #user ul li a {color:#FFF;text-decoration:none;}
            
            #left #blogarea {margin:5px 0 0 7px;height:187px;padding:0;background:url(images/blogarea-bg.jpg) repeat-y left;}
            #left #blogarea .header {margin:0;float:left;clear:both;}
            #left #blogarea h1 {margin:0;padding:3px 0 0 28px;font-family:Arial, Helvetica, sans-serif;font-size:11.43px;font-weight:bold;color:#2d6080;text-align:left;}
            #left #blogarea h1.date {font-size:9.8px;color:#666766;font-weight:normal;}
            #left #blogarea p {margin:0;padding:3px 15px 0 28px;font-family:Arial, Helvetica, sans-serif;font-size:10.50px;font-weight:normal;color:#000;text-align:left;line-height:15px;}
            #left #blogarea p a.readmore {padding:0 10px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:bold;color:#2d6282;text-align:left;background:url(images/arrow-bullet-orange.jpg) no-repeat right;text-decoration:none;}
            
            #left p.bottom {margin:5px 0 0 39px;padding:0;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:10.21px;color:#FFF;background:none;}
            #left p.bottom a {padding:0 10px 0 0;text-align:left;color:#FFF;text-decoration:underline;background:url(images/arrow-bullet-white.jpg) no-repeat right;}
   
   /* - MID AREA - */
   #midarea #mid {width:255px;margin:0 24px 0 0;padding:0;float:left;display:block;}
            #mid #quotemedia-holdbox {margin:10px 4px 0 4px;float:left;}
            #mid #dailytracker {margin:-5px 0 0 0;position:relative;z-index:5000;float:left;}
   
   /* - RIGHT AREA - */
   #midarea #right {width:228px;margin:0;padding:0;float:left;display:block;}
            #right #beginners {margin:5px 0 0 0;padding:0;}
            
            #right #prophetic {width:205px;margin:1px 0 0 0;padding:0;background:url(images/prophetic-bulletins-bg.jpg) repeat-y left;}
            #right #prophetic h1 {margin:0;padding:0 0 0 5px;font-family:Arial, Helvetica, sans-serif;font-size:11.43px;font-weight:bold;color:#2d6080;text-align:left;}
            #right #prophetic p {margin:0;padding:3px 30px 0 5px;font-family:Arial, Helvetica, sans-serif;font-size:10.50px;font-weight:normal;color:#000;text-align:left;line-height:15px;}
            #right #prophetic p a.readmore {padding:0 10px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:bold;color:#2d6282;text-align:left;background:url(images/arrow-bullet-orange.jpg) no-repeat right;text-decoration:none;}
   
           
/* === SECOND NAVIGATION === */
div#secondnav {width:100%;margin:8px 0 0 0;padding:0;clear:both;overflow:hidden;}
   
   /* - SECOND NAVIGATION - */
   #secondnav ul {margin:0;padding:0;list-style-type:none;}
   #secondnav ul li {margin:0 1px 0 0;padding:0;float:left;}
   
   #secondnav ul li#news {width:123px;height:29px;background:url(images/botnav-news-norm.jpg) no-repeat top left;}
   #secondnav ul li#news a:hover {width:123px;height:29px;background:url(images/botnav-news-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#news.active {background:url(images/botnav-news-active.jpg) no-repeat top left;}

   #secondnav ul li#prophetic {width:123px;height:29px;background:url(images/botnav-prophetic-norm.jpg) no-repeat top left;}
   #secondnav ul li#prophetic a:hover {width:123px;height:29px;background:url(images/botnav-prophetic-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#prophetic.active {background:url(images/botnav-prophetic-active.jpg) no-repeat top left;}

   #secondnav ul li#downloads {width:125px;height:29px;background:url(images/botnav-downloads-norm.jpg) no-repeat top left;}
   #secondnav ul li#downloads a:hover {width:125px;height:29px;background:url(images/botnav-downloads-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#downloads.active {background:url(images/botnav-downloads-active.jpg) no-repeat top left;}

   #secondnav ul li#topposts {width:125px;height:29px;background:url(images/botnav-topposts-norm.jpg) no-repeat top left;}
   #secondnav ul li#topposts a:hover {width:125px;height:29px;background:url(images/botnav-topposts-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#topposts.active {background:url(images/botnav-topposts-active.jpg) no-repeat top left;}
   
   #secondnav ul li#topinsights {width:126px;height:29px;background:url(images/botnav-topinsights-norm.jpg) no-repeat top left;}
   #secondnav ul li#topinsights a:hover {width:126px;height:29px;background:url(images/botnav-topinsights-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#topinsights.active {background:url(images/botnav-topinsights-active.jpg) no-repeat top left;}
   
   #secondnav ul li#events {width:125px;height:29px;background:url(images/botnav-events-norm.jpg) no-repeat top left;}
   #secondnav ul li#events a:hover {width:125px;height:29px;background:url(images/botnav-events-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#events.active {background:url(images/botnav-events-active.jpg) no-repeat top left;}
   
   #secondnav ul li#devotional {width:126px;height:29px;background:url(images/botnav-devotional-norm.jpg) no-repeat top left;}
   #secondnav ul li#devotional a:hover {width:126px;height:29px;background:url(images/botnav-devotional-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#devotional.active {background:url(images/botnav-devotional-active.jpg) no-repeat top left;}
   
   #secondnav ul li#education {width:125px;height:29px;margin:0;background:url(images/botnav-education-norm.jpg) no-repeat top left;}
   #secondnav ul li#education a:hover {width:125px;height:29px;background:url(images/botnav-education-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#education.active {background:url(images/botnav-education-active.jpg) no-repeat top left;}

/*
   #secondnav ul li#news.current {width:123px;height:29px;background:url(images/botnav-news-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#downloads.current {width:125px;height:29px;background:url(images/botnav-downloads-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#topposts.current {width:125px;height:29px;background:url(images/botnav-topposts-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#topinsights.current {width:126px;height:29px;background:url(images/botnav-topinsights-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#events.current {width:125px;height:29px;background:url(images/botnav-events-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#devotional.current {width:126px;height:29px;background:url(images/botnav-devotional-rollover.jpg) no-repeat top left;display:block;}
   #secondnav ul li#education.current {width:125px;height:29px;background:url(images/botnav-education-rollover.jpg) no-repeat top left;display:block;}
*/

   /* - SECOND NAVIGATION -> CONTENT - */
   #secondnav #sn-content {width:864px;height:180px;margin:0;padding:5px 0 0 20px;background:url(images/secondnav-content-bg.jpg) no-repeat top left;}
              #sn-content h1{margin:0;padding:2px 38px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:bold;color:#eea520;color:#4682B4; text-align:left;}
              #sn-content h2 {margin:0;padding:2px 2px 2px 2px;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:bold;color:#000003;text-align:left;}
              #sn-content p {margin:0;padding:8px 38px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:11.43px;font-weight:normal;color:#000000;text-align:left;}
              #sn-content .button {margin:12px 0 -15px -5px;float:left;clear:both;}
              #sn-content #archives.button {margin:10px 0 0 -5px;float:left;clear:both;}
              #sn-content .box-one {width:172px;height:170px;margin:0;padding:0 38px 0 19px;border-right:1px solid #afb2b6;float:left;}
              #sn-content .box-two {width:183px;height:170px;margin:0;padding:0 38px 0 19px;border-right:1px solid #afb2b6;float:left;}
              #sn-content .box-three {width:348px;height:170px;margin:0;padding:0 0 0 27px;float:left;}
              #sn-content .box-three p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:normal;color:#000003;text-align:left;line-height:12px;}
              #sn-content .box-three p img {margin:0 3px 0 0;float:left;}

              #sn-content .box-one_empty {width:210px;height:170px;margin:0;padding:0 0px 0 19px;border-right:1px solid #afb2b6;float:left;}
              #sn-content .box-one_empty p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:normal;color:#000003;text-align:left;line-height:12px;}
              #sn-content .box-two_empty {width:279px;height:170px;margin:0;padding:0 0px 0 19px;border-right:1px solid #afb2b6;float:left;}
              #sn-content .box-two_empty p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:normal;color:#000003;text-align:left;line-height:12px;}
              #sn-content .box-three_empty {width:290px;height:170px;margin:0;padding:0 0 0 10px;float:left;}
              #sn-content .box-three_empty p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:normal;color:#000003;text-align:left;line-height:12px;}
              #sn-content .box-three_empty p img {margin:0 3px 0 0;float:left;}

              #sn-content .box-firsthalf {width:360px;height:170px;margin:0;padding:0 38px 0 19px;border-right:1px solid #afb2b6;float:left;}
              #sn-content .box-secondhalf {width:350px;height:170px;margin:0;padding:0 38px 0 19px;float:left;}

              #sn-content .box-firstthird    {width:245px;height:170px;margin:0;padding:0 18px 0 19px;border-right:1px solid #afb2b6;float:left;}
              #sn-content .box-firstthird p  {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:normal;color:#000003;text-align:left;line-height:12px;}
              #sn-content .box-firstthird p img {margin:0 3px 0 0;float:left;}
              #sn-content .box-secondthird   {width:245px;height:170px;margin:0;padding:0 18px 0 19px;border-right:1px solid #afb2b6;float:left;}
              #sn-content .box-secondthird p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:normal;color:#000003;text-align:left;line-height:12px;}
              #sn-content .box-thirdthird    {width:250px;height:170px;margin:0;padding:0 18px 0 19px;float:left;}
              #sn-content .box-thirdthird p  {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:normal;color:#000003;text-align:left;line-height:12px;}

              #sn-content .box-whole {width:710px;height:170px;margin:0;padding:0 38px 0 19px;float:left;}

           
/* === FOOTER STYLES === */
div#footer {width:100%;margin:0;padding:11px 0 20px 0;overflow:hidden;clear:both;}

   /* - BOTTOM NAVIGATION - */
   #footer #bottomnav {width:415px;margin:0 85px 0 0;padding:0;float:left;}
           #bottomnav ul {margin:0 0 0 40px;padding:0;list-style-type:none;}
           #bottomnav ul li {margin:0;padding:0 5px;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:normal;color:#aab4c3;border-right:1px solid #aab4c3;float:left;}
           #bottomnav ul li a {color:#aab4c3;text-decoration:none;}
           
   /* - COPYRIGHT - */
   #footer #copyright {width:342px;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:10.21px;font-weight:normal;color:#aab4c3;text-align:left;float:right;}