@CHARSET "UTF-8";

body {

	text-align: center;
    background-color: rgb(229,226,222);
    background-image: url(../images/body-bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	background-attachment: fixed;
}
label {font-size: 12px; font-weight: bold; font-family: "Verdana", "Helvetica", sans-serif;}
fieldset div {margin-top: 5px;}
input.text, textarea {background-color: white; border: 1px solid rgb(102,102,102);}

 .separated {
	border-top: 1px dashed  rgb(95,146,196);
	
	}
	.separated{ margin-top: 10px;padding-top: 10px;}
	li.separated {margin-top: -10px;}
	/*
.column2 p:first-letter {font-size: 120%;font-weight:bold;}
*/
.pagelinks {

	font-weight:normal;
	font-family: "Palatino Linotype", "Georgia", "Times New Roman", "Times", serif;
	font-size: 14px;
	}

* a {color: rgb(19,79,160); text-decoration:none;}
* a:hover {color: rgb(9,69,140);text-decoration:underline;}
#container {
	width: 832px;
	margin:auto;
	margin-top:0px;
	margin-bottom: 0px;
	background-color: rgb(103,13,13);
	overflow:auto;
	background-image: url(../images/container/stars-bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
    border-bottom: 4px solid black;
}
#page {
	margin: auto;
	width: 760px;
	margin-top:0px;
	margin-bottom: 0px;
	background-color: rgb(233,243,253);
	overflow: auto;
	background-image: url(../images/page/bg-blue.gif);
	background-position: top left;
	background-repeat: repeat-y;
	
}
#topnav { /*also see ../scripts/page.js... modifications are done there */
	position:absolute;
	width: 760px;
	top: 0px;
	left: 50%;
	margin-left: -380px;
	z-index: 5;
	height:46px;
	background-color: rgb(240,240,240);
	
	}
#header {
	margin-top: 47px;
	text-align: left;
	background-color: rgb(255,255,255); 
	width:760px;
	overflow:auto;
	border-top: 1px solid rgb(20,63,135);
	clear:left;
	
}
#content {
	width:530px;
	margin:0px;
	text-align: left;
	background-color: white; 
	float: left;
	display:inline;
	overflow:auto;
	background-image: url(../images/content/bg.gif);
	background-position: top left;
	background-repeat: repeat-x;

}
#sidebar {
	background-color: rgb(243,243,243);
	width:229px;
	float:left;
	display:inline;
	clear: right;
	overflow:auto;
	background-image: url(../images/sidebar/bg-blue.gif);
	background-repeat: repeat-x;
	background-position: -1px -1px;
	border-top: 1px solid rgb(176,176,176);
	text-align:left;
	padding-top: 20px;
	border-left: 1px solid rgb(95,146,196);
	}
* html #sidebar {
	width: 230px;
	}
#bottomnav {
background-color: rgb(130,11,11);
width: 760px;
margin: auto;
overflow: auto;
display:block;
color: white;
}
#footer {
	text-align: left;
	padding: 5px;
	}
p.text { 
	padding: 30px; 	
}




#topnav .navbar ul {
margin: 0px;
padding:0px;
padding-bottom: 4px;
color:white;
height: 23px;
width: 758px;
background-color: rgb(20,22,104);
border-left: 1px solid white;
border-right: 1px solid white;
}
* html #topnav .navbar ul {width: 760px;}
#topnav .navbar ul li a {
color:white;
text-decoration:none;
padding-bottom:3px;
}
#topnav .navbar ul li a:hover {
color:white;
border-bottom: 3px solid white;
}
.navbar ul li {
	display: inline; 
	/*change the values 
	  below to bring the
	  navigation bar together
	  if you add a nav item 
	*/
}
#topnav .navbar ul li {
	padding-left: 15px;
	padding-right:15px;
font-weight:bold;
	}
#bottomnav .navbar ul li {
color: white;
padding-left: 5px;
padding-right: 5px;
}
#bottomnav .navbar a {color:white; text-decoration:none;}
#bottomnav .navbar a:hover {text-decoration:underline;}
#footer p {float:left}

/* header */
#logo {
	float:left;
    width: 530px;
    height:195px;
    background-image: url(../images/header/logo-bg.gif)

}
#logo {padding:0px; margin:0px;overflow:hidden;}
#logo h2 {display: none; visibility: hidden;}
#logo h1#homelink {display: block;margin:0px;padding:0px;}
#logo h1#homelink a {display: block;width:190px;
height:174px;
}
#logo a span {display:none;}

#logo h3.byline  {
position: relative;
top:-56px;
left: 315px;
z-index:80;
text-align: right;
color: #333333;
text-align: center;
display:block;
width: 170px;
padding:0px;
margin:0px;


}
h3.byline span.by {font-size: 80%;}

	
	
#cover {float:left;display:inline;overflow:hidden;}
#cover a {padding:0px;margin:0px; display:block;}
#cover img {clear:both;margin:0px;padding:0px;display:block;}


#headerBuy {
position: absolute;
z-index: 10;
top: 32px;
left: 50%;
margin-left: -192px;
width: 331px;
height: 138px;
padding: 0px;
overflow: auto;
}
#headerBuy * {
	padding: 0px;
	margin: 0px;
	display: block;
	}
#headerBuy a {
display: block;
width: 330px;
height: 137px;
background-position: top left;
background-repeat: no-repeat;
background-image:url(../images/header/buy-the-book-off.gif);
padding: 0px;
margin: 0px;
clear: both;
}
#headerBuy a:hover {
background-image: url(../images/header/buy-the-book-on.gif);	
}
#headerBuy a span {display: none;}


/* content */
.column {
	width: 300px;
	float: left;
	overflow: auto;
	display: inline;
	}
	
.column1 {
	width: 500px;
	}
.column2 {
width: 260px; float:left;	display:inline;
}

.teaser {
	width: 194px;
	float: left;
	margin-left: 5px;
	margin-right: 30px;
	margin-top: 8px;
	overflow: auto;
	display: inline;
	margin-bottom: 10px;
}
.teaserbox {
border-left: 2px solid rgb(133,143,174);
border-right: 2px solid rgb(133,143,174);
background-color: rgb(250,241,218);
margin:0px;
padding: 0px;
display: block;
overflow: auto;
}

ul.star li, #content ul li {
	margin-left: 15px;
	}

	
.teaser ul li, ul.star li {
	list-style-image: url(../images/content/teaser/li.gif);
	}
ul.plain li {
	
	list-style-image: none;
	list-style-type: disc;
	}

#content .teaser ul li, .teaser ul li {

margin-left: 10px;
}

.teaser h2 {
 color: rgb(153,13,13);	
 margin-top: 0px;	
 font-size: 140%; 
 padding-left: 10px;
}
.teaser p {margin-bottom: 0px;}


.teaser .teasertop, .teaser .teaserbottom {
height: 9px;
overflow: hidden;
margin:0px;
padding:0px;
display:block;
}
.teaser .teasertop {
background-image: url(../images/content/teaser/teaser-top.gif);
}
.teaser .teaserbottom {
background-image: url(../images/content/teaser/teaser-bottom.gif);
}

table.TOC {
	margin:15px;
	}
table.TOC td {padding: 3px;padding-bottom:0px;padding-top:0px;vertical-align: bottom;}
table.TOC h2 {padding: 0px;margin-bottom:0px; font-size: 140%;}

p.buyNow {text-align: center;clear:both;}
p.buyNow a, span.buyNow a{
	display: block; margin:auto; width: 170px; height: 60px;
	background-image: url(../images/content/buy-the-book-now-off.gif);background-repeat:no-repeat;
}
p.buyNow a span, span.buyNow a span {visibility:hidden;display:none;}
p.buyNow a:hover, span.buyNow a:hover {background-image: url(../images/content/buy-the-book-now-on.gif);background-position: 1px 1px;background-repeat:no-repeat;
}
 
ul.buyNow li {
margin-top: 5px;	
}
ul.buyNow img {
	vertical-align: middle;
	}
	
	.bookArt {float: left; display: inline; margin-left: 15px; margin-right: 20px;}

/* sidebar */

#sidebar h1, 
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6 {
margin-left: -14px;
padding-left: 14px;
margin-right: -10px;
border-bottom: 3px dotted rgb(212,212,212);
background-position: top left;
background-repeat: no-repeat;
}

#sidebar h1 a, 
#sidebar h2 a,
#sidebar h3 a,
#sidebar h4 a,
#sidebar h5 a,
#sidebar h6 a {
text-decoration: none;
color: rgb(9,69,140); 
}

#sidebar ul  {
	margin-left: 0px;
	list-style-type: none;
}
#sidebar ul li {
	color: rgb(153,13,13);
	font-weight: bold;
	
	}
#sidebar ul li ul {
	margin-top: -5px;
    font-weight: normal;
    font-size: 95%;	
    list-style-type: circle;
   
}
#sidebar .teaser {margin: 12px}
#sidebar  * a:hover {text-decoration: underline;}

#sidebar .calltoaction {

margin-right: 0px;
padding: 0px;
}
#sidebar .calltoaction a {
display:block;
overflow:hidden;
height: 99px;
width: 229px;
}
#sidebar .colltoaction a img {
display:block;
margin:0px;
padding:0px;
}

#PIQ ol p {padding-left: 0px;}
#PIQ ol {font-weight: bold;}
#PIQ li {font-weight: normal;}
ol.mchoice li {list-style-type: upper-alpha}
ol.mchoice li input {position: relative; z-index:20;}
ol.mchoice li input {margin-left: -45px;margin-right:32px;}
* html ol.mchoice li input {margin-right: 0px;}
.score {padding: 5px; 
border: 1px solid rgb(133,143,174);
background-color: rgb(250,241,218);
margin-bottom: 10px;
}

span.groovy {color: rgb(0,151,0);font-weight:bold;font-family:verdana;font-size:12px;}
span.jinky {color: rgb(142,0,0);font-weight:bold;font-family:verdana;font-size:12px;}