/* ##### Common ##### */

.doNotDisplay {
  display: none !important;
}

img
{  border-style: none;
}

/* ##### Specify text color for tables to override some browsers practice of defining table text color ##### */
table, td, th {color: #333333;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

body {
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%;  /* Enables font size scaling in MSIE */
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
}


#outline {
	text-align: left;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/shadow-bg.jpg);
	background-repeat:repeat-y;
	position: relative;
	margin-top: 0px;
	padding:0;
}


#container {
	background-image: url(images/shadow-bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#bottombordernav {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
acronym, .titleTip {
	cursor: help;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0018A0;
}
/* ##### Clickable Header Image */

.headerSimpleTitle a {
	text-decoration: none;
	color: #FFD800;
	margin: 0em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}


/* ##### Side Bar Navigation */
#navigationside {
	font-size: 1.3em;
	text-align: center;
	font-weight: bold;
}

#navigationside ul {
	list-style: none;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0;
	width: 95%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#navigationside li {
	padding-bottom: .7em;
}

#navigationside a:link, #navigationside a:visited {
	margin-right: 0.2em;
	padding: 0.2em 0.6em 0.2em 0.6em;
	color: #0018A0;
	background-color: #FFFFFF;
	text-decoration: none;
	display: block;
}

* html #navigationside a {
	width: 100%;
		padding:0;
}

#navigationside a:hover {
	background-color: #FFFFFF;
	color: #001890;
}

/* ##### Main Area ##### */

#main {
	clear: both;
	width: 880px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: -10px;
	border-left-width: 9px;
	border-left-style: solid;
	border-left-color: #0018A0;
	padding: 0em;

}

#sideBarMenu {
	text-align: left;
	width: 314px;
	background-color: #0018A0;
	padding-top: 1.7em;
	padding-bottom: 0em;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0em;
	padding-right: 0px;
	padding-left: 0em;
	left: 0px;
/* 	margin-left: 578px; */
/* 	position: absolute; */
	float: right; /* So the container will expand to include sidebar */
}
#sideBarMenu p {
	font-size: 1.2em;
	line-height: 110%;
	color: #FFFFFF;
	margin-left: 10px;
	margin-right: 10px;
}


/* ##### Main Content - Container ##### */

#mainContent {
	text-align: justify;
	line-height: 1.5em;
	margin-top: 20px;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 0;
	font-size: 1.2em;
	width: 580px;
}
/* ##### Main Content - Specifics ##### */

#mainContent h1 {
	font-size: 1.6em;
	font-weight: normal;
	text-align: left;
	color: #0018A0;
	padding-top: 0;
	padding-right: 1.3em;
	padding-bottom: 8px;
	padding-left: 0em;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 10px;
	margin-left: 8px;
	background-color: transparent;
	font-family: Arial, Verdana, sans-serif;
	line-height: 60%;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #FFD800;
}


#mainContent h2 {
	font-size: 1.5em;
	font-weight: bold;
	color: #0018A0;
	text-align: left;
	margin-top: 0.25em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	line-height: 1.3em;
	background-color: transparent;
}
#mainContent h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #0018A0;
	text-align: left;
	margin-top: 0.25em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	line-height: 1.3em;
	background-color: transparent;
}
#MainContentOuter {
	position: relative;
	text-align: left;
	width: 892px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/sidebar-ihd.gif);
	background-repeat: repeat-y;
	background-position: 3px;
	border-bottom-width: 9px;
	border-bottom-style: solid;
	border-bottom-color: #0018a0;
	margin-bottom: 3px;
	background-color: #ffffff;
	padding:0;

}
#MainContentOuterHome {

}
#mainContent .boldtext {
	font-weight: bold;
}
#mainContent p {
	padding-right: 20px;
	padding-left: 20px;
}


#mainContent a:link {
  color: #0018A0;
  background-color: transparent;
  text-decoration: underline;
}

#mainContent a:visited {
	color: #001890;
	background-color: transparent;
	text-decoration: underline;
}

#mainContent a:hover {
	text-decoration: none;
	color: #001890;
	background-color: transparent;
}

#mainContent a:active {
	color: #001890;
	background-color: transparent;
	text-decoration: none;
}


dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.25em 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

#center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
/* ##### Primary Box - Container ##### */

.primaryBox {
	background-color: #FFFFFF;
	margin-top: 0em;
	margin-right: 10px;
	margin-bottom: 0em;
	margin-left: 0;
	padding-top: 1px;
	padding-bottom: 0em;
	padding-left: 8px;
	padding-right: 8px;
	color: #000000;
}
#outline #container #main #MainContentOuter #mainContent .primaryBox .center {
	margin-right: auto;
	margin-left: auto;
}



/* ##### Primary Box - Specifics ##### */

.primaryBox ol {
	list-style-type: decimal;
	list-style-position: outside;
}

.primaryBox blockquote {
	color: #001890;
	background-color: transparent;
}

.testimonial {
	clear: right;
	float: right;
	width: 35%;
	padding: 0em;
	margin-top: 0.7em;
	margin-right: 0.5em;
	margin-bottom: 0.3em;
	margin-left: 1em;
	display:inline;
}

.testimonial p {
	background-color: #FFFFFF;
	padding: 0.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #001890;
	border-right-color: #001890;
	border-bottom-color: #001890;
	border-left-color: #001890;
	margin: 0em;
	text-align: left;
	color: #000000;
  }

  .client {
	font-style: italic;
	font-weight: bold;
	overflow-x:hidden
}

.answers {
	text-align: left;
	color: #000000;
}

.picture {
	float: right;
	margin: 1em;
	padding: 0em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
		display:inline;
}

/* ##### Breadcrumbs - Container ##### */

#breadcrumbs {
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 0em;
	/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #96b5aa;
*/	padding-right: 0em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 15px;
	width: 500px;
}


/* ##### Breadcrumbs - Specifics ##### */

#breadcrumbs p {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	color: #001890;
	background-color: transparent;
	text-align: left;
}

.contactinfo {
	font-size: 1.2em;
	font-weight: bold;
}


/* ##### Footer - Container ##### */

/* ##### Footer - Container ##### */

#footer {
	clear:both;
	color: #3d3d3d;
	font-size: 1.1em;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 2px;
	padding-left: 0em;
	width: 900px;
	background-color: #FFFFFF;
	margin-top: 1em;
	margin-bottom: 0em;
	margin-right: auto;
	margin-left: auto;
}
.larger {
	font-size: 150%;
}


/* ##### Footer - Specifics ##### */

#footer .designer {
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 0em;
	padding-left: 0em;
	text-align: right;
	margin-top: -3.9em;
	width: 50%;
	margin-left: 440px;
	float: right;
		display:inline;
}


#footer a {
	color: #0018a0;
	background-color: transparent;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #001890;
	background-color: transparent;
}

#noUnderLine {
	text-decoration: none;
}

#noUnderLine a {
	text-decoration: none;
	color: #0018a0;
}

#noUnderLine a:hover {
	text-decoration: none;
	color: #001890;
	background-color: transparent;
}


/* ##### Sub Footer ##### */

.subFooter {
	margin: 0;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 1em;
	color: #001890;
	background-color: transparent;
	width: 50%;
	text-align: left;
	float: left;
}
.smalltext {
	font-size: 120%;
	color: #000000;
}
a:link {
	color: #0018A0;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #001890;
}
a:hover {
	text-decoration: none;
	color: #001890;
}
a:active {

	text-decoration: none;
	color: #001890;
}

#profileText1 {

	font-size: 1em;
	text-align: center;
	padding-top: 0.3em;
}
#profileText2 {

	font-size: 1em;
	text-align: center;
	padding-top: 0.3em;
}
#profileText3 {

	font-size: 1em;
	text-align: center;
	padding-top: 0.3em;
}
h1#header {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.7em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-position: center;
	position: relative;
	width: 900px;
	height: 116px;
	overflow:hidden;
	padding: 0px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: -10px;
}

#header {
	padding-top: 0px;
}
.clear {
	clear: both;
}
.floatright {
	float: right;
	margin:0;
}
.floatleft {
	float: left;
	margin:0;
}

#mainContent ul {

	padding-right: 2em;
	padding-left: 2em;
}
.whitebackground {
	background-color: #FFFFFF;
}
#mainContent .primaryBox .menu {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #101010;
	border-bottom-color: #101010;
    padding:0;
}
#mainContent .primaryBox .menu .menuright {
	float: right;
	margin:0;
}
#mainContent .primaryBox .menu .menuleft {
	float: left;
	margin:0;
}
#mainContent .primaryBox .red {
	color: #FF0000;
}
#outline #container #main #MainContentOuter #mainContent .primaryBox .menuoptions {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding:0;
}
#outline #container #main #MainContentOuter #mainContent .primaryBox .menuoptions .leftmenuoptions {
	float: left;
	margin:0;
}
#outline #container #main #MainContentOuter #mainContent .primaryBox .menuoptions .rightmenuoptions {
	float: right;
	margin:0;
}
.primaryBox #books {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	width: 570px;
	text-align: center;
	padding:0;
}
.primaryBox #books .firstbook {
	float: left;
	margin:0;

}
.primaryBox #books .secondbook {
	float: left;
margin:0;
}
.primaryBox #books .thirdbook {
	float: left;
margin:0;
}
.primaryBox #books .fourthbook {
	float: left;
margin:0;
}

.primaryBox #books .firstbook img {

	margin-right: 0px;
	margin-left: 10px;
}
.primaryBox #books .secondbook img {

	margin-right: 0px;
	margin-left: 10px;
}
.primaryBox #books .thirdbook img {

	margin-right: 0px;
	margin-left: 10px;
}
.primaryBox #books .fourthbook img {

	margin-right: 0px;
	margin-left: 10px;
}


.primaryBox #books .firstbook p {
	margin-left: 10px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: normal;
}
.primaryBox #books .secondbook p {
	margin-left: 10px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: normal;
}
.primaryBox #books .thirdbook p {
	margin-left: 10px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: normal;
}
.primaryBox #books .fourthbook p {
	margin-left: 10px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: normal;
}

#mainContent h4 {

	font-size: 1.1em;
	font-weight: bold;
	color: #0018a0;
	text-align: left;
	margin-top: 0.25em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	line-height: 1.3em;
	background-color: transparent;
}
.greentext {
	color: #d0d070;
}
#mainContent .primaryBox ol li {
	list-style-type: decimal;
	padding-left: 2em;
	padding-right: 2em;
}
#outline #container #main #MainContentOuter #mainContent .primaryBox #middle {
	margin-left: 165px;
}
#mainContent #joinpage #centerjoin {
margin-left: 110px;

}
#mainContent #joinpage #centerjoin img {
border: none;

}
#mainContent #imageborder img {
	border: 1px solid #d0d070;
}

#patterns {
	margin-right: auto;
	margin-left: auto;
	clear: both;
	width: 920px;
	text-align: center;
	padding:0;
}
#patterns .firstpattern {
	float: left;
	margin:0;

}
#patterns .secondpattern {
	float: left;
	margin:0;
}
#patterns .thirdpattern {
	float: left;
	margin:0;
}
#patterns .fourthpattern {
	float: left;
	margin:0;
}
#patterns .firstpattern img {

	margin-right: 0px;
	margin-left: 66px;
}
#patterns .secondpattern img {

	margin-right: 0px;
	margin-left: 54px;
}
#patterns .thirdpattern img {

	margin-right: 0px;
	margin-left: 54px;
}
#patterns .fourthpattern img {

	margin-right: 0px;
	margin-left: 153px;
}

#patterns .firstpattern p {
	margin-left: 24px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: normal;
}
#patterns .secondpattern p {
	margin-left: 74px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: bold;
}
#patterns .thirdpattern p {
	margin-left: 74px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: bold;
}
#patterns .fourthpattern p {
	margin-left: 54px;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 20px;
	font-weight: bold;
}
.boldblue {
	font-weight: bold;
	color: #001890;
	font-size: 105%;
}
#main #search {
	float: right;
	margin-top: 10px;
    display:inline;
}
#sideBarMenu h2 {
	font-size: 1.4em;
	font-weight: normal;
	text-align: left;
	color: #FFD800;
	padding-top: 0;
	padding-right: 1.3em;
	padding-bottom: 8px;
	padding-left: 0em;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 1em;
	margin-left: 10px;
	background-color: transparent;
	font-family: Arial, Verdana, sans-serif;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #FFD800;
	line-height: 60%;
}
#sideBarMenu a:link {
  color: #FFFFFF;
  text-decoration: underline;
}

#sideBarMenu a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#sideBarMenu a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

#sideBarMenu a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#sideBarMenu .learnmore a:link {
  color: #FFD800;
  text-decoration: underline;
}

#sideBarMenu .learnmore a:visited {
	color: #FFD800;
	text-decoration: underline;
}

#sideBarMenu .learnmore a:hover {
	text-decoration: none;
	color: #FFD800;
}

#sideBarMenu .learnmore a:active {
	color: #FFD800;
	text-decoration: none;
}
#container .headerSimpleTitle a:link {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0;
	margin: 0;
}
#container .headerSimpleTitle a:link {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0;
	margin: 0;
}
#container .headerSimpleTitle a:visited {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#container .headerSimpleTitle a:hover {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0;
	margin: 0;
}
#container .headerSimpleTitle a:active {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0;
	padding: 0;
}
#outline #container .headerSimpleTitle {
	margin-left: -10px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#mainContent .primaryBox .bluetable {
	border: 1px solid #E8E8FF;
}
#mainContent .primaryBox .bluecell {
	border: 1px solid #E8E8FF;
	text-align: left;
	padding: 6px;
}
#mainContent .primaryBox .bluecellhead {
	border: 1px solid #E8E8FF;
	text-align: center;
	padding: 6px;
	font-weight: bold;
	color: #0018A0;
}
#mainContent .primaryBox .pagephoto {
	margin-top: -10px;
	float: left;
	margin-left: 8px;
	padding-right: 20px;
	padding-bottom: 20px;
	display:inline;
}
#mainContent .primaryBox .pagephotocontact {
	margin-top: 50px;
	float: left;
	margin-left: 8px;
	padding-right: 2em;
	padding-bottom: 2em;
	display:inline;
}
#mainContent .primaryBox .pagephotoright {
	margin-top: -10px;
	float: right;
	margin-right: 8px;
	padding-left: 2em;
	padding-bottom: 2em;
	display:inline;
}
.italics {
	font-style: italic;
	overflow-x:hidden
}
.bluetext {
	color: #001890;
}
#mainContent .primaryBox .backtotop {
	font-weight: bold;
	float: right;
	margin-right: 1em;
	margin-left: 1em;
	color: #0018A0;
	display:inline;

}
#mainContent .primaryBox a.backtotop  {
	color: #0018A0;
	text-decoration: underline;
	font-weight: bold;

}
#mainContent .primaryBox a:link.backtotop  {
	color: #0018A0;
	text-decoration: underline;
		font-weight: bold;

}
#mainContent .primaryBox a:visited.backtotop  {
	color: #0018A0;
	text-decoration: underline;

}
#mainContent .primaryBox a:hover.backtotop  {
	color: #000000;
	text-decoration: none;

}
#mainContent .primaryBox a:active.backtotop  {
	color: #000000;
	text-decoration: none;

}
#mainContent .primaryBox ul li {
	padding-left: 20px;
	background-image: url(images/roundbullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	margin: 0em;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	line-height: 135%;
	list-style-type: none;
}

#mainContent .primaryBox ul ul li {
	padding-left: 20px;
	background-image: url(images/roundbullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	margin: 0em;
	padding-top: 0.2em;
	padding-right: 0em;
	padding-bottom: 0.2em;
	line-height: 135%;
    list-style-type: none;
}

.homefeature {
	clear: both;
}
.featurebox {
	padding: 0 8px 16px 8px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
#mainContent .featurebox a {
	display: block;
	text-decoration: none;
	background: #F0F0F0;
	margin: 0;
	padding: 16px 24px;
}
/*
#mainContent .centerfeature a {
	background: #FFF;
	border: 1px solid #CCC;
}
*/
#mainContent .featurebox a:hover {
	background: #EAEAEA;
}
#mainContent .featurebox a h3 {
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #FFD800;
	border-bottom-color: #CCC;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-weight: normal;
}
#mainContent .featurebox a p {
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: black;
}
#mainContent .featurebox a:hover h3 {
	border-bottom-color: #BBB;
}
#mainContent .centerfeature a {
	display: block;
	text-decoration: none;
	padding: 8px 20px 8px 20px;
	margin: 24px 0 8px 0;
	box-sizing: border-box;
	float: left;
	width: 100%;
}
#mainContent .centerfeature a h3 {
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #FFD800;
	border-bottom-color: #EEE;
	margin-bottom: 8px;
	padding-bottom: 2px;
	text-transform: uppercase;
	font-weight: normal;
}
#mainContent .centerfeature a p {
	text-decoration: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: black;
}
#mainContent .centerfeature a:hover h3 {
	border-bottom-color: #FFD800;
}
#mainContent .withlogo a {
}
#mainContent .withlogo img {
	float: right;
}
#mainContent .withlogo .info {
	float: left;
	width: 385px;
}
