html{
font-size: 100.01%;
background:#38823c url(../images/top-line.gif) repeat-x;
width: 100%;
}
body{
margin: 0;
font: 64% Arial, Verdana, sans-serif;
min-width:940px;
padding: 0 0 0px;
}
form {
padding: 0;
margin: 0;
display: inline;  
}
img{
border: none;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
p, h1, h2, h3, h4{margin: 0;}
table{
padding:0;
margin:0;
border-collapse:collapse;
}
td{
padding:0;
margin:0;
}
a{text-decoration: none;}
a:active, a:focus{outline:none;}
a:hover{text-decoration:underline}
#main{
margin: 0 auto;
width: 940px;
position: relative;
padding-top: 378px;
}
#header{
position: absolute;
top:0;
left:0;
background:#d0e1d0 url(../images/header-bg.gif) repeat-x;
padding: 0 7px 3px 6px;
width: 925px;
overflow:hidden;
}
/* logotype */
.logo{
position:absolute;
z-index: 20;
top: 23px;
left:-1px;
overflow: hidden;
width: 236px;
}
.logo div{
background:url(../images/logo.png) no-repeat;
height: 1%;
}
.logo a{
display: block;
overflow: hidden;
text-indent: -9999px;
position: relative;
width: 236px;
height: 275px;
}
/* top menu */
.top-menu{
overflow: hidden;
margin: 0 0 0 265px;
padding: 27px 0 0;
}
* html .top-menu{
overflow: visible;
height: 1%
}
.top-menu li{
background:url(../images/white-right-arrow.gif) no-repeat 0 4px;
padding: 0 0 0 10px;
float: left;
margin: 0 31px 0 0;
}
.top-menu a{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#fff;
}
/* main img */
#header .main-img{
height:311px;
overflow:hidden;
margin: 23px 0 0;
}
ul.image { position:relative;}
ul.image li {
position:absolute;
top:0;
left:0;
}
#header .main-img img{
width: 925px;
height: 311px;
border: 1px solid #fff;
}
/* main menu */
#menu{
position: absolute;
top: 65px;
left: 6px;
}
#menu ul{
background: url(../images/menu-bg.png) repeat-x;
overflow: hidden;
padding: 0 0 0 238px;
width: 688px;
height: 54px;
}
* html #menu ul{
overflow: visible;
height: 1%;
}
#menu li{
float:left;
display:inline;
height: 52px;
background: url(../images/menu-separator.png) no-repeat;
display: table;
vertical-align:top;
}
#menu li:first-child{background:none}
#menu a{
position:relative;
font: 14px/14px Arial, Helvetica, sans-serif;
color:#000;
display: block;
display:table-cell;
vertical-align:middle;
padding: 0 23px 0 17px;
}
#menu a:hover{color:#2b602e;}
/* content */
#content{
background:#d0e3d1;
padding: 0 7px 7px 6px;
width: 925px;
}
.content-holder{
background:#fff;
width: 100%;
}
.home .content-holder{padding-top:20px}
.columns{overflow: hidden;}
* html .columns{
overflow:visible;
height: 1%;
}
/* color-gamma */
.color-orange{color:#de6510}
.color-green{color:#2b602e}
.color-black{color:#333}
a.color-orange:hover{color:#2b602e}
a.color-green:hover{color:#de6510}
/* home page */
/* top columns */
.home .top-columns{
background: url(../images/top-columns-stretch.jpg) repeat-y;
width: 100%;
}
.home .top-columns .top-bg{
background:url(../images/top-columns-top-bg.jpg) no-repeat;
width: 100%;
}
.home .top-columns .bottom-bg{
background:url(../images/top-columns-bottom-bg.jpg) no-repeat 0 100%;
overflow:hidden;
padding: 11px 0 13px;
}
* html .home .top-columns .bottom-bg{
overflow: hidden;
height: 1%;
}
.home .top-columns .left-col{
display: inline;
float:left;
margin: 0 45px 0 22px;
width: 625px;
}
.home .top-columns .right-col{
width: 150px;
float:left;
}
h1{
background:url(../images/ico-tree.gif) no-repeat;
padding: 0 0 0 41px;
font: 26px/36px Arial, Helvetica, sans-serif;
color:#333;
}
.home .top-columns .left-col p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
float:left;
width: 445px;
margin:15px 35px 0 0;
}
.home .top-columns .left-col p a{
background:url(../images/right-arrow.gif) no-repeat 100% 50%;
padding:0 18px 0 0
}
.home .top-columns .left-col ul{
margin: 13px 0 0;
float:left;
}
.home .top-columns .left-col li{
background:url(../images/orange-double-arrow.gif) no-repeat 0 3px;
padding: 0 0 0 17px;
font: 12px/12px Arial, Helvetica, sans-serif;
margin: 8px 0;
}
.home .top-columns .newsletter{float:left}
.home .top-columns .newsletter h2{
font:22px/22px Arial, Helvetica, sans-serif;
}
.home .top-columns .newsletter strong{
text-indent:-999px;
overflow: hidden;
background: url(../images/text-new-expositor.gif) no-repeat;
display:block;
height: 19px;
margin: 17px 0;
width: 150px;
}
.home .top-columns .newsletter a.color-orange{
background:url(../images/right-arrow.gif) no-repeat 0 50%;
font: 12px/12px Arial, Helvetica, sans-serif;
padding: 0 0 0 16px;
}
.home .top-columns .newsletter .btn-read-now{
display: block;
margin: 0 0 32px;
width: 99px;
height: 29px;
background: url(../images/btn-read-more.gif) no-repeat;
text-align:center;
font: 12px/29px Arial, Helvetica, sans-serif;
color:#fff;
}
.home .grey-shadow{
margin: 6px 0 0;
background: url(../images/grey-shadow.jpg) no-repeat 3px 0;
overflow: hidden;
}
* html .home .grey-shadow{
overflow: visible;
height: 1%;
}
.home .grey-shadow .column-1{
width: 656px;
float:left;
margin: 0 31px 0 0;
}
.home .grey-shadow .column-2{
width: 226px;
float:left;
}
/* light-grey-box */
.home .light-grey-box{
background: #fff url(http://www.intheshadowofthetemple.com/wp-content/uploads/2009/09/poster.jpg) no-repeat 100% 0;
margin: 20px 0 0;
padding: 10px 0 15px 23px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-top-color: #d6d6d6;
border-right-color: #d6d6d6;
border-bottom-color: #d6d6d6;
}
/* light-grey-box2 */
.home .light-grey-box2{
background: #fff
margin: 20px 0 0;
padding: 10px 0 15px 23px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-top-color: #d6d6d6;
border-right-color: #d6d6d6;
border-bottom-color: #d6d6d6;
}
.home .light-grey-box h2{
font: 24px/24px Arial, Helvetica, sans-serif;
}
.home .light-grey-box .columns{
margin:24px 0 0;
}
.home .light-grey-box .left{
float:left;
width: 380px;
height:300px;
margin: 0 83px 0 0;
}
.home .light-grey-box .left h3{
font: 22px/22px Arial, Helvetica, sans-serif;
color:#307032;
margin: 0 0 18px;
}
.home .light-grey-box p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 8px 0;
}
.home .light-grey-box .right{
width: 150px;
float:left;
margin: 15px 0 0;
}
.home .light-grey-box strong{
font: bold 16px/18px Arial, Helvetica, sans-serif;
color:#000;
}
.home .light-grey-box .right a{
margin: 87px -10px -70px -440px ;
display:block;
width: 307px;
height: 149px;
background: url(../images/btn-detail3.gif) no-repeat;
font:bold 12px/27px Arial, Helvetica, sans-serif;
color:#fff;
text-indent:10px;
}
/* angle-shadow */
.home .angle-shadow{margin: 24px 22px 0;}
.home .angle-shadow h2{
font: 22px/22px Arial, Helvetica, sans-serif;
margin: 0 0 15px;
}
.home .angle-shadow p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
.home .angle-shadow .columns{
background: url(../images/angle-shadow.jpg) no-repeat 100% 0;
margin: 28px 0 0;
padding: 0 0 60px;
}
.home .angle-shadow .left{
width: 325px;
float:left;
margin: 23px 0 0;
}
.home .angle-shadow .left .post-logo{
margin: 0 0 13px;
display: block;
width: 282px;
height:59px;
}
.home .angle-shadow .left div{
width: 100%;
overflow: hidden;
}
.home .angle-shadow .left div img{float:left;}
.home .angle-shadow .left div p{margin: 0 0 0 90px;}
.home .angle-shadow .left div a.color-orange{
float: right;
margin: 11px 30px 0 0;
font: 14px/16px Arial, Helvetica, sans-serif;
background: url(../images/grey-double-arrow.gif) no-repeat 0 50%;
padding: 0 0 0 13px;
}
.home .angle-shadow .right{
width:218px;
float:right;
padding: 25px 0 0;
}
.home .angle-shadow .right strong{font: bold 16px/18px Arial, Helvetica, sans-serif;}
.home .angle-shadow .right ul{margin: 17px 0 0;}
.home .angle-shadow .right ul li{margin: 7px 0;}
.home .angle-shadow .right ul a{font: 12px/14px Arial, Helvetica, sans-serif;}
/* bottom-columns */
.home .bottom-columns{
overflow:hidden;
background:url(../images/bottom-columns.jpg) no-repeat;
width: 653px;
margin: 0 0 0 6px;
padding: 0 0 40px;
}
.home .bottom-columns .left{
float:left;
width: 280px;
margin: 0 50px 0 17px;
display: inline;
}
.home .bottom-columns .right{
width: 303px;
float:left;
}
.home .bottom-columns h2{
font: 20px/22px Arial, Helvetica, sans-serif;
padding: 6px 0;
margin: 0 0 17px;
}
.home .bottom-columns .right h2{background:url(../images/opened-book.gif) no-repeat 122px 0;}
.home .bottom-columns .left p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
.home .bottom-columns .left img{
float:right;
border: 7px solid #cdcdcd;
margin: 0 18px 0 7px;
display: inline;
}
.home .bottom-columns .left a.color-green{
float:right;
font: 12px/12px Arial, Helvetica, sans-serif;
background: url(../images/right-arrow.gif) no-repeat 100% 50%;
padding: 0 16px 0 0;
margin: 0 26px 0 0;
}
.home .bottom-columns .right strong{
font:bold 14px/18px Arial, Helvetica, sans-serif;
color:#333;
display: block;
margin: 0 0 7px;
}
.home .bottom-columns .right a{
font:12px/14px Arial, Helvetica, sans-serif;
display: block;
margin: 0 0 16px;
}
.home .bottom-columns .right img{margin: 20px 0}
/* column-2 */
.home .video-box{margin: 18px 0 0;}
.home .video-box h2{
font: 20px/22px Arial, Helvetica, sans-serif;
color:#2853af;
margin: 0 0 16px 5px;
}
.home .video-box .color-orange{
font: 12px/14px Arial, Helvetica, sans-serif;
margin: 0 0 0 5px;
}
.home .video-box div{
margin: 18px 0 12px;
overflow: hidden;
width: 100%;
}
.home .video-box div img{
float:left;
border: 1px solid #ccc;
padding: 1px;
width: 107px;
height: 92px;
margin: 0 9px 0 0;
}
.home .video-box div p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 0 0 5px 120px;
}
.home .video-box div a.blue-link{
font: bold 12px/14px Arial, Helvetica, sans-serif;
color:#346bc7;
margin: 0 0 0 120px;
}
.home .video-box .color-black{
font: bold 14px/16px Arial, Helvetica, sans-serif;
padding: 0 14px 0 0;
background: url(../images/black-double-arrow.gif) no-repeat 100% 50%;
}
.home .youtube{margin: 20px 0 0;}
.home .youtube h2{
font: 20px/22px Arial, Helvetica, sans-serif;
color:#2853af;
}
.home .youtube .logo-holder{
margin: 15px 0 10px 9px;
display: block;
}
.home .youtube div{
overflow: hidden;
width: 100%;
}
.home .youtube .img-holder{
float:left;
margin: 0 10px 0 0;
}
.home .youtube div a img{
display:inline;
vertical-align:middle;
float:none;
margin: 0 0 0 5px;
}
.home .audio{
border: 1px solid #ccc;
border-width:1px 0;
background:url(../images/headphones.gif) no-repeat 0 50%;
margin: 18px 0;
padding: 10px 10px 10px 55px;
}
.home .audio h3{
font: bold 14px/16px Arial, Helvetica, sans-serif;
color:#346bc7;
}
.home .audio a{
padding: 0 10px 0 0;
font: 12px/12px Arial, Helvetica, sans-serif;
}
.home .stories{width: 195px;}
.home .stories h2{
font: bold 18px/18px Arial, Helvetica, sans-serif;
color:#345cb3;
}
.home .stories h3{
font: bold 12px/16px Arial, Helvetica, sans-serif;
color:#333;
margin: 13px 0;
}
.home .stories p{
font:12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
.home .stories .more-holder{
text-align:right;
margin: 5px 0 15px;
}
.home .stories .color-green{
background: url(../images/orange-arrow.gif) no-repeat 0 50%;
padding: 0 0 0 8px;
font: 12px/12px Arial, Helvetica, sans-serif;
margin: 0 15px 0 0;
}
.home .stories .color-black{
font: bold 14px/14px Arial, Helvetica, sans-serif;
background:url(../images/orange-double-arrow.gif) no-repeat 0 50%;
padding: 0 0 0 12px;
margin: 0 0 0 5px;
}
.home .stories ul{margin: 0 0 0 10px;}
.home .stories li{margin:0 0 5px 0}
/* media page */
.media .content-holder{padding-bottom:25px}
/* top content columns */
.media .top-columns{
padding: 15px 8px 0 15px;
overflow: hidden;
}
* html .media .top-columns{
overflow: visible;
height: 1%;
}
/* left-side */
.media .top-columns .left{
float:left;
width: 630px;
margin: 8px 0 0
}
.media .top-columns .left h1{
font: 24px/36px Arial, Helvetica, sans-serif;
left: -4px;
position: relative;
height: 36px;
}
.media .top-columns .left h2{
margin: 23px 0 20px;
font: 20px/22px Arial, Helvetica, sans-serif;
}
.media .top-columns .left h3{
margin: 34px 0 12px;
font:bold 16px/18px Arial, Helvetica, sans-serif;
}
.media .top-columns .left p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 4px 0 15px 0;
}
.media .top-columns .left a.color-green{
background: url(../images/orange-double-arrow.gif) no-repeat 0 4px;
padding: 0 0 0 11px;
font: 11px/14px Arial, Helvetica, sans-serif;
margin: 0 0 0 4px;
}
.media .top-columns .left ul{margin:21px 0 0 4px;}
.media .top-columns .left ul li{
background: url(../images/grey-double-arrow.gif) no-repeat 0 3px;
padding: 0 0 0 12px;
font: 12px/14px Arial, Helvetica, sans-serif;
margin: 5px 0;
}
/*class left-wide */
.media .top-columns .left-wide{
float:left;
width: 890px;
margin: 8px 0 0
}
.media .top-columns .left-wide h1{
font: 24px/36px Arial, Helvetica, sans-serif;
left: -4px;
position: relative;
height: 36px;
margin: 0 0 18px 0;
}
.media .top-columns .left-wide h2{
margin: 23px 0 20px;
font: 20px/22px Arial, Helvetica, sans-serif;
}
.media .top-columns .left-wide h3{
margin: 34px 0 12px;
font:bold 16px/18px Arial, Helvetica, sans-serif;
}
.media .top-columns .left-wide p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 4px 0 15px 0;
}
.media .top-columns .left-wide a.color-green{
background: url(../images/orange-double-arrow.gif) no-repeat 0 4px;
padding: 0 0 0 11px;
font: 11px/14px Arial, Helvetica, sans-serif;
margin: 0 0 0 4px;
}
.media .top-columns .left-wide ul{margin:21px 0 0 4px;}
.media .top-columns .left-wide ul li{
list-style-type: none;
padding: 0 0 0 12px;
font: 12px/14px Arial, Helvetica, sans-serif;
margin: 5px 0;
}
.media .top-columns .left-wide a{
color:#1E4720;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: bold;
}
/*bookstore tabs menu*/
.media .top-columns .left-wide .bookstoretabs {
width: 100%;
overflow: hidden;
}
.media .top-columns .left-wide .bookstoretabs ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
}
.media .top-columns .left-wide .bookstoretabs li{
display: inline;
margin: 0;
}
.media .top-columns .left-wide .bookstoretabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
background: #D0E1D1;
list-style-type: none;
}
.media .top-columns .left-wide .bookstoretabs a:hover {
background-color: #F99D36;
color:#fff
}
/*bookstore tabs menu info class*/
.info .featured .bookstoretabs {
width: 100%;
overflow: hidden;
}
.info .featured .bookstoretabs ul{
margin: 0;
padding: 0 0 20px 0;
font: bold 12px Verdana;
list-style-type: none;
}
.info .featured .bookstoretabs li{
display: inline;
margin: 0;
border: #ccc 1px
}
.info .featured .bookstoretabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
background: #D0E1D1;
list-style-type: none;
color: #2A5E2D;
}
.info .featured .bookstoretabs a:hover {
background-color: #F99D36;
color:#fff
}
/* right side */
.media .top-columns .right{
float:right;
width: 232px;
border: 1px solid #e7e5df;
margin: 14px 0 0; 
}
.media .top-columns .right .inner-border{
border:1px solid #fff;
background: url(../images/brown-gradient.gif) repeat-x;
padding: 12px 10px 17px;
}
.media .top-columns .right h2{font: 18px/18px Arial, Helvetica, sans-serif;}
.media .top-columns .right ul{margin: 13px 0 22px 3px;}
.media .top-columns .right ul li{
background: url(../images/orange-double-arrow.gif) no-repeat 0 4px;
padding: 0 0 0 17px;
margin: 7px 0;
}
.media .top-columns .right ul a{font: 12px/12px Arial, Helvetica, sans-serif;}
.media .top-columns .right p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 7px 0 17px; 
}
.media .top-columns .right .color-orange{
font: 12px/12px Arial, Helvetica, sans-serif;
background: url(../images/grey-double-arrow.gif) no-repeat 0 50%;
padding: 0 0 0 13px;
}
/*video box right*/
.media .top-columns .right .video-box{margin: 18px 0 0;}
.media .top-columns .right .video-box h2{
font: 20px/22px Arial, Helvetica, sans-serif;
color:#2853af;
margin: 0 0 16px 5px;
}
.media .top-columns .right .video-box .color-orange{
font: 12px/14px Arial, Helvetica, sans-serif;
margin: 0 0 0 5px;
}
.media .top-columns .right .video-box div{
margin: 18px 0 12px;
overflow: hidden;
width: 100%;
}
.media .top-columns .right .video-box div img{
float:left;
border: 1px solid #ccc;
padding: 1px;
width: 107px;
height: 92px;
margin: 0 9px 0 0;
}
.media .top-columns .right .video-box div p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 0 0 5px 120px;
}
.media .top-columns .right .video-box div a.blue-link{
font: bold 12px/14px Arial, Helvetica, sans-serif;
color:#346bc7;
margin: 0 0 0 120px;
}
.media .top-columns .right .video-box .color-black{
font: bold 14px/16px Arial, Helvetica, sans-serif;
padding: 0 14px 0 0;
background: url(../images/black-double-arrow.gif) no-repeat 100% 50%;
}
.media .top-columns .right .youtube{
margin: 1px 0 0;
}
.media .top-columns .right .youtube h2{
font: 20px/22px Arial, Helvetica, sans-serif;
color:#2853af;
}
.media .top-columns .right .youtube .logo-holder{
margin: 15px 0 10px 9px;
display: block;
}
.media .top-columns .right .youtube div{
overflow: hidden;
width: 100%;
margin: 0 0 20px 0;
}
.media .top-columns .right .youtube .img-holder{
float:left;
margin: 0 10px 0 0;
}
.info .top-columns .right .youtube{
margin: 1px 0 0;
}
.info .top-columns .right .youtube h2{
font: 20px/22px Arial, Helvetica, sans-serif;
color:#2853af;
}
.info .top-columns .right .youtube .logo-holder{
margin: 15px 0 10px 9px;
display: block;
}
.info .top-columns .right .youtube div{
overflow: hidden;
width: 100%;
margin: 0 0 20px 0;
}
.info .top-columns .right .youtube .img-holder{
float:left;
margin: 0 10px 0 0;
}
.info .top-columns .right .youtube div a img{
display:inline;
vertical-align:middle;
float:none;
margin: 0 0 0 5px;
}
.info .top-columns .right .youtube{
margin: 1px 0 0;
}
.info .top-columns .right .youtube h2{
font: 20px/22px Arial, Helvetica, sans-serif;
color:#2853af;
}
.info .top-columns .right .youtube .logo-holder{
margin: 15px 0 10px 9px;
display: block;
}
.info .top-columns .right .youtube div{
overflow: hidden;
width: 100%;
margin: 0 0 20px 0;
}
.info .top-columns .right .youtube .img-holder{
float:left;
margin: 0 10px 0 0;
}
.info .top-columns .right .youtube div a img{
display:inline;
vertical-align:middle;
float:none;
margin: 0 0 0 5px;
}
/* video-box */
.media .video-box{
margin: 5px 1px 0;
background: #eee;
padding: 18px 0 11px 15px;
}
.media .video-box h2{font: 20px/22px Arial, Helvetica, sans-serif;}
.media .video-box .columns{margin: 16px 0 7px}
.media .video-box .video-player{
float:left;
margin: 0 25px 0 0;
}
.media .video-box .video-list{
float:left;
border: 4px solid #fff;
padding:0 0 0 3px;
display: inline;
}
.media .video-box strong.color-green{font: 14px/14px Arial, Helvetica, sans-serif;}
/* info video box */
.info .video-box{
margin: 5px 1px 0;
background: #fff;
padding: 4px 0 11px 0px;
}
.info .video-box h2{font: 20px/22px Arial, Helvetica, sans-serif;}
.info .video-box .columns{margin: 2px 0 7px}
.info .video-box .video-player{
float:left;
margin: 0 25px 0 0;
}
.info .video-box .video-list{
float:left;
border: 4px solid #fff;
padding:0 0 0 3px;
display: inline;
}
.info .video-box strong.color-green{font: 14px/14px Arial, Helvetica, sans-serif;}
/* audio-section */
.media .audio-section{
margin: 37px 0 0 15px;
width: 855px;
}
.media .audio-section h2{
font: 20px/30px Arial, Helvetica, sans-serif;
background: url(../images/headphones.gif) no-repeat 6px 50%;
padding: 0 0 0 56px;
margin: 0 0 14px;
}
.media .audio-section{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
.media .audio-section h3{
font: bold 16px/18px Arial, Helvetica, sans-serif;
margin: 20px 0 0;
}
.media .audio-section ul{margin: 11px 0 0;}
.media .audio-section ul li{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
background: url(../images/grey-double-arrow.gif) no-repeat 0 5px;
padding: 0 0 0 12px;
margin: 2px 0;
}
.media .audio-section ul li img{
display: inline;
vertical-align: middle;
margin: 0 0 0 5px;
}
/* left audio-section */
.media .audio-section-left{
margin: 12px 0 0 15px;
width: 635px;
float:left;
}
.media .audio-section-left a{
color: #C0560B;
font-weight: bold;
}
.media .audio-section-left h2{
font: 20px/30px Arial, Helvetica, sans-serif;
background: url(../images/headphones.gif) no-repeat 6px 50%;
padding: 0 0 0 56px;
margin: 0 0 14px;
}
.media .audio-section-left{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
.media .audio-section-left h3{
font: bold 16px/18px Arial, Helvetica, sans-serif;
margin: 20px 0 10px 0;
color:#2b602e
}
.media .audio-section-left ul{margin: 11px 0 10px 0;}
.media .audio-section-left p{margin: 11px 0 10px 0;}
.media .audio-section-left ul li{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
background: url(../images/grey-double-arrow.gif) no-repeat 0 5px;
padding: 0 0 0 12px;
margin: 3px 0 5px 0;
}
.media .audio-section-left ol li{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
padding: 0 0 0 12px;
margin: 3px 0 5px 0;
}
.media .audio-section-left ul li img{
display: inline;
vertical-align: middle;
margin: 0 0 0 5px;
}
/* book-info */
.media .book-info{
margin: 17px 0 0 15px;
width: 855px;
}
.media .book-info h2{
font: 20px/30px Arial, Helvetica, sans-serif;
margin: 0 0 10px;
}
.media .book-info p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 4px 0;
}
.media .book-info ul{
overflow: hidden;
width: 924px;
margin: 33px -27px 50px;
}
.media .book-info ul li{
float: left;
width: 203px;
margin: 0 27px 0 1px;
display: inline;
}
.media .book-info ul li .title{
margin: 0 0 0 28px;
width: 175px;
border-bottom: 2px solid #e6e6e6;
padding: 0 0 5px;
}
.media .book-info ul li .title a{
display: block;
font: 12px/12px Arial, Helvetica, sans-serif;
margin: 0 0 10px;
}
.media .book-info ul li .title span{
font: 11px/11px Arial, Helvetica, sans-serif;
color:#333;
}
.media .book-info ul li .columns{
padding: 0 0 0 26px;
width: 177px;
margin: 6px 0 0;
background: url(../images/book-info-list-separator.gif) no-repeat;
}
.media .book-info ul li:first-child .columns{background:none}
.media .book-info ul li .columns img{
width: 72px;
height: 96px;
border: 1px solid #5a863c;
padding: 1px;
float: left;
}
.media .book-info ul li .columns p{
font: 10px/12px Arial, Helvetica, sans-serif;
color:#2b602e;
margin: 0 0 0 82px;
}
/* info page */
.info .content-holder{
overflow: hidden;
padding: 0 0 25px;
}
.info h2{
font: 20px/22px Arial, Helvetica, sans-serif;
color:#255627;
}
.info h3{
font:bold 16px/18px Arial, Helvetica, sans-serif;
color:#255627;
}
.info h4{
font:bold 14px/16px Arial, Helvetica, sans-serif;
color:#255627;
} 
/* top columns */
.info .top-columns{
overflow: hidden;
padding: 20px 7px 0 25px;
}
* html .info .top-columns{
overflow: visible;
height: 1%;
}
/* left column */
.info .top-columns .left{
float: left;
width: 620px;
margin: 5px 0 0;
}
.info .top-columns .left a{
color: #de6510;
font-weight: bold;
}
.info .top-columns .left h1{
font: 24px/36px Arial, Helvetica, sans-serif;
left: -4px;
position: relative;
height: 36px;
}
.info .top-columns .left h2{margin: 19px 0 22px;}
.info .top-columns .left h3{
margin: 8px 0;
}
.info .top-columns .left p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
padding: 5px 0 8px 0;
}
.info .top-columns .left h4{margin: 1px 0;}
.info .top-columns .left p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
padding: 5px 0 8px 0;
}
.info .top-columns .left ul{margin: 10px 0;}
.info .top-columns .left .order li{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 0 0 3px 0;
}
.info .top-columns .left .links li{
background: url(../images/grey-double-arrow.gif) no-repeat 0 4px;
padding: 0 0 4px 12px;
}
.info .top-columns .left .links a{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
.info .top-columns .left .links li{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
/* right column */
.info .top-columns .right{
float: right;
border: 1px solid #e7e5df;
}
.info .top-columns .right .inner-border{
border: 1px solid #fff;
background: url(../images/brown-gradient.gif) repeat-x;
width: 202px;
padding: 12px 14px 25px;
}
.info .top-columns .right h2{
color: #333;
margin: 0 0 14px -3px;
}
.info .top-columns .right .p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
.info .top-columns .right .color-orange{
font: 12px/12px Arial, Helvetica, sans-serif;
background: url(../images/grey-double-arrow.gif) no-repeat 0 50%;
padding: 0 0 0 13px;
}
.info .top-columns .right .date{
line-height:20px;
overflow: hidden;
width: 100%;
}
.info .top-columns .right .date strong{
display: block;
float: left;
width: 40px;
}
.info .top-columns .right .date span{
display: block;
float:left;
width: 135px;
}
.info .top-columns .right address{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 7px 0 15px;
}
.info .top-columns .right address strong{
display: block;
margin: 0 0 5px;
}
.info .top-columns .right ul{margin: -7px 0 0;}
.info .top-columns .right li{
background: url(../images/orange-double-arrow.gif) no-repeat 0 4px;
padding: 0 0 0 17px;
margin: 0 0 6px;
font: 12px/14px Arial, Helvetica, sans-serif;
}
.info .top-columns .right .inner-border div{
margin: 10px 0 0;
overflow: hidden;
width: 190px;
}
.info .top-columns .right div h3{
font: bold 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 0 0 7px;
}
.info .top-columns .right div h4{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 0 0 12px;
}
.info .top-columns .right div p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
.info .top-columns .right div .ptb p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 5px 0 5px 0;
}
.info .top-columns .right .inner-border div .color-green{
background: url(../images/orange-double-arrow.gif) no-repeat 0 4px;
float:right;
padding: 0 0 0 13px;
font: 12px/14px Arial, Helvetica, sans-serif;
}
/* featured */
.info .featured{
width: 875px;
margin: 30px 0 0 22px;
}
.info .featured h2{margin: 13px 0;}
/* TAB's */
.info .tabset{
margin: 27px 0 -1px;
position: relative;
overflow: hidden;
width: 100%;
}
.info .tabset a.tab{
display: block;
font: bold 12px/24px Arial, Helvetica, sans-serif;
color:#de6510;
padding: 0 9px;
border: 1px solid #c1c1c1;
background: #e2ede2;
margin: 3px 2px 0 0;
float:left;
}
.info .tabset a.active{
color:#255627;
font:bold 14px/24px Arial, Helvetica, sans-serif;
background: #fff;
padding-top: 2px;
border-top: 2px solid #629764;
border-bottom:1px solid #fff;
margin: 0 2px 0 0;
}
.info .tabset a:hover{
color:#255627;
text-decoration:none;
background:#fff;
}
.info div.tab{
border: 1px solid #c1c1c1;
padding: 7px 0 20px;
margin: 0 0 25px;
}
/* post */
.info .post{
overflow: hidden;
width: 100%;
margin: 15px 0 0;
}
.info .post .photo-holder{
float:left;
width: 125px;
margin: 0 0 0 6px;
}
.info .post .photo-holder div{
background: url(../images/photo-holder.jpg) no-repeat;
height: 138px;
padding: 15px 0 0;
}
.info .post .photo-holder div img{
width: 110px;
height:133px;
}
.info .post .photo-holder strong{
font: bold 16px/19px Arial, Helvetica, sans-serif;
color:#255627;
margin: 0 0 0 0px;
}
.info .post .text{
float:left;
width: 700px;
margin: 3px 0 0 6px;
display: inline;
}
.info .post .text strong{
display: block;
font: bold 12px/17px Arial, Helvetica, sans-serif;
color:#333;
}
.info .post .text p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 9px 0;
}
.info .post .text-stories{
float:left;
width: 850px;
margin: 3px 0 0 10px;
display: inline;
}
.info .post .text-stories strong{
display: block;
font: bold 12px/17px Arial, Helvetica, sans-serif;
color:#333;
}
.info .post .text-stories p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 9px 0;
}
.info .common{
overflow: hidden;
width: 100%;
margin: 25px 0 0;
}
.info .common .text{
float:left;
width: 850px;
margin: 3px 0 0 6px;
display: inline;
}
.info .common .text strong{
display: block;
font: bold 12px/17px Arial, Helvetica, sans-serif;
color:#2B602E;
}
.info .common .text p{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 9px 0;
}
.info .common ul{margin: 10px 0;}
.info .common li{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
.info .common li{
background: url(../images/grey-double-arrow.gif) no-repeat 0 4px;
padding: 0 0 0 12px;
}
.info .common a{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}
/* footer */
#footer{
background: #2b602e url(../images/footer-bg.gif) repeat-x;
overflow: hidden;
position: relative;
}
#footer .inner-content{
width: 940px;
margin: 0 auto;
padding: 85px 0 0;
height: 263px;
position: relative;
}
#footer .footer-holder{
background:url(../images/footer-holder.gif) no-repeat 50% 0;
}
#footer .left-col{
float: left;
width: 190px;
}
#footer .left-col h3{
background:url(../images/footer-short-line.gif) no-repeat 0 100%;
font: 14px/14px Arial, Helvetica, sans-serif;
color:#fff;
height: 29px;
}
#footer .left-col ul{margin: 0 0 35px;}
#footer .left-col li{margin: 8px 0;}
#footer .left-col a{
font: 12px/12px Arial, Helvetica, sans-serif;
color:#fff;
}
#footer .right-col{
width:390px;
float:left;
margin: 0 0 0 32px;
display: inline;
}
#footer .right-col h3{
background:url(../images/footer-long-line.gif) no-repeat 0 100%;
font: 14px/14px Arial, Helvetica, sans-serif;
color:#fff;
height: 28px;
}
#footer .right-col .col-1{
float:left;
width: 120px;
}
#footer .right-col .col-2{
float:left;
display:inline;
margin: 0 10px;
width: 170px;
}
#footer .right-col .col-3{
float:left;
width: 80px;
}
#footer .right-col ul{margin: 6px 0 0}
#footer .right-col ul li{margin: 4px 0 0}
#footer .right-col a{
font: 11px/11px Arial, Helvetica, sans-serif;
color:#fff;
}
#footer .right-col strong{
font: 14px/14px Arial, Helvetica, sans-serif;
color:#fff;
display: block;
margin: 5px 0 0;
}
#footer .footer-menu{
text-align:center;
margin: 21px 0 15px;
}
#footer .footer-menu li{
display: inline;
margin: 0 35px;
}
#footer .footer-menu a{
font: 12px/12px Arial, Helvetica, sans-serif;
color:#fff;
}
#footer .copy{
font: 12px/12px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
}
/* Table Stles*/
#mytable body {
font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
background: #E6EAE9;
}
#mytable a {
color: #c75f3e;
}
#mytable {
width: 680px;
padding: 0;
margin: 0;
}
#mytable caption {
padding: 0 0 5px 0;
width: 600px;   
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}
#mytable th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #333;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}
#mytable th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
}
#mytable td {
background: #fff;
padding: 6px 6px 6px 12px;
color: #333333;
border-top: 1px solid #D0E3D1;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-left: 1px solid #C1DAD7;
font-weight: normal;
}
#mytable td.alt {
background: #F5FAFA;
color: #797268;
}
#mytable th.spec {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #fff url(images/bullet1.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#mytable th.specalt {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #f5fafa url(images/bullet2.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #797268;
}
.order2 li{
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
margin: 0px 0px px 40px;
}
.o2 li{
list-style-type:disc;
font: 12px/14px Arial, Helvetica, sans-serif;
color:#333;
}