@charset "UTF-8";

/*IMPORTANT*/
* {margin:0; padding:0}
html {height:100%}
#container-body {min-height:100%}
#main {overflow:auto; padding-bottom:190px}
/*Critical to keep footer at bottom of page:
- IMPORTANT section (all of it)
- body class: height:100% (see below)
- #footer class (see below)
*/

/*GENERAL*/
body {height:100%; margin-left:auto; margin-right:auto; color:#585656; background-color: #fcfcf9; font-size:16px; line-height:24px; font-family: Verdana, Arial, "Gill Sans", sans-serif}
h1, h2, h3, h4, h5 {font-family: Verdana, Arial, "Gill Sans", sans-serif}
h1 {font-size: 1.4em; margin-bottom:10px; line-height:1.1em}
h2 {font-size: 1.2em; margin-bottom:10px; line-height:1.1em}
h3 {font-size: 1em; margin-bottom:10px}
h4 {margin-bottom:10px}
h5 {margin-bottom:10px}
p {font-size: 18px; line-height:1.8em; margin-bottom:20px; font-family: Baskerville, "Times New Roman", Times, serif}
.p-lh-condensed {line-height: 1.4em;}
hr {display:block;height:1px;border:0;border-top:1px dotted #ccc;margin:1em auto;padding:0;width:100%;}
.container-100 {width:100%}
.sans-serif {font-family: Verdana, Arial, "Gill Sans", sans-serif}
.serif {font-family: Baskerville, "Times New Roman", Times, serif}
.courier {font-family:Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', monospace}


/*MISC*/
.yellow-box {background-color:#FAF8E4; padding:15px; border-radius:8px}
.center {text-align:center}
.righty {text-align:right}
.lefty {text-align:left}
.p-citation {font-style:italic}
.ul-arrows {list-style-image: url('/graphics/icons/bullet-arrow.png'); margin-left:30px}


/*PROFILE*/
.h3-indent {margin-top:8px; margin-left:10px; font-size:.9em; line-height: 1.4em}
.mobile-profile-info {font-size:.9em; line-height: 1.4em; padding-bottom: 8px}
.photograph {border:1px solid #ccc; border-radius:8px}
.photograph-byline {font-size:12px; line-height:12px; margin-top:5px}
.photograph-block {float:left; margin:30px 20px 10px 0; width:30%}
.credentials {font-size:.8em; font-weight: normal}
.quote {font-size:1.5em; line-height:1.5em; font-style:italic; width:94%; margin-left:auto; margin-right:auto}


/*MEDIA QUERIES*/
@media only screen and (max-width: 740px){
	.container {display:flex; flex-direction:column; max-width:1000px; margin-left:auto; margin-right:auto}
	.column {flex:1}

	.column1 {flex:1; padding: 20px}
	.column2 {flex:1; padding: 20px}
	.column3 {flex:1; padding: 20px}

	.column1-profile {order:1; padding: 0 20px}
	.column2-profile {order:2; padding: 0 20px}

	.column1-form {order:1; padding:5px 20px 0 20px}
	.column2-form {order:2; padding:5px 20px 15px 20px}

	.container-book {display: flex; margin-bottom: 40px}
	.column1-book {flex: 1; padding-right: 15px}
	.column2-book {flex: 3}

	.mobile-hide {display:none}
	.righty-desktop {}
	.lefty-desktop {}
	.quote-click-instructions-width {width: 80%}
}

@media only screen and (min-width: 741px){
	.container {display:flex; max-width:1000px; margin-left:auto; margin-right:auto}
	.column {flex:1}

	.column1 {flex:1; padding: 20px}
	.column2 {flex:2; padding: 20px 40px 20px 20px}
	.column3 {flex:3; padding: 20px}

	.column1-profile {flex:1; padding:0 20px 0 20px}
	.column2-profile {flex:2.25;padding:0 20px 0 20px}

	.column1-form {flex:1; padding:5px 20px}
	.column2-form {flex:2.25; padding:5px 20px}

	.container-book {display: flex; margin-bottom: 40px}
	.column1-book {flex: 1; padding-right: 20px}
	.column2-book {flex: 3}

	.mobile-show {display:none}
	.righty-desktop {text-align:right}
	.lefty-desktop {text-align:left}
	.quote-click-instructions-width {width: 60%}
}

@media only screen and (min-width: 1025px){
	.container {display:flex; max-width:1000px; margin-left:auto; margin-right:auto}
	.column {flex:1}

	.column1 {flex:1; padding: 20px}
	.column2 {flex:2; padding: 20px 40px 20px 20px}
	.column3 {flex:3; padding: 20px}

	.column1-profile {flex:1; padding:0 20px 0 20px}
	.column2-profile {flex:2.25;padding:0 20px 0 40px}

	.column1-form {flex:1; padding:5px 10px 5px 20px}
	.column2-form {flex:2.25; padding:5px 20px 5px 10px}

	.container-book {display: flex; margin-bottom: 40px}
	.column1-book {flex: 1; padding-right: 20px}
	.column2-book {flex: 3}

	.mobile-show {display:none}
	.righty-desktop {text-align:right}
	.lefty-desktop {text-align:left}
	.quote-click-instructions-width {width: 50%}
}


/*LINKS*/
a:link, a:visited {text-decoration:none; color:#35b2f6}
a:hover, a:active {text-decoration:underline; color:#f6a635}

a.nocolorlink:link, a.nocolorlink:visited {text-decoration:none; color: #585656;}
a.nocolorlink:hover, a.nocolorlink:active {text-decoration:underline; color:#f6a635}

a.buttonlink:link, a.buttonlink:visited {text-decoration:none; color: #FFFFFF;}
a.buttonlink:hover, a.buttonlink:active {text-decoration:none; color:#FFFFFF}

a.nav:link, a.nav:visited {text-decoration:none; color:#585656; border:1px dotted #f8f8ed; border-radius:4px; padding:5px; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace}
a.nav:hover, a.nav:active {text-decoration:none; color:#35b2f6; border:1px dotted #35b2f6; border-radius:4px; padding:5px; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace}

a.nav-footer:link, a.nav-footer:visited {font-size:.9em; text-decoration:none; color:#585656; border:1px dotted #f2f3f5; border-radius:4px; padding:5px; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace}
a.nav-footer:hover, a.nav-footer:active {font-size:.9em; text-decoration:none; color:#35b2f6; border:1px dotted #35b2f6; border-radius:4px; padding:5px; font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace}


.nav-font {font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace}

/*HEADER*/
.header {padding-top:20px; background-color:#f8f8ed}

@media only screen and (max-width: 740px){
	.container-header {display:flex; margin-left:auto; margin-right:auto}
	.column1-header {flex:1;}
	.column2-header {flex:2.5; text-align:right; margin-bottom:0; padding-top:10px}
}

@media only screen and (min-width: 741px){
	.container-header {display:flex; margin-left:auto; margin-right:auto}
	.column1-header {flex:1;}
	.column2-header {flex:2.5; text-align:right; margin-bottom:0; padding-top:10px}
	.navigation {font-size:.95em; margin-right:8px}
}

@media only screen and (min-width: 1025px){
	.container-header {display:flex; max-width:1100px; margin-left:auto; margin-right:auto}
	.column1-header {flex:1; margin-bottom:0}
	.column2-header {flex:2.5; text-align:right; margin-bottom:0; padding-top:10px}
	.navigation {font-size:1.1em; margin-right:30px}
}


/*FOOTER*/
#footer {
	background-color:#f8f8ed; /*f2f3f5 e7e7d5 f1f1e2*/
	position:relative;
	height:190px;
	margin-top:-190px;
	clear:both;
}


/*DYNAMIC COLUMNS*/
.columns-2 {
  -webkit-columns: 2 450px;
  -moz-columns: 2 450px;
  columns: 2 450px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}

.columns-3 {
  -webkit-columns: 3 300px;
  -moz-columns: 3 300px;
  columns: 3 300px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}

@media only screen and (max-width: 740px){
	.container-footer {display:flex; margin-left:auto; margin-right:auto}
	.column-footer {flex:1; padding-right:20px}
	.logo-footer {vertical-align:middle; margin-top:7px; width:200px; padding:0 10px 0 20px}
	.logo-and-nav {}
	.nav-footer-sizing {font-size:.8em; line-height:1em}
}

@media only screen and (min-width: 741px){
	.container-footer {display:flex; margin-left:auto; margin-right:auto}
	.column-footer {flex:1; padding:0 20px 0 20px}
	.logo-footer {vertical-align:middle; margin-top:7px; width:200px; padding:0 20px 0 10px}
	.logo-and-nav {display:inline}
	.nav-footer-sizing {font-size:.9em; line-height:1.1em}
}

@media only screen and (min-width: 1025px){
	.container-footer {display:flex; max-width:1100px; margin-left:auto; margin-right:auto}
	.column-footer {flex:1; padding:0 20px 0 20px; margin-bottom:0}
	.logo-footer {vertical-align:middle; margin-top:7px; width:200px; padding:0 30px 0 10px}
	.logo-and-nav {display:inline}
	.nav-footer-sizing {font-size:1em; line-height:1.1em}
}


/*FORMS*/
textarea, input[type=text] {
    font-family:Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size:1em;
	line-height: 1.4em;
	color: #555;
}
.form-label {
	font-weight:bold;
}
.form-input {
    border:thin solid #e5e5e5;
	border-radius: 4px;
    height:26px;
    outline:0;
    padding:5px 10px;
}
.form-error {
	border:thin solid #f64535;

}
.form-textarea {
    border:thin solid #e5e5e5;
	border-radius: 4px;
    outline:0;
    padding:5px 10px;
}
.form-textarea-error {
    border:thin solid #f64535;
	border-radius: 4px;
    outline:0;
    padding:5px 10px;
}
.checkbox {width:20px; height:20px; border:thin solid #e5e5e5}
.checkbox-error {width:20px; height:20px; border:thin solid #e5e5e5; outline: #FF0000 solid 1px}
#search-text-input {
    border-top:thin solid #e5e5e5;
	border-left:thin solid #e5e5e5;
	border-bottom:thin solid #e5e5e5;
	border-right:none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
    float:left;
    height:17px;
    margin:.8em 0 0 .5em;
    outline:0;
    padding:.4em 0 .4em .6em;
}
#button-holder {
    background-color:#35b2f6;
    border-top:thin solid #35b2f6;
	border-right:thin solid #35b2f6;
	border-bottom:thin solid #35b2f6;
	border-left:none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
    cursor:pointer;
    float:left;
    height:28px;
    margin:9px 0 0 0;
    text-align:center;
    width:40px;
}
#button-holder img {margin:4px; width:20px;}


/*BUTTONS*/
.button2 {
	background-color:#d6e8f8;
	border:none;
	border:1px solid #aaa;
	border-radius:4px;
	color:#229adb;
	padding:8px 15px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:1em;
}

.button-circle {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background-color:#007dc1;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:17px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.button-circle:link, button-circle:visited {
	color:#FFFFFF;
}
.button-circle:hover {
	background-color:#0061a7;
	color:#FFFFFF;
	text-decoration:none;
}
.button-circle:active {
	position:relative;
	top:1px;
	color:#FFFFFF;
	text-decoration:none;
}

.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.button:hover {
	background-color:#0061a7;
	text-decoration: none;
}
.button:active {
	position:relative;
	top:1px;
}

.button-sm {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.button-sm:hover {
	background-color:#0061a7;
	text-decoration: none;
}
.button-sm:active {
	position:relative;
	top:1px;
}

.button-gray {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.button-gray:hover {
	background-color:#dfdfdf;
}
.button-gray:active {
	position:relative;
	top:1px;
}