body 
{
  top: 0px; 
  left: 0px; 
  margin: 0 0 0 0px;
  padding: 0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 95%; 
  color: #333;
}

/* this applies to ie 6+, netscape, mozilla, but not Opera or IE 5.0/5.5 */
body 
{
 f\ont-size: 90%;
}

a {color: #c60; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
a img {border: none;}

p {margin: 0 0 18px 0; padding: 0;}

div#page
{
 margin:0;
 width: 760px; 
 padding: 0;
}

div#page div#content 
{
	width: 449px; /*453 - 3padding - 1border */
	float: left;
	padding: 0 2px 0 0;
	border-right: solid 1px #999;
}

div#page div#content div#header h1
{
 background-image: url(../img/title_youreincharge.gif);
 background-position: left top;
 background-repeat: no-repeat;
 color:#fff;
 margin:0;
 padding:0;
 font-size: 70%;
 height: 50px;
 margin: 0 0 2px 0;
}

h1 span {display: none;}



/* BEGIN MENU STYLINGS */
div#page div#content div#header div#nav-primary ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	width: 449px; /* 453 - 4 (see div#content)*/
	background-color: #999;
	height: 23px;
	color: #fff;
}

div#page div#content div#header div#nav-primary ul li
{
	float: left;
	position: relative;
	background-color: #999;
	cursor: default;
	border-left: solid 1px #fff;
}

div#page div#content div#header div#nav-primary ul li.current
{
	background-color: #666;	
}

div#page div#content div#header div#nav-primary ul li a
{
	color: #fff;
	font-size: 85%;
	display: block;
	/*padding: 4px 6px;*/
	text-decoration: none;
}

* html div#page div#content div#header div#nav-primary ul li a {display: inline-block}


div#page div#content div#header div#nav-primary ul li ul
{
	display: none;
	position: absolute;
	height: auto;
	top: 23px;
	left: 0;
	width: 330px;
	border-bottom: none;
	clear: both;
}

div#page div#content div#header div#nav-primary ul li > ul
{
	top: auto;
	left: auto;
}

div#page div#content div#header div#nav-primary ul li ul li a:hover, div#page div#content div#header div#nav-primary ul li ul li.over 
{
	background-color: #666;
}

div#page div#content div#header div#nav-primary ul li:hover, div#page div#content div#header div#nav-primary ul li.over
{
	background-color: #666;
}

div#page div#content div#header div#nav-primary ul li:hover ul, div#page div#content div#header div#nav-primary ul li.over ul
{
	display: block;
}

div#page div#content div#header div#nav-primary ul li ul li
{
	display: block;
	float:none;
	clear: both;
	text-align: left;
	padding: 0;
	border-left: none;
}

div#page div#content div#header div#nav-primary ul li ul li a
{
	color: #fff;
	display: block;
	background-color: #999;
	margin:0;
	padding: 4px 6px;
	border-top: none;
	border-top: solid 1px #ccc;
}

div#page div#content div#header div#nav-primary ul#nav-primary-ul li ul#UL100 
{
	width: 160px;
}

div#page div#content div#header div#nav-primary ul#nav-primary-ul li ul#UL200 
{
	width: 190px;
}

div#page div#content div#header div#nav-primary ul#nav-primary-ul li ul#UL300 
{
	width: 190px;
}

div#page div#content div#header div#nav-primary ul#nav-primary-ul li ul#UL100 li a
{
	width: 160px;
}

div#page div#content div#header div#nav-primary ul#nav-primary-ul li ul#UL200 li a
{
	width: 190px;
}

div#page div#content div#header div#nav-primary ul#nav-primary-ul li ul#UL300 li a
{
	width: 190px;
}

div#page div#content div#header div#nav-primary ul li a.current
{
	background-color: #666;
}

div#page div#content div#header div#nav-primary ul li.first-menu-item
{
	border: none;
}

/* END MENU STYLINGS */

div#page div#content div#copy
{
	margin: 28px 0 0 0;
	padding: 0 0 18px 45px;
	font-size: 75%;
	width: 374px; /*449 - 75, this creates right-side "padding" */
}

div#content div#copy h2
{
	margin:0 0 18px 0;
	padding:0;
	background-repeat: no-repeat;
}

div#content div#copy h4 
{
	color: #036;
	font-size: 100%;
	margin-bottom: 0;
	padding: 0;
}

div#content div#copy div#copyright-data
{
	margin: 18px 0;
	padding-top: 18px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}

div#content div#copy div#press-coverage
{
	margin-top: 10px;
	border-top: solid 1px #999;
}

div#content div#copy div#media-contact
{
	margin-top: 10px;
	border-top: solid 1px #999;
}

div#page div#content div#header div#headertext
{
	/*
	height: 154px;
	padding: 170px 0px 0 0px;
	*/
	height: 324px;
	background-image: url(../img/home_graphic.jpg);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 75%;
	margin-bottom: 2px;
	position: relative;
}


div#page div#content div#header div#headertext div#aboutthebook
{
	padding: 0 160px 0 45px;
	position: absolute;
	top: 180px;
	left: 0;
}

div#page div#content div#header div#headertext div#buythebook
{
	position: absolute;
	right: 25px;
	/*top: 290px;*/
	top: 100px;
}

/* these two rules make the entire book the hit area for the hyperlink */
div#page div#content div#header div#headertext div#buythebook p a 
{
	/*border: solid 1px red;*/
	display: block;
	padding-top: 190px;
}

* html div#page div#content div#header div#headertext div#buythebook p a 
{
	display: inline-block;
}






/*
* html div#page div#content div#header div#headertext div#buythebook
{
	margin-top: 30px;
}
*/

div#page div#content div#copy p#copytext
{
	margin-bottom: 25px;
}

div#page div#content div#copy p.linktext
{
	margin-top: -15px;
	padding-left: 7px;
}

div#page div#sidebar.home
{
	background-image: none;
	background-position: left top;
	background-repeat: no-repeat;	
	float: left;
	width: 307px;
	padding: 0 0 0 0;
	font-size: 75%;
}

div#page div#sidebar
{
	background-image: url(../img/secondary_graphic.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	width: 307px;
	padding: 186px 0 0 0;
	font-size: 75%;
}

div#page div#sidebar div#logo 
{border-top: solid 1px #999;
	background-image: url(../img/ss_logo.gif);
	background-position: 12px 2px;
	background-repeat: no-repeat;
	height: 50px;
	margin-top:10px;
	}
	
div#page div#sidebar div#sidebuybook 
{
	margin-top:-50px;
	margin-bottom:50px;
}

div#sidebar hr
{
	display:none;
}


div#page div#footer
{
	clear:both;
	width: 328px; /*453 - 77padding - 1border */
	float: left;
	margin: 0;
	padding: 28px 78px 0 45px;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	font-size: 75%;
	}


img.offset 
{
	height: 90px;
	width: 90px;
	float: right;
	border: solid 1px #000;
	margin-right: -40px;
	}
	
h2 span
{
	display:none;
}	

h3 span
{
	display:none;
}

div#page div#content div#header div#headertext h1
{
	display:none;
}
	
h2.authors
{
	height: 14px;
	background-image: url(../img/h2_authors.gif);
}

h2.resources
{
	height: 14px;
	background-image: url(../img/h2_resources.gif);
}

h2.newsandmedia
{
 height: 14px;
 background-image: url(../img/h2_newsandmedia.gif);
}
h2.researchandinsight
{
 height: 14px;
 background-image: url(../img/h2_researchandinsight.gif);
}
h2.asktheexperts
{
 height: 14px;
 background-image: url(../img/h2_asktheexperts.gif);
}
h2.a100dayplanexamples
{
 height: 14px;
 background-image: url(../img/h2_100dayplanexamples.gif);
}
h2.researchmethodology
{
 height: 14px;
 background-image: url(../img/h2_researchmethodology.gif);
}
h2.avoidingthetop10
{
 height: 14px;
 background-image: url(../img/h2_avoidingthetop10.gif);
}
h2.the8pointplan
{
 height: 14px;
 background-image: url(../img/h2_the8pointplan.gif);
}
h2.asktheexperts
{
 height: 14px;
 background-image: url(../img/h2_asktheexperts.gif);
}
h2.excerpt
{
 height: 14px;
 background-image: url(../img/h2_excerpt.gif);
} 
h2.thebook
{
 height: 14px;
 background-image: url(../img/h2_thebook.gif);
} 
h2.qa
{
 height: 14px;
 background-image: url(../img/h2_qa.gif);
}
h2.jimcitrin
{
 height: 14px;
 background-image: url(../img/h2_jimcitrin.gif);
}
h2.tomneff
{
 height: 14px;
 background-image: url(../img/h2_tomneff.gif);
}
h2.qawiththeauthors
{
 height: 14px;
 background-image: url(../img/h2_qawiththeauthors.gif);
}
h2.contact
{
 height: 14px;
 background-image: url(../img/h2_contact.gif);
}

img.author 
{
	float: left;
	margin: 0 16px 6px 0;}
	
img.readmore
{
	margin-top:5px;}
	
div#sidebuybook {text-align: right; position: relative;}
div#sidebuybook a {position: relative; top: 0; padding-top: 70px; padding-bottom: 20px;}
div#sidebuybook a img {position: relative; left: -185px;}

a#home {background-image: url(../img/nav_home_off.gif); width:60px; height:23px; background-repeat: no-repeat;}
a#home.current {background-image: url(../img/nav_home_on.gif);}
a#home:hover {background-image: url(../img/nav_home_on.gif);}
a#home span {display:none;}

a#authors {background-image: url(../img/nav_authors_off.gif); width:61px; height:23px; background-repeat: no-repeat;}
a#authors.current {background-image: url(../img/nav_authors_on.gif);}
a#authors:hover {background-image: url(../img/nav_authors_on.gif);}
a#authors span {display:none;}

a#book {background-image: url(../img/nav_thebook_off.gif); width:70px; height:23px; background-repeat: no-repeat;}
a#book.current {background-image: url(../img/nav_thebook_on.gif);}
a#book:hover {background-image: url(../img/nav_thebook_on.gif);}
a#book span {display:none;}

a#resources {background-image: url(../img/nav_resources_off.gif); width:77px; height:23px; background-repeat: no-repeat;}
a#resources.current {background-image: url(../img/nav_resources_on.gif);}
a#resources:hover {background-image: url(../img/nav_resources_on.gif);}
a#resources span {display:none;}

a#news {background-image: url(../img/nav_newsandmedia_off.gif); width:101px; height:23px; background-repeat: no-repeat;}
a#news.current {background-image: url(../img/nav_newsandmedia_on.gif);}
a#news:hover {background-image: url(../img/nav_newsandmedia_on.gif);}
a#news span {display:none;}

a#contact {background-image: url(../img/nav_contact_off.gif); width:75px; height:23px; background-repeat: no-repeat;}
a#contact.current {background-image: url(../img/nav_contact_on.gif);}
a#contact:hover {background-image: url(../img/nav_contact_on.gif);}
a#contact span {display:none;}


