/* CSS Document */

body {background: #e9e8d6;line-height: 1.4em;color: #666;text-align:center;font-family: "Times New Roman", Times, serif;font-size:62.5%; margin:0; padding:0;min-height:600px;}
img {display:block;border:0}
a {outline:0;cursor:pointer; color:#C00;}
a:hover {text-decoration: none;}

ul {list-style:none}
.cleft {clear:left;display:block;height:0;overflow:hidden}
.cright {clear:right;display:block;height:0;overflow:hidden}
.clear {clear:both;display:block;height:0;overflow:hidden;}
.error {color:#c00;}
.access {height:0;width:0;overflow:hidden;position:absolute;left:-9000px;}
.noscript {padding:3px;border:1px solid #c00;color:#c00;background:#fff;margin:0 0 5px;}
.noscript a {color:#c00;}

#wrapper {
    text-align:left; 
    min-width:795px; 
    width:795px;
    margin:0 auto;
	min-height: 500px;
	font-size:1em;
  }

#header {height: 180px; width: 795px;}
	#logo h1 a {float:left; width:650px;text-indent:-9000px;height:115px;background:url(../layout/logo.gif) no-repeat 0 0;margin: 47px 0 0 36px;}

#left_nav {
	width: 150px;
	float: left;
	min-height: 500px;
	color: #333;
	font-size: 1.2em;
	text-align: right;
}
#left_nav h3 {padding:30px 0 17px 0; font-weight: normal;}
#left_nav h3#about_piece {padding: 8px 0 15px 0;}
#left_nav h3#inspiration {padding: 30px 0 15px 0;}
#left_nav p {padding-bottom: 15px; line-height:1.25em;}
#left_nav p.preview {color: #666;}
#left_nav .read_more_sidebar {margin-top: -5px;background: url(../layout/read_more_arrow.gif) no-repeat right 4px;padding-right: 10px;}

#main_content {width:645px; padding:0; margin:0;min-height: 500px;float: left;}

/* main copy container*/
#copy {width:605px;color:#383838;padding:0 0 20px 40px;float:left;overflow:hidden;color:#666;}

/*main copy page quote */
#copy blockquote.pagequote {margin:-4px 0 17px 0;border-bottom:1px solid #cfcdc8;padding:0 0 13px;}
#copy blockquote.pagequote p {margin:0 0 10px 0;color:#5c5541;font-weight:bold;font-size:1.1em;}
#copy blockquote.pagequote cite {color:#c90; font-style:normal;font-size:1.1em;}
#copy blockquote.pagequote cite a {color:#c90;}
#level_three_col_story #copy blockquote.pagequote {border-bottom:none;padding-bottom:0;}

/* main copy editable content */
#copy h2 {font-size:1.6em;line-height:1.2em;}
#copy h3 {font-size:1.4em;line-height:1.2em;}
#copy h4 {font-size:1.2em;line-height:1.2em;}
#copy h5, #copy h6 {font-size:1.0em;}
#copy p {margin:0 0 15px;line-height:1.55em;font-size: 1.2em;}
#copy ul {margin:0 0 15px 13px;}
#copy ul li {background:url(..//images/bullet_copy_levels.gif) no-repeat 0 .4em;padding:0 0 0 10px;margin:0 0 10px;line-height:1.2em}
#copy ol {margin:0 0 15px 35px;}
#copy ol li {margin:0 0 10px;line-height:1.2em}
#copy table {margin:0 10px 15px 13px;border-collapse:collapse;border-color:#666}
#copy table th {color:#c00;font-size:1.2em;border-color:#666}
#copy table td {border-color:#666}
#copy a {color:#c00;text-decoration:underline;}
#copy a:hover {text-decoration:underline;}
#copy a:visited {color:#000;}
#copy img {margin:4px 5px 15px 0;display:inline;}
#copy hr {color:#cfcdc8;background:#cfcdc8;border:none;margin:0 0 10px 13px;line-height:1px;height:1px;overflow:hidden;}
#copy p span.caption{margin-top:-4px;padding-top:0;font-style:italic;}

/* Main copy page titles */
#copy h1,#copy h2, #copy h3, #copy h4, #copy h5, #copy h6 {color:#666;font-weight:normal;margin:0 0 12px}

#copy h2 {line-height:1.2em;font-size:2em;margin:0 0 14px 0;padding:0 0 13px;}


#copy h1, #copy h3 {line-height:1.2em;font-size:2em;margin:0 0 14px 0;padding:0 0 13px;}
#level_three_col #copy h3,#copy h3 {padding-top:25px;}

#copy img.left_img {
	float: left;
	padding: 0;
	margin: 0 10px 5px 0;
}
#copy img.right_img {
	float: right;
	padding: 0;
	margin: 0 0 5px 10px;
	position: relative;
}

.left_img_caption {
	float:left;
	background:#EEE;
	width:180px;
	margin:0 15px 0 0;
}

#copy .left_img_caption img {padding:0;margin:0}
#copy .left_img_caption p {color: #000;padding:10px 0 5px 10px;margin:0; font-style:italic;}
#copy .left_img_caption a {color: #000;}
#copy .left_img_caption a:hover {text-decoration:none;}

.youtube {padding-bottom:20px;}

#footer {
	background-color: navy;
	text-align: center;
	width: 100%;
	height: 325px;
	clear: both;
}
#footer_wrapper {
    text-align:left; 
    min-width:795px; 
    width:795px;
    margin:0 auto;
	_height: 325px;
	max-height: 325px;
 }

/***** hp styles *****/

.promos {width:284px; height:489px; float:left; text-indent: -9000px;}
	.promos a {display: block; width: 283px;height: 399px;margin-top: -25px;}
	#maxine {padding-right: 37px;background: url(../layout/hp/maxine-big-text.jpg) no-repeat 0 0;}
	#chalkhydri {background: url(../layout/hp/chalkhydri-big-text.jpg) no-repeat 0 0;}

#sketches{margin: 30px 0 0 0; padding: 0;}
.home_thumbs {float: left; width: 140px;}
	.home_thumbs h4 {color: #666;}
.home_thumbs ul {padding: 0; margin:0;}
	#thumbs_left li {margin: 0 0 0 10px; padding:0; }
	#thumbs_left li a{padding: 0; margin:0 0 -10px 25px;display:block }
	#thumbs_left h4{text-align: right;color: #666;}

	#thumbs_right li a{padding: 0; margin:0 0 -10px -23px;display:block }
	#thumbs_right h4{text-align: left;color: #666;}

#downloads {float: left;width: 325px;}
	#downloads img {padding-left: 20px;}
		#downloads_copy {margin-top: -38px;}
		#downloads_copy h4 {font-size:1.25em;line-height:1.2em;color: #666;font-weight: bold;text-align: center;margin:0 0 10px}
		#downloads_copy p { text-align:center;padding: 0 25px;line-height: 1.2em;}
		#downloads_copy .title {color: #000;font-weight: bold;}
				#downloads_copy .title em {color: #666;font-weight: normal;}

#footer {background: #ccc url(../layout/footerBG.gif) repeat-y center 0}

#plans {
width: 513px;
float: left;

}
#plans h3 {background: url(../layout/phantom.gif) no-repeat 0 0;width: 312px; height: 20px; margin:20px 0 15px 0;text-indent: -9000px;}

#plans img {float: left; padding-right: 20px;}
#plans p {width: 420px;line-height: 1.4em; font-size: 1.2em;padding-bottom: 10px;}
#plans #footer_thumbs {width: 450px;padding-top: 5px;}
#further_reading {
width: 282px;
float: right;
margin-right: -30px;
}
#further_reading h3 {background: url(../layout/further_reading.gif) no-repeat 0 0;width: 312px; height: 20px; margin:20px 0 15px 0;text-indent: -9000px;}

#further_reading p {width: 245px;line-height: 1.4em; font-size: 1.2em;padding-bottom: 10px;}

#further_reading #visit {font-weight: bold;}
	#further_reading #visit a{font-weight: normal;}
	
#footer_ads{background: #aaa795;max-height: 125px;height: 125px;padding-top: 25px;}