/* document elements */
* {
	margin: 0;
}

html {
	height: 100%;
}

body { 
	height: 100%;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
} 

/* header elements */
#header { 
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 75px;
	text-align: left; 
	margin: 0px auto;
	border-bottom-style:solid;
	border-bottom-color:#000000;
	border-bottom-width:thin;
} 

.hleft {
	float:left;
	width: 300px;
}

.hright {
	padding-top: 5px;
	margin-left: 300px;
}

.htitle { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #F60;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 10px;
} 

/* main contents */

/* this holds everything but the footer: header, left-navigation, right-main contents */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px;
}

/* left column */
#navigation {
	float:left;
	width: 320px;
	height: 1100px;
	padding-top: 20px;
}

#sidebar ul li {
	padding-right: 5px;
	text-align: left;
	line-height:25px;
	font-size: 13px;
	list-style-image: url(img/bullet_blue_arrow.jpg);
	list-style-type: circle;
	list-style-position: outside;
} 

#sidebar ul li li.subnav {
	list-style-image: url(img/bullet_green_arrow.png);
	list-style-type: none;
	list-style-position: outside;
}

/*right column */	
#maincontent {
	padding: 25px 10px 25px 30px;
	text-align: left;
	margin-left: 300px;
	height:auto;
}

/* footer */
#footer { 
	font-size: 12px; 
	text-align:center;
	font-weight:bold;
	height: 30px;
	clear:both;
	padding-top: 50px;
} 

/* add padding before the footer */
.push {
	height: 30px;
	clear:both;
}

/* Did You Know? Random info box */
.didyouwrap {
	padding-top: 20px;
}

.didyou {
	border:1px solid #000000;
	background-color:#FFFFCC;
	margin-left: auto;
	margin-right: auto;
	padding:15px;
	width: 600px;
	font-style:italic;
	border-radius: 10px;
}

/* Tech Support box */
.TS {
	border:1px solid #FC0;
	background:#FFC;
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
	border-radius: 10px;
	width: 300px;
}

/* Section Info box */
.SI {
	border:5px solid #93C4E6;
	background:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	border-radius: 10px;
	width: 600px;
	font-size:18px;
	text-align:center;
}


/* other important info box */
.info {
	border:1px solid #FC0;
	background:#FFC;
	margin-left:auto;
	margin-right:auto;
	padding: 15px;
	border-radius: 5px;
	width: 90%;
}

/* ISBN table */

table.ISBN {
	width: 100%;
	border: 0;
	padding: 0;
	font-size:11px;
}

table.ISBN tr:nth-child(2n+1) {
	background-color:#FFF;
}

table.ISBN tr:nth-child(2n+2) {
	background-color:#F5F5F5;
}

/* bulleted important info */
ul li.tips {
	list-style-image: url(img/star.gif);
	list-style-type: disc;
	list-style-position: outside;
}

/* modified tags */
h1 {
	color:#009900;
	font-family: arial, sans-serif;
	font-size:22px;
	padding-bottom:24px;
} 

h2 {
	color: #2c7ebe; 
	font-family: arial, sans-serif;
	font-size:20px;
	padding-bottom:16px;
	padding-top:16px;
	text-decoration:underline;
}

h3, h4, h5 { 
	color:#F30;
	font-family: arial, sans-serif;
	font-size:14px;
	padding-bottom:12px;
}

h6 { 
	color:#009900;
	font-family: arial, sans-serif;
	font-size:14px;
	padding-top:16px;
	padding-bottom:16px;
	font-weight:bold;
	margin-left:20px;
	text-decoration:underline;
}

h7 { 
	color:#FF0000;
	font-weight:bold;
	font-style:italic;
}

hr {
	width: 800px;
	color: #06C;
	height:2px;
} 

a { 
	color:#F60; 
	text-decoration: none; 
}

a:hover { 
	/*color:#f2854c;*/
	color:#090; 
	text-decoration:underline; 
}

p
{
margin-left:20px;
padding-bottom:10px;
} 

#parent
{
    width: 600px;
	padding-left:20px;
}

.image
{
float:left;
width: 200px;
}

#parent p
{
text-align:justify;
margin-left:5px;
}

#maincontent ol
{
margin-left:30px;
padding-bottom:14px;
padding-top:14px;
} 

#maincontent ul
{
margin-left:30px;
padding-bottom:14px;
padding-top:14px;
} 

#maincontent li
{
margin-bottom:14px;
} 

#maincontent a
{
	color:#F60; 
	text-decoration: none;
	font-weight:bold;
}	

#maincontent div.shadow
{
background-color:#DBDBDB;
padding-top:10px;
padding-bottom:10px;
text-align:center;
font-style:italic;
margin-bottom:30px;
} 

#maincontent div.header
{
background-color:#2c7ebe;
opacity:0.5;
padding-top:30px;
padding-bottom:30px;
text-align:center;
font-weight:bold;
font-size:32px;
color:#FFFFFF;
text-shadow:#000000 0 -2px;
} 

#maincontent img
{
padding-top:16px;
padding-bottom:16px;
}

a img { border: 0px; outline: 0px; } 

a:hover img.thumbnail { outline:outset; outline-color:#F60; outline-width: 2px; }

.flleft { float: left; } 

.flright { float: right; } 

.clear { clear: both; }

.alright { text-align: right; } 

.black { color: #000; } 

.center { text-align: center !important; } 

/*Website creation: Amy Yang*/