/* GENERAL ITEMS */
body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 22px;
	background-color: #FFFFFF;	
}

a {
	color: #3333FF;
	text-decoration: none;
}
a:hover {
	color: 6666CC;
	text-decoration: underline;
}
a:active {
	color: #333399;
	text-decoration: underline;
}

h1 {
	font-size: 19px;
	color: #000099;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6666FF;
	padding-bottom: 5px;
	line-height: 19px;
}
h2 {
	font-size: 18px;
	line-height: 21px;
	color: #006633;
}
h3 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
h5 {
	font-size: 14px;
	color: #000000;
}
h6 {
	font-size: 11px;
	color: #000099;
}

ul {
	padding-top: 0px;
	padding-bottom: 10px;
margin: 1em;
	padding-right: 0px;
	padding-left: 3px;
}

/* BK: I had to add this class (.styledulli) to stop the spacing and bullet from
being strangely added to to my new .navs class for the menu. The two styles were being added together, instead of the more specific .navs definition taking precedence. (Previous css definition was the same without the class name.)
IMPORTANT: now must add a <div class="styledulli"> around each ul li throughout the website.

*/
.styledulli ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url("./images/bullet.gif") no-repeat 0px 0.6em !important;
	list-style-type: none;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-right: 8px;
	padding-left: 15px;
	float: none;
	margin: 0px;
}
.styledulli ul {
    margin: 0px
}
ul li ul {
	padding-top: 6px;
	padding-bottom: 0px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 3px;
}
ol {
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 20px;
	margin: 0px;
}
ol li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-right: 0px;
	padding-left: 3px;
}

/* MISCELLANEOUS ITEMS */
.floatright {
	float: right;
}

.line1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99CC99;
}

.Headline {
	font-size: 17px;
	color: #000099;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6666FF;
	padding-bottom: 5px;
}

.quote {
	font-style: italic;
	color: #000066;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	border: 1px solid #CCCCFF;
}

.bookbuttonblock {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	margin-right: 40px;
}

.intmethodtable {
	font-size: 13px;
	line-height: 19px;
}

/* HEADER ITEMS */
.header {
	Position: relative;
	clear: both;
	height: 126px;
	background-color: #333399;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.header p {
	position:relative;
	padding: 0px;
	margin-top: 2px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 1em;
}

/* BK Styles for header logo text */
#logo1 {
	text-align: center;
	font-size: 43px;
	color: #9999FF;
	font-family: georgia;
	letter-spacing: 3px;
	padding-top: 14px;
	padding-bottom: 0px;
}
#logo2 {
	text-align: center;
	font-size: 15px;
	color: #CCFF99;
	letter-spacing: 4px;
    line-height: 1.3;
}

/* START New Upper Nav Rules BK */
.uppernavtext {
		font-size: 1.0em;
	color: #FFFFFF;
}
#uppernavtext {
	right: 20px;
	font-size: 1.0em;
	color: #FFFFFF;
}
#uppernavtextcontainer {
	text-align: end;
}
#uppernavtext a {
	font-size: 1.0em;
	color: #CCFF99;
	text-decoration: none;
}
#uppernavtext a:hover {
	font-size: 1.0em;
	color: #CCFF33;
	text-decoration: underline;
}
#uppernavtext a:active {
	font-size: 1.0em;
	color: #FFFFFF;
	text-decoration: underline;
}
/* END New Upper Nav Rules BK */


/* CENTER MAIN COLUMN ITEMS */
.main {
	position: relative;
	width: 620px;
	float: left;
	margin-left: 260px;
}

.main img {
	background-color: #E2FFC5;
	margin: 10px;
	padding: 6px;
	border: 1px solid #99CC99;
}
.main img.noborder {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	border: 0px solid #99CC99;
}

/* LEFT SIDE/NAVIGATION ITEMS */
.navsection {
	position: absolute;
	float: left; 
	width: 161px;
	margin: 3px 0px 0px 40px;
	font-size: 11px;
	line-height: 13px;
}

.navsection h1 {
	font-size: 12px;
	line-height: 16px;
	color: #000099;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #6666FF;
	padding-bottom: 0px;
}

.navs {
	border-top: 1px solid #99CC99;
}
.navs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}
.navs ul li {
	display: inline;
	margin: 0;
	font-size: 11px;
	line-height: 13px;
}
.navs ul li a {
	display: block;
	color: #333399;
	border-bottom: 1px solid #99CC99;
	font-style: normal;
	font-weight: bold;	
	font-size: 11px;
	line-height: 13px;
	padding: 5pt 5px 5pt 20px;
	list-style-type: none;
}
.navs ul li a:hover {
	color: #CCFF99;
	text-decoration: none;
	background-color: #424694;
}
.navs ul li a:active {
	color: #9999FF;
	text-decoration: none;
	background-color: #333399;
}

.navs ul li a.on {
	color: #ccff33;
	background: #333399;
	list-style-type: none;
}
.navs ul li a.on:hover {
	color: #CCFF99;
	text-decoration: none;
}

/* METHOD BOOK PICTURE LINK BOX BELOW NAVS */
.callout {
	width: 121px;
	margin-left: 40px;
	padding: 10px 20px;
	border: 2px solid #9999CC;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	height: 0%;
	margin-top: 12px;
	margin-right: 8px;
}

.index-content {
	display: flex;
	flex-direction: row;
}