/* Keys To Success Series */
/* GENERIC STYLE */

/* resets from Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  background: #336633;
  color: #333;
  font-family: arial, sans-serif;
  font-size: 14px;
  letter-spacing: .1em;
  line-height: 1.4em;
  text-align: center;
}

ol, ul {
  list-style: disc outside url(../images/common/greenBullet.gif);
}

.eventList {
  font-size: 12px;
  list-style: disc outside url(../images/common/orangeBullet.gif);
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

/* common styles */
a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
color: inherit;
}

a:hover {
  color: #006600;
}

p {
padding-bottom: 10px;
}

.stroke {
border: 1px solid #ccc;
padding: 5px;
margin-left: -5px;
}

h1 {
  background: transparent url(../images/common/logo.gif) no-repeat;
  color: #fff;
  font-size: 2em;
  height: 197px;
  width: 440px;
  margin-top: -35px;
  margin-left: -35px;
  text-transform: capitalize;
  position: relative;
  top: 0px;
  z-index: 100;
}

h1 span {
display: none;
}

.subpane {
background: transparent url(../images/common/logo.subpane2.gif) no-repeat;
height: 110px;
}

h2 {
color: #333;
font-size: 30px;
font-weight: normal;
padding-top: 10px;
padding-bottom: 10px;
}

h2 span {
color: #faa61a;
}

h3 {
background: #d4e3b5;
border-bottom: 0px dotted #333;
color: #1e4f2f;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
text-transform: uppercase;
}

h3 div {
padding: 3px 3px 3px 10px;
}

h3 div span {
font-size: 14px;
}

h4 {
font-size: 18px;
margin: 8px 0 5px 0;
}

h5 {
color: #ff6600;
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
margin-bottom: 3px;
}

h5 span {
color: #333;
font-size: 14px;
font-weight: normal;
text-transform: lowercase;
}

h5 div {
color: #333;
}

h6 {
border-top: 2px solid #fbbf59;
clear: both;
font-size: 14px;
padding: 5px 10px 5px 10px;
margin: 20px;
}

h6 span {
color: #333;
}

h6 div {
margin-bottom: 5px;
text-transform: uppercase;
}

ul {
margin-bottom: 20px;
padding-left: 30px;
}

ul li {
margin-bottom: 10px;
}

html>body ul li {
margin-bottom: 3px;
}

/* forms */
button {
font-weight: bold;
padding: 5px 10px 5px 10px;
text-transform: uppercase;
}

/* images */
.left {
float: left;
margin-right: 20px;
}

.right {
float: right;
margin-left: 20px;
}

/* main nav buttons */
.mainNavButton {
background: #fff;
border: 4px solid #d4e3b5;
color: #333;
float: left;
padding: 3px;
margin: 20px 4px 0 10px;
width: 260px;
height: 130px;
}

html>body .mainNavButton {
width: 260px;
}

.mainNavButtonHover {
background: #fff;
border: 4px solid #123f12;
color: #333;
float: left;
padding: 3px;
margin: 20px 4px 0 10px;
width: 260px;
height: 130px;
}

.mainNavButton img, .mainNavButtonHover img {
width: 120px;
float: left;
margin-right: 10px;
height: 130px;
}

/* author bin */
.authorBin {
background: #d4e3b5;
border: 0px solid #ffcc99;
font-size: 12px;
height: 90px;
margin-bottom: 10px;
padding-bottom: 5px;
}

html>body .authorBin {
height: 100px;
}

.authorBin p {
line-height: 1.2em;
margin-top: 0px;
padding-bottom: 0px;
}

.authorBin a {
font-weight: bold;
}

.authorBin img {
float: left;
margin-right: 10px;
}

#header {
background: #000;
color: #fff;
height: 10px;
margin-bottom: 20px;
}

.content {
background: #fff;
float: left;
margin: 5px 10px 10px 10px;
width: 880px;
}

html>body .content {
width: 900px;
}

.contentSplash {
background: #fff;
float: left;
margin: 5px 10px 10px 10px;
width: 880px;
}

html>body .contentSplash {
width: 900px;
}

.columnLeft {
border: 0px dotted #333;
float: left;
width: 390px;
}

.columnRight {
border: 0px dotted #333;
float: right;
width: 390px;
}

/* top row */
.contentSplash .top {
background: #fff url(../images/common/leadBG2.jpg) repeat-x;
color: #333;
font-size: 12px;
line-height: 1.4em;
height: 370px;
margin: 0px;
padding: 0px;
text-align: left;
}

.contentSplash .top .columnLeft {
width: 415px;
float: left;
padding: 20px 0px 0px 20px;
}

html>body .contentSplash .top .columnLeft {
padding-right: 10px;
width: 395px;
}

.contentSplash .top .columnRight {
width: 415px;
float: right;
padding: 20px 20px 0px 0px;
}

.contentSplash .top .columnRight a:hover {
cursor: pointer;
}

html>body .contentSplash .top .columnRight {
width: 405px;
padding: 20px 20px 0px 0px;
}

/* center row */

.content .center {
background: #fbbf59 url(../images/common/promoBinBG.jpg);
margin: 5px 10px 5px 10px;
padding: 0px;
height: 170px;
text-align: left;
}

.content .center img {
border: 1px solid #333;
}

.content .center p {
margin-bottom: 10px;
}

.content .center .columnLeft {
background: #fff;
border: 1px solid #fbbf59;
padding: 10px;
margin: 5px 10px 5px 10px;
width: 380px;
}

.content .center .columnRight {
background: #fff;
border: 1px solid #fbbf59;
padding: 10px;
margin: 5px 10px 5px 10px;
width: 380px;
}

/* bottom row */

.content .bottom {
height: 400px;
margin: 5px 10px 5px 10px;
padding: 0px;
text-align: left;
}

.content .bottom .columnLeft {
width: 410px;
float: left;
padding: 0;
}

html>body .content .bottom .columnLeft {
padding-right: 10px;
width: 400px;
}

.content .bottom .columnRight {
width: 410px;
float: right;
padding: 0;
}

html>body #bottom .top .columnRight {
width: 400px;
padding: 0;
}

/* footer */

#footer {
background: #333 url(../images/common/footerBG.jpg) repeat-x;
color: #ccc;
font-size: 14px;
font-weight: bold;
height: 49px;
line-height: 1.8em;
margin: 10px;
text-align: center;
text-transform: uppercase;
}

#footer a {
color: #ccc;
}

#footer a:visited {
color: #ccc;
}

#footer a:hover {
color: #fff;
}

#footer span {
font-size: 12px;
}

/* container */
#container {
background: #c6d7c4;
margin: 10px auto;
width: 900px;
}

html>body #container {
width: 920px;
}

/* books */
#books {
background: #fff;
}

/* rounded corners */
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/*Carousel Stuff*/
.carousel-component {
     background: none;
     padding-left: 16px;
}

html>body .carousel-component {
  padding-left: 0px;
}

.carousel-component .carousel-clip-region {
  margin-bottom: -16px;
}

html>body #content .carousel-component .carousel-clip-region {
  margin-bottom: -14px;
}

.carousel-component .carousel-list li {
    margin:0px;
    width:340px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) +
                   img.border-left (1) + img.border-right (1)*/
    height:140px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
    /*    margin-left: auto;*/ /* for testing IE auto issue */
	 		font-family: Arial;
}

.carousel-component .carousel-list li a {
    display:block;

}

.carousel-component .carousel-list li img {
    display:block;

}

.carousel-component .carousel-list img {
	float: left;

}
#content .carousel-component img {
	border: none;
}

.carousel-component .carousel-prev {
    position:absolute;
    top:50px;
    z-index:3;
    cursor:pointer;
    left:0px;
}

.carousel-component .carousel-prev img {
  border: none;
}

.carousel-component .carousel-next img {
  border: none;
}

.carousel-component .carousel-next {
    position:absolute;
    top:50px;
    z-index:3;
    cursor:pointer;
    right:5px;
    }

.carousel-component .bookInfo {
		margin-left: 110px;
	}
#content .carousel-component .carousel-clip-region img {
	border: 1px solid #333;
}
.bookInfo button {
	border: 0px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	float: left;
	height: 28px;
	margin-top: 5px;
	background: url(../images/buttonGradient.jpg) repeat-x center;
	}

	.bookInfo h4 {
        text-align: left;
	color: #333;
	font-size: 16px;
	font-family: arial;
	display: block;
        }

	.bookInfo .titleSubHeader {
		font-size: 12px;
		text-align: left;
		display: run-in;
		color: #000;
		}

/* publications */
.publication {
border-top: 2px solid #fbbf59;
clear: both;
height: 120px;
padding: 10px 0 0 0;
margin-top: 20px;
}

.publication img {
border: 1px solid #333;
float: left;
margin-right: 10px;
}

/* table */
table {
border: 1px solid #333;
font-size: 14px;
margin: 20px;
width: 840px;
}

th {
background: #fbbf59;
border-right: 1px dotted #666;
color: #000;
padding: 10px;
font-weight: bold;
}

td {
border-right: 1px dotted #666;
padding: 10px;
}

#container .resourceContainer h5 {
	border-bottom: 1px solid #faa61a;
	text-align: left;
	margin-top: 10px;
}

#container .resourceContainer ul {
	margin-bottom: 10px;
}
#container .resourceContainer li {
	margin-bottom: 0px;
}

#container .resourceSummary {
	display: block;
	font-style: italic;
	color: #336633;
}

#container .publication {
	height: auto;
}

.up {
  font-weight: bold;
  vertical-align: top;
  width: 130px;
}