@charset "utf-8";
/* CSS Document */

/* general text styles */
p {
	color: #666;
	line-height: 18px;
	margin-bottom: 18px;
}
h3 { /* deep pumpkin */
	color: #AB6532;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 21px;
}

h5 { /* deep pumpkin */
	color: #AB6532;
	font-size: 12px;
	line-height: 21px;
}

h6 { /* gray */
	color: #868686;
	font-size: 16px;
	line-height: 21px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
a { /* teal */
	color:#4F916C;
	text-decoration: none;
}
a:hover { /* orange */
	color:#CC9900;
}

a img{
	border-style:none;
}

.unitRow h3 {
	font-size: 16px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

/* divs and subsections */


#srchCse { /* google search box */
	
	min-height: 400px;
}

.unitRow {
	
	margin-bottom: 30px;
	clear: both;
	min-height:150px;
}
.unitLesson {
	width: 335px;	
	
	
}

#triSub { /* 3 sections: image above each text below */
	margin-top: 20px;
	background-image: url(../chp/img/chp_tri_sub_line_bg.gif);
	background-repeat: repeat-y;
}
#quadSub { /* 4 sections:  1 image above section text below */
	margin-top: 20px;
	background-image: url(../chp/img/chp_quad_sub_line_bg.gif);
	background-repeat: repeat-y;
	
}
#triSub .sectionCall {
	width: 209px;
}
#quadSub .sectionCall {
	width: 151px;
}
.sectionCall { /* individual callouts as sub navigation method */
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
#triSub .sectionCall h3, #quadSub .sectionCall h3 {
	margin-top: 10px;
}
.sectionCall h3 {
	color: #AB6532;
	font-size: 14px;
	margin-bottom: 10px;
}
#subContent h1 {
	color: #523018;
	font-size: 18px;
	margin-bottom: 20px;
	clear: both;
}

#subContent h1 span {
	font-size: 12px;
}

#subContent h1.marBtm0 {
	margin-bottom: 0px;
}

#subContent h2 {
	color: #333;
	font-size: 14px;
	margin-bottom: 10px;
}

#stack { /* sections  as stacked list; left floated image */
}


.narrText { /* class applied to #stack - narrative */
}


.listText { /* class applied to #stack-list based */
}

.infoRow {
	margin-bottom: 30px;
	clear: both;
	min-height:150px;
}

/* general classes */

.floatRt {
	float: right;
}
.floatlft {
	float: left;
	clear: both;
}
.marLft160 {
	margin-left: 160px;
}
.marLft230 {
	margin-left: 230px;
}

.marBtm0 {
	margin-bottom: 0px;
}
.marBtm20 {
	margin-bottom: 20px;
}
.marBtm30 {
	margin-bottom: 30px;
}

.marBtm40 {
	margin-bottom: 30px;
}
.marTop20 {
	margin-top: 20px;
}
.marTop30 {
	margin-top: 30px;
}

.marTop40 {
	margin-top: 40px;
}
.marRt15 {
	margin-right: 15px;
}
.marLft230 {
	margin-left: 230px;
}

.block {
	display: block;
}

#stack.visList {
}
#stack.visList .infoRow {
}

hr.ee { /*horizontal rule*/
	height:2px;
	width:90%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #666666;
	margin-bottom: 30px;
	background-color: #CCC;	
}

.ee {
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #666666;
	padding-top: 25px;
	padding-bottom: 25px;
	
	
}

.hr { /*horizontal rule applied to element*/
	width:100%;
	border-top: 1px dotted #666666;
	padding-top: 10px;
	
}
/* paragraph/text styles */

p.note {
	font-size: 10px;
}

p.homeTxt {
	color: #3E3E3E;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
p.breadcrumb {
	color: #523018;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 10px;
	float: right;
}
p.list {
	line-height: 21px;
	margin-left: 30px;
}
.headTxt{
	color: #AB6532;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 21px;
	font-weight: bold;
}

.unitLesson span {
	font-weight: bold;
	color: #433A21;
}

span.submat { /* sub cat style for spans */
	font-size: 11px;
	font-weight: normal;
}
/* list styles */

#stack.visList ul {
	margin-left: 250px;
	list-style-type: none;
}

#stack.visList ul li ul {
	margin-left: 0px;
	padding-left: 20px;
	list-style-type: none;
}

#stack.visList li {
	color: #3E3E3E;
	line-height: 21px;
	font-size: 11px;
}


#stack.narrText ul {
}

#stack.narrText ul li {
	color: #3E3E3E;
	line-height: 21px;
	font-size: 11px;
}

#stack.listText ul {
	margin-left: 50px;
	list-style-type: circle;
	margin-bottom: 20px;
}

#stack.listText ul li {
	color: #3E3E3E;
	line-height: 21px;
	font-size: 11px;
}

.unitRow p {
	margin-bottom: 0px;
	padding-bottom: 10px;
}


.unitRow ul li.block { /* list item as block element vs inline */
	display: block;
	margin-top: 10px;
}
ul.unitDocs, ul.unitDocsTwo, ul.unitSect  { /* inline link list lesson documents and lesson sections */
	
	list-style-type: none;
}

ul.unitDocs  { 
	margin-bottom: 40px;
	
}

ul.unitSect {
	clear: both;
	padding-top: 20px;
}

ul.unitDocsTwo  { 
	margin-bottom: 7px;
	
}



ul.unitDocs li span, ul.unitDocsTwo li span, ul.unitSect li span {
	font-size: 11px;
	font-weight: normal;
	
}

ul.unitDocs li, ul.unitDocsTwo li, ul.unitSect li {
	color: #666;
	display: inline;
	margin-right: 7px;
	font-size: 12px;
}




ul#ssMenu { /* anchored menu floated left of paragraph */
	float: left;
	margin-right: 20px;
	list-style-type: none;
	background-color: #cad2bb;
	padding: 10px 15px;
	margin-bottom: 15px;
}

ul#ssMenu li {
	color: #666666;
	line-height: 21px;
}

li.ssName{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}



/* anchor styles */

#stack.visList ul li a {
	text-decoration: none;
	font-weight: normal;
}
#stack.visList ul li a:hover {
}
.breadcrumb a {
	text-decoration: none;
}

ul.unitDocs li a, ul.unitDocsTwo li a {
	font-size: 12px;
}


/* image styles */

.callout img {
	margin-bottom: 10px;
}
.imgShadOne {
	background-image: url(../chp/img/chp_160X160_shadow_bg.gif);
	height: 160px;
	width: 160px;
	float: left;
}

div.imgBoxStack { /* floated left column image with caption */
	float:left;
	margin:0 15px 15px 0px;
	text-align:center;
}

div.imgBoxRight { /* floated right inline image */
	float:right;
	margin:0 0 15px 15px;
}

div.imgBoxRight { /* image width used: 210px */
	background:#F5F3E8;
	border:1px solid #797979;
	overflow:hidden;
	text-align:center;
	width: 225px;	
}

div.imgBoxRight img {
	margin:8px;
}

.imgCaption {
	font-size:10px;
	line-height:12px;
	padding:0 8px 8px;
}

.marNone {
	margin: 0px;
	padding: 0px;
}

.block {
	display: block;
}

/* tables*/



/* sub tabbed MENU
	-----------------------------------------*/
	
	#menuTabs {
	width:730px;
	border-bottom:1px solid #c7c7c7;
	float: right;
}
#menuSubMain {
	list-style: none;
	margin-top:20px;
	float: right;
}
#menuSubMain li {
	float:left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #c7c7c7;
	border-right-color: #c7c7c7;
}
#menuSubMain a {
	float:left;
	color: #77a22f;
	font-size: 11px;
	text-decoration:none;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
}
#menuSubMain a:hover {
}
#menuSubMain li.first_element {
	border-left:1px solid #c7c7c7;
}

#menuSubMain a.selectedNM {
	position:relative;
	padding-bottom:7px;
	padding-top:5px;
	top: 1px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/tab_bg_white.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#menuSubMain a.selected {
	position:relative;
	padding-bottom:7px;
	padding-top:5px;
	top: 1px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/tab_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#submenu {
	clear:both;
	overflow:hidden;
	text-align:right;
	width:703px;
	padding-right:25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-right-color: #c7c7c7;
	border-bottom-color: #c7c7c7;
	border-left-color: #c7c7c7;
}
#submenu ul {
	float:right;
	list-style: none;
}
#submenu li {
	float:left;
}
#submenu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#757575;
	text-decoration:none;
	float:left;
	position:relative;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 5px;
}
#submenu.many li a {
	padding:4px 7px 2px;
}
#submenu li a:hover {
	color:#333;
}
#submenu li a.selected {
	color:#333;
}
body.homepage #submenu {
	display: none;
}