body
{
    background:#000 url(../img/backgrounds/bg-first-hero.jpg) no-repeat 50% top;
    color:#fff;
}
body.callToWar
{
    background:#000 url(../img/backgrounds/bg-call-to-war.jpg) no-repeat 50% top;
}
body.chasingEvil
{
    background:#000 url(../img/backgrounds/bg-chasing-evil.jpg) no-repeat 50% top;
}


h1,h2
{
    color:#dba643;
    font-size:210%;
    background:#000 url(../img/hr.jpg) no-repeat center bottom;
    padding-bottom:15px;
    padding-left:15px;
    text-transform:uppercase;
}
h2
{  
    font-size:140%;
    background:none;
    padding-left:0;
}
h3
{
    font-size:140%;
}
.clear
{
    clear:both;
}
a
{
    color:#dba643;
    text-decoration:underline;
}
a:hover,li a
{    
    text-decoration:none;
}
p
{
    line-height:120%;
}
/****Main frame*****/
#mainWrap {
    width:952px;
    margin:0 auto;    
}
#header
{
  position:relative;
  height:220px;
}
#header #logo
{
  position:absolute;
  top:25px;
  left:8px;
}
#header #banner
{
    position:absolute;
    width:712px;
    height:90px;
    top:35px;
    left:240px;
}

#header #mainNav
{
    position:absolute;
    top:150px;
    left:2px;
    right:0;
    height:47px;
    background:url('../img/nav-bg.jpg') no-repeat;
    padding:15px 0 0 32px;
    margin:0;
}
#header #mainNav li
{
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
    display:inline;
    margin-right:4px;
    
}
#content
{
    padding-left:20px;
}
#twoColLeft
{
    padding-top:12px;
}
.left
{
    float:left;
}
.right
{
    float:right;
}
#twoColLeft .left
{
    width:695px;
    margin-right:8px;
}

#twoColLeft .right
{
    width:215px;
    margin-left:8px;
}

#twoColRight .left
{
    width:250px;
   
}

#twoColRight .right
{
    width:680px;
    padding-top:20px;
   
}
#twoColRight .right h1
{
    background-image:url(../img/hr-small.jpg);
}
#footer
{
    border-top:solid 1px #fff;
    margin: 0 25px 0 25px;
    padding-top:15px;
    font-size:90%;
    padding-bottom:25px;
}
#footer p
{
    margin-bottom:3px;
}
#footer a
{
    color:#fff;
}
#footer ul li
{
	float:left;
	list-style:none;
	_display:inline;
	margin-left:7px;	
}

#footer ul li a
{
	display:block;
	text-decoration:none;
	padding-left:22px;
}

#footer ul li.facebook a
{
	background:url(../img/bookmarks/facebook.gif) left 50% no-repeat;	
}

#footer ul li.delicious a
{
	background:url(../img/bookmarks/delicious.gif) left 50% no-repeat;	
}

#footer ul li.diggit a
{
	background:url(../img/bookmarks/diggit.gif) left 50% no-repeat;	
}

#footer ul li.stumbleupon a
{
	background:url(../img/bookmarks/stumbleupon.gif) left 50% no-repeat;	
}

/****Nav****/

a#navHome
{
    background-image:url(/_template/img/nav/nav-home.jpg);
    width:76px;
}
a#navBooks
{
    background-image:url(/_template/img/nav/nav-books.jpg);
    width:126px;
}
a#navFunStuff
{
    background-image:url(/_template/img/nav/nav-funstuff.jpg);
    width:126px;
}
a#navCompetitions
{
    background-image:url(/_template/img/nav/nav-competitions.jpg);
    width:161px;
}
a#navGame
{
    background-image:url(/_template/img/nav/nav-game.jpg);
    width:216px;
}
a#navNewsletter
{
    background-image:url(/_template/img/nav/nav-newsletter.jpg);
    background-repeat:no-repeat;
    width:144px;
}
a.topNav
{
    height:28px;
    display:inline-block;
    background-position:0 0;
}
a.topNav span
{
    display:none;
    
}
a.topNav:hover
{
    background-position:0 -28px;
   
}
a.topNav.selected
{
    background-position:0 -28px;
}

li
{
    margin-bottom:3px;
}
/****Two column***/
#leftNavWrapper
{
    width:238px;
    background:#1b2d35 url(../img/leftnav/nav-top.jpg) no-repeat;
    padding-top:60px;
}
#leftNav
{
    width:238px;
    background:url('../img/leftnav/nav-bottom.jpg') no-repeat left bottom;
    padding-bottom:30px;
}
#leftNav li
{
    padding: 6px 0 6px 30px;
    margin: 0 0 0 20px;
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
    background:url('../img/leftnav/nav-item-bg.gif') no-repeat left bottom;
}
#leftNav li.selected
{
    font-weight:bold;
}
#leftNav li.sub
{
}
#leftNav li.sub.selected
{
}
#leftNav li a
{
    color:#fff;
}
#leftNav li.selected a
{
    color:#d7a216;
}
#leftNav li a:hover
{
     color:#d7a216;
}


/******Page specific*****/
/***Home***/
#video
{
    width:680px;
    height:437px;
    background:url('../img/home-video-bg.jpg') no-repeat;    
    padding:25px 0 0 30px;
}
#bannerRight
{
    width:192px;
    height:633px;
    background:url('../img/banner-right-container.jpg') no-repeat;
    padding: 17px 16px;
 
}
#homeLozenges
{
   margin:6px 0 0 7px;
}
#homeLozenges li
{
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
    display:inline;
    margin-right:8px;

}

/*****List items****/
.contentItem
{
    margin: 10px 30px 25px 10px;
    padding-bottom:30px;
    background:url('../img/hr-white.jpg') no-repeat center bottom;
}
.contentItem.last
{
    background:none;
}
.contentItem .left
{
    width:120px !important;
}
.contentItem .right
{
    width:500px !important;
    padding-top:5px !important;
}
.contentItem p,.contentItem ul
{
  margin-bottom:20px;
}

.contentItem.funstuff .left
{
    width:210px !important;
}
.contentItem.funstuff .right
{
     width:425px !important;
}


/***General content***/
.generalContent
{
    margin: 10px 30px 25px 10px;
    padding-bottom:30px;
}
.intro
{
    padding:0;
}
.topIntro
{
    padding:8px 15px;
}
.generalContent p,.generalContent ul
{
  margin-bottom:20px;
}

.generalContent h1
{
    padding-left:0;
}

.generalContent a
{
    text-decoration:underline;
}
.generalContent a:hover
{
    text-decoration:none;
}
.highlight{
    color:#dba643;
}
.intro
{
    width:500px;
}
.intro .left
{
    width:340px !important;
}
.intro .right
{
    width:120px !important;
    margin:0 !important;
    padding:0 !important;
}
/*****Book****/
.bookLarge
{
    margin-top:20px;
    margin-bottom:20px;
    padding-left:10px;
    padding-bottom:30px;
    background:url('../img/hr-white.jpg') no-repeat left bottom;
    margin-right:30px;
}
.bookLarge p,.bookLarge ul
{
  margin-bottom:20px;
}
.bookLarge .left
{
    width:340px !important;
}
.bookLarge .right
{
    width:280px !important;
    padding-top:0 !important;
}
.otherBooks
{
    margin-bottom:30px;
}
.otherBooks ul
{
    display:block;
    margin-top:15px;
}
.otherBooks li
{
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
    display:inline;
    margin-right:50px;
    float:left;
}
.otherBooks li a
{
   color:#fff;
   
    text-decoration:underline;
    
}
.otherBooks li a:hover
{
    text-decoration:none;
}
.otherBooks li a span
{
     display:block;
    text-align:center;
    margin-top:5px;
}


/****Downloads****/
.downloads
{
    
}
.downloads li
{
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
    display:inline;
    margin-right:20px;
    float:left;
}
.downloads li span
{
    display:block;
    padding:8px;
    text-align:center;
}
.game
{
    padding:20px 0 0 20px;
}

/******Competition****/

.competitionQuestion
{
   
    margin-bottom:10px;
    padding-right:20px;
}
 
.competitionAnswers
{
   
    margin-bottom:30px;
     padding-right:20px;
}
 


/******Form*****/
.form
{
    width:903px;
    background:url('/_template/img/form-bottom.jpg') no-repeat left bottom;
    margin-bottom:30px;
    padding-bottom:20px;
}
.form .formTop
{
     background:url('/_template/img/form-top.jpg') no-repeat left top;
     height:44px;
}

.form .formContent
{
    background:url('/_template/img/form-bg.jpg') repeat-y;
    padding-left:50px;
     padding-right:30px;
    width:823px;
    margin-bottom:80px;
    
}

.formNarrow
{
   width:650px;
    background:url('/_template/img/form-narrow-bottom.jpg') no-repeat left bottom;
    margin-bottom:30px;
padding-bottom:20px;
  
}
.formNarrow .formTop
{
     background:url('/_template/img/form-narrow-top.jpg') no-repeat left top;
     height:44px;
}

.formNarrow .formContent
{
    background:url('/_template/img/form-narrow-bg.jpg') repeat-y;
    padding-left:40px;
   width:610px;
    margin-bottom:80px;
    
}

.formNarrow table, .formNarrow td, .formNarrow tr, .formNarrow th
.form table, .form td, .form tr, .form th
{
    border-collapse:collapse;
    padding:5px;
    line-height:140%;
}
.formNarrow td
{
    width:400px 
}
.formNarrow th
{
    width:170px !important;
}

.textbox, .dropdown, .textbox input, .dropdown select {
    width:325px;
    background:#fff;
    border:none;
    padding:3px;
    
}
.checkbox label,.checkboxLabel
{
    margin-left:8px;
}
.dropdown {
    
    width:100px;
    margin:4px;
}
.dropdown.first
{
    margin-left:0;
}

.textbox input {
    border:none;
}
.captcha
{
    margin-bottom:20px;
}
.captcha input {
    width:125px;
    background:#fff;
    border:none;
    padding:5px;
    margin-top:8px;
}

.captcha span {
    float:none!important;
    margin:0!important;
}

.captcha span img {
    float:left;
    margin-right:10px;
}
label span
{
    color:#d7a216;
}
.validate
{
    background:url(/_template/img/validate-small.gif) no-repeat;	
    width:20px;
    height:20px;
    display:inline-block;
    margin-left:10px;
    margin-right:10px;
}
.validationSummary
{
    color:#000 !important;
    background:#b6b6b6 url(/_template/img/validate-large.gif) no-repeat 15px 15px !important;
    padding:10px 10px 10px 60px;
    margin:0 20px 20px 0;
    min-height:40px;
    
}