/* otisgraham.com
	media: screen */
	
HTML { margin: 0; padding:0; }

body {  /* coordinate this with following hack */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000060; /* #01012D; */
	background-color: #B9B9BD;
}

/* NS4 & IE3 hack: tables truncate style application - match the Body above */
p, address, blockquote, body, div, dl, ol, pre, span, ul {
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link { color: #1202AB; }
a:hover { color: #AF5F5F; }
a:active { color: #C09D0E; }

p  { font-size: 13px; }

pre {
	margin-left: 30px;
	font-size: 10px;
}

dt, dd { font-size: 13px; }	

h1, h2, h3, h4, h5, h6 {
	color: #7A0023; /* #01012D; */
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
h1  {	font-size: 17px; font-weight: 800; margin: 10px 0px 20px 0px; }
h2  { font-size: 16px; font-weight: 700; margin: 60px 0px 20px 0px;}
h3  { font-size: 15px; font-weight: 600; }
h4  { font-size: 12px; font-weight: 600; }
h5  { font-size: 12px; font-weight: 600; font-style: italic; }
h6  { font-size: 9px;  font-weight: 600; font-style: italic; }

img#ogBanner{
	margin: 14px 0px 8px 0px;
}
div#nav {
	margin: 6px 18px 5px 18px;
}
div#nav span.navLink {
	padding: 5px 20px 5px 20px;
	font-family:  "Bernhard Modern", Geneva, "Times New Roman", Times, "MS Serif", serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: 1px;
}
div#nav a:link { color: #212794; }
div#nav a:visited { color: #212794; }
div#nav a:hover { color: #BA4B32; }
div#nav a:active { color: #BA4B32; } 
div#nav hr {
	margin: 30px 92px 5px 92px;
}

div#homePageContent {
	margin: 60px 0px 60px 0px; 
}

p.homePageSmall {
	margin-top: 20px;
	color: #5C2434; /* #615850; */
	font-family:  "Bernhard Modern", Geneva, "Times New Roman", Times, "MS Serif", serif;
	font-size: 16px;
}
p.homePageLarge {
	margin-top: 50px;
	color: #5C2434; /* #615850; */
	font-family:  "Bernhard Modern", Geneva, "Times New Roman", Times, "MS Serif", serif;
	font-size: 22px;
}

div#mainContent {
	margin: 30px 110px 50px 110px; 
}

div#websiteBy {
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: 400;
	float: right;
}
div#websiteBy a:link { color: #2A2C50; }
div#websiteBy a:visited { color: #2A2C50; }
div#websiteBy a:hover { color: #BA4B32; }
div#websiteBy a:active { color: #BA4B32; } 



span.ul { text-decoration: underline; }	
span.indent { margin-left: 40px; }

div#contactInputForm table {
	background: #FAF2DE; 
}
div#contactInputForm td {
	font-size: 10px;
	padding: 5px 0px 5px 0px;
}
td.required {
	color: #AD0028;
	font-weight: 700;
}
input:focus {
	background-color: #FFFFE0;
}


.large { font-size: 14px; }
.larger { font-size: 16px; }
.largest { font-size: 18px; }
.small { font-size: 10px; }
.smaller { font-size: 9px; }
.smallest { font-size: 9px; }

.bookTitle {
	font-weight: 600;
	color: #1D215E; /* #695B54; */
}
.artTitle {
	font-weight: 600;
	color: #1D215E; /* #695B54; */
}

.pulloutQuoteBox {
	width: 240px;
	background-color: #F5F3EE;
	margin: 8px 0px 10px 20px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #572811;
	font-size: 12px;
	float: right;
}
.pulloutNavBox {
	width: 180px;
	background-color: #F5F3EE;
	margin: 8px 15px 10px 20px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #572811;
	font-size: 11px;
	line-height: 18px;
	letter-spacing: 1px;
	float: right;
}
.pulloutNavBox a {
	padding-left: 15px;
}

.indent {
	padding-left: 30px;
}

.quote  {
	font-size: 12px;
	margin-left: 40px;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #572811;
}	

div.genericList p {
	padding: 6px 0px 10px 0px;
}

div#bottomLinks {
	margin: 35px 0px 40px 0px;
	text-align: center;
	font-size: 10px;
}
div#bottomLinks hr {
	margin: 10px 68px 20px 68px;
}