﻿/* CSS Document */
/*nee pareviewonline, PAreview.css and elkhoury.css and bope.css*/
body { /*needed for fixed-width centering - text-align: center - Do NOT change this*/
	margin: 0px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; /*.8ems*/
	color: #2A286A; /*#e8e9e2 - default text color - often overwritten in p or h1 or h3 tags*/
	background:  url(graphics/bkg2x580a.jpg) #3F8A6C repeat-x 50% 0; /*#c8cbcb repeat-y 50% 0;*/
}
#wrapper { /*needed for fixed-width centering*/
	position: relative;
	width: 897px; /*900 - 696px*/
	background-color: #fff; 
	border-right: 2px solid #bcbcbc;
	border-left: 2px solid #bcbcbc;
	margin: 0px auto 0px auto;
}
/***** header *****/
#header {
	margin-top: 0px;
	width: 897px; /*696px*/
	height: 85px;
	background-color: #61C4ED;
}
#banner {
	/*float: left;*/
	width: 897px; /*696px 495px*/
	background-color: #61C4ED; /*F2F2F2*/
	height: 80px;
}
#topBar {
	width: 897px; /*696px 495px*/
	background-color: #f27322; /*F2F2F2*/
	height: 5px;
}
/***** end header *****/
#leftNavigation { /*vertical*/ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em; 
	background-color: #f4f4f4; /* light gray*/
	/*width: 180px; */  /*172px*/
	padding: 15px 15px 15px 1px; /*15px 15px 15px 1px;*/
}
* html #leftNavigation { /*new*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em; 
	background-color: #f4f4f4; 
	width: 180px; 
	padding: 15px 1px 15px 1px; 
}
#leftNavigation ul { /*vertical*/ 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#leftNavigation ul li { /*vertical*/ 
	display: block;
}
#leftNavigation ul li a { /*vertical*/
	display: block;
	text-decoration: none;
	width: 179px; /*169 156px;*/
	padding: 8px 15px 8px 10px; /*8px 15px 8px 10px;*/
	margin-top: 10px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #00A191; 
	border-top: 1px solid #777788; /*#ced2b6;*/
	border-bottom: 1px solid #777788; /*#ced2b6;*/
	text-align: left;
}
#leftNavigation ul li a:link { /*vertical */ 
	color: #fff; /*2e2d75-purple*/ /*474f49*/
}
#leftNavigation ul li a:hover { 
	color: #fff; /*2e2d75-purple*/
	background-color: #f27322; 
	border-color: #fcef3c; /*fcef3c - yellow*/
	/*background-color: #fbfcf9;*/
}
/***/
#leftNavigation a.current, #leftNavigation .current a {
	color: #fff; /*2e2d75-purple*/
	background-color: #f27322; 
	border-color: #FCEF3C; /*ff7e00-orange */
	border-bottom: 1px solid #fff;
}
/***/
/***** end navigation *****/

#contentWrapper {
	float: left;
	width: 897px; /*900 696px width: 100%; either one works*/
	overflow: hidden; /*hides the sidebar bottom padding*/
}
#content {
	float: left;
	padding: 20px 25px 20px 25px; 
	width: 444px; /*444*/
	background-color: #fff;
}
#content ul {
	font-size: .9em;
	color: #999;
	margin-left: -30px; /*-18px;*/
	margin-right: 20px;
}
* html #content ul {
	font-size: .9em;
	color: #999;
	margin-left: -20px;
	/*margin-left: 18px;
	margin-right: 20px;*/
}
#content ul li {
	font-size: .8em;
	color: #2A286A;
	text-align: left;
	margin-bottom: .5em; /*easyread*/
}
#content dl {
	font-size: .9em;
	color: #999;
	margin-left: -30px;
	margin-right: 20px;
}
* html #content dl {
	margin-left: -20px;
}
#content dl dd {
	font-size: .8em;
	color: #2A286A;
	text-align: left;
	margin-bottom:.5em; /*easyread*/
}
.chapterTitle {
	font-size: 1.15em;
	font-weight: bold;
	color: #fff; /*2F2D76-dk blue -- 00a191-green -- F37423*/
	background-color: #00a191; /*lt blue-5EC4F1*/
	padding: 0px 2px 1px 2px;
	border: 1px solid #00C1AE;
	border-bottom: 1px solid #2F2D76;
}
#content ol {
	font-size: .9em;
	color: #999;
	margin-left: -30px;
	margin-right: 20px;
}
* html #content ol {
	margin-left: -7px;
	margin-right: 20px;
}
#content ol li {
	font-size: .8em;
	color: #2A286A;
	text-align: left;
	margin-bottom:.5em; /*easyread*/
}
/***/
#fie { /*FIX i.e.*/ /*fixes ul, ol, and dl placement in i.e.7*/ /*without this fix, lists float off the page in i.e.7*/
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}
/***/
#content a {
	/*font-size: .665ems;*/
	color: #f27322;  /*00A191 -- 2e2d75*/
	text-decoration: underline;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
	margin-left: -5px;
}
#content a:hover {
	color: #00A191; /*F6151D*/
}


.PersonForm {
	color: #000000;
}

.PersonForm .row {
	text-align:left;
	margin-bottom: .5em;
}

.Required {
	color: #ff9900;
	font-weight: bold;
}

.label {
	font-size: 9px;
	display: block;
}

.field {
	font-size: .9em; 
}


/***** end content *****/


#sidebar {
	float: left;
	width: 167px; /*179*/
	padding: 30px 14px 3500px 15px; /*30px 14px 1000px 15px;*/
	margin-bottom: -3500px;
	background-color: #f4f4f4; /* light gray*/
}
* html #sidebar {
	float: left;
	width: 165px; /*173px*/
	padding: 30px 14px 3500px 15px; /*30px 14px 350px 15px;*/
	margin-bottom: -3500px;
	background-color: #f4f4f4;
}
#login {
	margin-top: 5px;
	margin-left: 6px;
	text-align: left;
}
.small {
	font-size: 9px;
	color: #484848; 
}
.buy {
	margin-left: 20px;
}
#sidebar a {
	color: #2e2d75;
	text-decoration: underline;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
}
#sidebar a:hover {
	/*background-color: #f6141d;*/
	color: #f27322;
}
/*****/
/*.PersonForm { do I need any of this?
	color: #000000;
}
.PersonForm .row {
	text-align:left;
	margin-bottom: .5em;
}
.Required {
	color: #ff9900;
	font-weight: bold;
}
.label {
	font-size: 9px;
	display: block;
}
.field {
	font-size: .9em; 
}*/
/*****/
/***** end sidebar *****/
#leftSidebar {  /*leftNavigation*/
	clear: both;
	float: left;
	width: 192px; /*180 169px*/
	padding: 0px 15px 3500px 0px; /*30px 15px 3000px 15px;*/
	margin-bottom: -3500px;
	background-color: #f4f4f4;
	/*border: 1px solid #ced2b6;*/	
}
* html #leftSidebar {  /*leftNavigation*/
	clear: both;
	float: left;
	width: 182px; /*180 169px*/
	padding: 0px 0px 3500px 0px; /*30px 15px 3000px 15px;*/
	margin-bottom: -3500px;
	background-color: #f4f4f4;
	/*border: 1px solid #ced2b6;*/	
}
/***** end leftSidebar *****/
#footer {
	clear: both;
	font-size: .595em;
	color: #999;
	border-top: 1px solid #D3D3D3;
	background-color: #f4f4f4;
	padding: 10px 10px 30px 10px;
}
#footer a {
	font-weight: bold;
	text-decoration: none;
	color: #909090; /*999*/
	padding: 2px 3px 2px 3px;
}
#footer a:hover {
	color: #f27322; 
}
.footnote {
	font-size: .985em;
	text-align: center;
	line-height: 1.995;
}
/***** end footer *****/
p {
	line-height: 1.166;
	font-size: .8em;
	padding: 3px 10px 3px 10px;
	color: #2A286A; /*2E2D75*/
	text-align: left;
}
.citation {
	font-size: .825em;
	margin-left: 5px;
 	font-weight: bold;
}
.subheadA {
	/*font-size: 1.15em;*/
	font-weight: bold;
	color: #fff; /*2F2D76-dk blue -- 00a191-green -- F37423*/
	background-color: #2F2D76; /*2F2D76-dk blue*/
	padding: 0px 2px 2px 2px;
	border-top: 1px solid #00C1AE;
	border-left: 1px solid #5754DA;
	border-bottom: 1px solid #2F2D76;
}
.subheadB {
	/*font-size: 1.15em;*/
	font-weight: bold;
	color: #fff; /*2F2D76-dk blue -- 00a191-green -- F37423*/
	background-color: #00a191; /*lt blue-5EC4F1*/
	padding: 0px 2px 2px 2px;
	border-top: 1px solid #00C1AE;
	border-right: 1px solid #00C1AE;
	border-bottom: 1px solid #2F2D76;
}
.subA {
	font-size: 1.10em;
	font-weight: bold;
	color: #2F2D76; /*2F2D76-dk blue -- 00a191-green -- F37423*/
}
.subB {
	font-size: 1.10em;
	font-weight: bold;
	color: #00a191; /*2F2D76-dk blue -- 00a191-green -- F37423*/
}
.product {
  position:relative;
  width:132px;
  max-width:140px;
  padding:3px 0px 30px 6px;
  right:0;
  float:right;
  font-size: .90em;
  text-align:center;
  font-weight:bold;
  border: 0;
}
.text { /*this is NOT working*/
	line-height: 1.25em;
	background-color: 666;
}
.product a {
	border: 0px;
	border: none;
}
.adjustFIE { /*left margin adjust for paragraphs within fie*/
	margin-left: -25px;
}
.left {
	margin-right: 200px;
}
.message { /*your email - your password*/
	color: #ff0000; /*red*/
}
.devNote {
	color: #686868;
}
h3 {   /*Welcome - toc*/
	font-size: .9em;  /*.8*/
	font-weight: bold;
	color: #F27322; 
	text-align: left;
	margin-top: 10px;
	margin-bottom: 12px;
	margin-left: 10px; /*10*/
}
.head {
	font-size: 1.20em;
	font-weight: normal;
	color: #fff;  /*2F2D76 - purple - 2A286A*/
	background-color: #F37423; /*orange f27322 -- green - 00A191*/
	padding: 2px 3px 2px 3px;
	border-top: 1px solid #FDEF3D; /*yellow-FDEF3D*/
	border-right: 1px solid #FDEF3D;
	border-left: 1px solid #FDEF3D;
	border-bottom: 1px solid #2F2D76; /*purple-2F2D76*/	
}
h4 {   /*More - Avoiding the Blooper*/
	font-size: 1.05em;  /*.8*/
	font-weight: bold;
	color: #2F2D76; 
	text-align: left;
	margin-top: 15px;
	margin-bottom: 6px;
	margin-left: 10px; /*10*/
}
/***** end *****/
