body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #f5f4ef url('../_images/bg/bg.jpg') repeat-x 0 0;
    text-align: center
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial;
    font-size: 12px;
    color: #000;
    line-height: 16px;
}
p, h1, h2, h3, h4, blockquote, #bottom ul {
	margin-bottom: 15px;
}
			
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #2b4660;
    text-decoration: underline;
}
a:hover, a:active {
    color: #2b4660;
    text-decoration: underline;
}
h1 span, h2 span, h3 span {
    display: none;
}

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */

.container {
	width: 740px;
	margin: 0 auto;
	text-align: left;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */

#top {
	height:  193px;
	background:  url('../_images/bg/top.jpg') no-repeat 0 0;
}
	#menu {
		position:  relative;
		top:  136px;
		left:  212px;
	}
	/* SPRITE NAVIGATION */ 
	#menu {
		background: url('../_images/menu.gif') no-repeat 0 0;
		width: 525px;		/* Width of entire image */ 
		height: 13px
	}
	#menu span {
		display: none;
	}
	#menu li, #menu a {
		height: 13px;		/* Each button must have the same height, define it here */ display: block;
	}
	#menu li {
		float: left;
		list-style: none;
		_display: inline;		/* fixes IE/Win double margin float bug (safe) */
	}

	/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
	/* width - width of each button, they will each most likely be unique */ 
	#menu-01 	{ width: 125px; }
	#menu-02 	{ width: 99px; margin-left: 15px; }
	#menu-03 	{ width: 125px; margin-left: 15px; }
	#menu-04 	{ width: 64px; margin-left: 15px; }
	#menu-05 	{ width: 45px; margin-left: 15px; }

	/* Changed values should match sum of "width" numbers specified above */ 
	#menu-01 a:hover	{ background: url('../_images/menu.gif') no-repeat 0px -13px; }
	#menu-02 a:hover	{ background: url('../_images/menu.gif') no-repeat -140px -13px; }
	#menu-03 a:hover	{ background: url('../_images/menu.gif') no-repeat -254px -13px; }
	#menu-04 a:hover	{ background: url('../_images/menu.gif') no-repeat -394px -13px; }
	#menu-05 a:hover	{ background: url('../_images/menu.gif') no-repeat -473px -13px; }

/* ----------------------------------- */
/* CONTENT
/* ----------------------------------- */
h1, .content, #bottom blockquote, p.crumb {
	margin-left:  30px;
}
h1 {
	text-indent:  -3000px;
	height:  22px;
}
#index h1 {
	background:  url('../_images/headers/home.gif') no-repeat 0 0;
}
#lookinside h1 {
	text-indent:  -3000px;
	height:  110px;
}
#lookinside h1 {
	background:  url('../_images/headers/lookinside.gif') no-repeat 0 0;
}
#authors h1 {
	text-indent:  -3000px;
	height:  110px;
}
#authors h1 {
	background:  url('../_images/headers/authors.gif') no-repeat 0 0;
}
#endorse h1 {
	text-indent:  -3000px;
	height:  110px;
}
#endorse h1 {
	background:  url('../_images/headers/endorse.gif') no-repeat 0 0;
}
#podcast h1 {
	text-indent:  -3000px;
	height:  110px;
}
#podcast h1 {
	background:  url('../_images/headers/podcast.gif') no-repeat 0 0;
}*/

p.crumb {
	color:  #b8b6a2;
}

.content {
	width:  450px;
}
#bullets {
	float:  right;
	margin-right:  15px;
	width:  211px;
	height:  140px;
	background:  url('../_images/bullets.gif') no-repeat 0 0;
}

/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
.sub #side {
	width:  172px;
	float:  right;
	margin-right:  30px;
}
.sub h2 {
	font-size:  16px;
	color:  #0c5c7a;
}
.sub .content ul {
	margin-bottom:  20px;
}
ul.highlight li {
	padding-left:  27px;
	background:  url('../_images/check.gif') no-repeat 0 0;
	padding-bottom:  7px;
	margin-bottom:  7px;
	border-bottom:  1px solid #c1c0bc; list-style-type:none
}
.sub .content blockquote {
	padding-left:  30px;
	background:  url('../_images/quotation-mark.gif') no-repeat 0 0;
	padding-bottom:  7px;
	margin-bottom:  7px;
	border-bottom:  1px solid #c1c0bc
}

#sub-buttons {
	position: relative;
	background: url('../_images/sub-buttons.gif') no-repeat top left;					
	width: 172px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 245px
	}

#sub-buttons li span { display: none; }

#sub-buttons li {
	float: left;
	list-style: none;
	}

#sub-buttons li, #sub-buttons a { 
	display: block;
	text-align: left;
	}

/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
* html #menu li { height:1% }
/* End */

/* Increments of each button height defined above */
#sub-button-01 { top:   0px; height:  85px; } 
	#sub-button-01 a { height:  85px; }
#sub-button-02 { top:  85px; height:  74px; }
	#sub-button-02 a { height:  74px; }
#sub-button-03 { top:  159px; height:  76px; }
	#sub-button-03 a { height:  76px; }

/* width set here should be same width set in #menu */
#sub-button-01, #sub-button-02, #sub-button-03 { left: 0px; width: 172px; }

/* Changed values should match "top" numbers specified above */
#sub-button-01 a:hover { background: url('../_images/sub-buttons.gif') no-repeat -172px -0px; }
#sub-button-02 a:hover { background: url('../_images/sub-buttons.gif') no-repeat -172px -85px; }
#sub-button-03 a:hover { background: url('../_images/sub-buttons.gif') no-repeat -172px -159px; }

/* ----------------------------------- */
/* BOTTOM
/* ----------------------------------- */

#bottom {
	background:  #C7E7F2 url('../_images/bg/bottom.jpg') repeat-x 0 0;
	padding-bottom:  20px
}

#menu {
	position:  relative;
	top:  136px;
	left:  212px;
}
/* SPRITE NAVIGATION */ 
#buttons {
	background: url('../_images/buttons.jpg') no-repeat 0 0;
	width: 740px;		/* Width of entire image */ 
	height: 92px
}
#buttons span {
	display: none;
}
#buttons li, #buttons a {
	height: 92px;		/* Each button must have the same height, define it here */ display: block;
}
#buttons li {
	float: left;
	list-style: none;
	_display: inline;		/* fixes IE/Win double margin float bug (safe) */
}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
/* width - width of each button, they will each most likely be unique */ 
#button-01 	{ width: 223px; }
#button-02 	{ width: 226px; }
#button-03 	{ width: 291px; }

/* Changed values should match sum of "width" numbers specified above */ 
#button-01 a:hover	{ background: url('../_images/buttons.jpg') no-repeat 0px -92px; }
#button-02 a:hover	{ background: url('../_images/buttons.jpg') no-repeat -223px -92px; }
#button-03 a:hover	{ background: url('../_images/buttons.jpg') no-repeat -449px -92px; }

#bottom blockquote {
	width:  680px;
	height:  76px;
	background:  url('../_images/quote.gif') no-repeat 0 0;
}
	#bottom blockquote p {
		display:  none;
	}
	
	#bottom .content {
		width:  400px;
	}
	#bottom .content li {
		margin-left:  20px;
		background:  url('../_images/bg/bottom-li.gif') no-repeat 0 2px;
		padding-left:  10px; list-style-type:none
	}

#books {
	width:  262px;
	float:  right;
}
	#books h2 {
		text-indent:  -3000px;
		background:  url('../_images/headers/books.gif') no-repeat 0 0;
		height:  32px
	}
	
/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	background:  #000;
	padding-top:  20px;
	padding-bottom:  20px;
}
	#footer p {
		color:  #FFF;
		text-align:  center;
	}
	#footer a {
		color:  #FFF;
		text-decoration:  none;
	}