BODY {
background: #F1F0EC url(http://www.hatrack.com/images2/background005.jpg) ;
	background-attachment: fixed;
	# background-size: cover;
	background-repeat: no-repeat;
	background-position: center 0px;
	font-family: arial,verdana,helvetica,sans-serif; font-size: 16px; color: #363636;
#	line-height: 150%;
}

 
	img{vertical-align:bottom}

	a:link { color: #0000FF;}
	a:visited { color: #336699;}
	a:active { color: #8B0000;}
	a:hover   { color: #8B0000;}
	
#	A.nav:link { color: #1C1C1C; text-decoration:none;}
#	A.nav:visited { color: #000000; text-decoration:none;}
#	A.nav:active { color: #FFFFFF; text-decoration:none;}
#	A.nav:hover   { color: #FFFFFF; text-decoration:none;}

	.menutext a:link { color: #0000FF; text-decoration:none;}
	.menutext a:visited { color: #336699; text-decoration:none;}
	.menutext a:active { color: #8B0000; text-decoration:none;}
	.menutext a:hover   { color: #8B0000; text-decoration:none;}
	
	.nowraplinks a { white-space: nowrap;}
	
# .mainnav1 { font-family: verdana,arial,helvetica,sans-serif; font-size: 15px; text-decoration: none;}
# .mainnav {font: normal normal 15px verdana,arial,helvetica,sans-serif;; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); color: #9C9C9C; white-space: nowrap;}
 .menutext { font-family: arial,helvetica,sans-serif; font-size: 12px; text-decoration:none; }
 .headline1 {font: normal normal 26px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); color: #363636;}
 .headline2 {font: normal normal 18px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); color: #363636;}
 .smalltext { font-family: arial,helvetica,sans-serif; font-size: 9px; text-decoration:none; }
 .smallnowrap { font-family: times,serif; font-size: 10px; text-decoration:none; margin: 0px; padding: 0px; color: black; white-space: nowrap; }


 .menuinfo { font-family: arial,helvetica,sans-serif; font-size: 10px; text-decoration:none; padding: 0px 0px 0px 0px; margin: -4px 0px 4px 10px; line-height: 130%; }
 .menuinfo-line { color: #778899; padding: 0px; margin: 0px; }
# .list2 {display: list-item; list-style-type: disc; list-style-position: inside; text-align: left; margin-left: 8px; text-indent: -8px; padding-bottom: 6px;}
 .list:before {content: "• \00a0"; }
 .list {text-align: left; margin-left: 7px; text-indent: -11px; padding-bottom: 6px; }
 .list2:before {content: "• \00a0"; }
 .list2 {text-align: left; margin-left: 7px; text-indent: -11px; padding-bottom: 6px; }
 
 .line-fade {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(90, 86, 71, 0.75), rgba(245, 245, 243, 0.75)); margin: 20px 0px 20px 0px; }
 .line-fade2 {border: 0; height: 3px; background-image: linear-gradient(to right, rgba(90, 86, 71, 0.75), rgba(245, 245, 243, 0.75)); margin: 20px 0px 20px 0px; }
 
 .margin-adjust {margin: 10px;}
 .padding-adjust {padding: 0px 0px 8px 18px !important;}
 .minimum-height {min-height: 700px; }

 .book-icons-container2 {width: 100%; margin: auto; text-align: center; padding-bottom: 10px; padding-top: 0px; border: 0px solid red;}
 .book-icons2 {display: inline-block; font-family: arial,helvetica,sans-serif; font-size: 12px; text-decoration:none; color: #000000; text-align: center;  text-transform: uppercase; padding-bottom: 10px; vertical-align: top; width: 145px; line-height: 150%; border: 0px solid green;}
 .book-icons2 img {background-color: #FFFFFF; padding: 5px; border: 1px solid #9C9C9C; margin: 0px 8px 0px 8px; width: 125px;}

 .book-icons-container3 {width: 100%; margin: auto; text-align: center; padding-bottom: 10px; padding-top: 0px; border: 0px solid red;}
 .book-icons3 {display: inline-block; font-family: arial,helvetica,sans-serif; font-size: 12px; text-decoration:none; color: #000000; text-align: center;  text-transform: uppercase; padding-bottom: 10px; vertical-align: top; width: 295px; max-width: 100%; line-height: 150%; border: 0px solid green;}
 .book-icons3 img {background-color: #FFFFFF; padding: 5px; border: 1px solid #9C9C9C; margin: 0px 8px 0px 8px; width: 275px; max-width: 100%;}

 .book-icons-container4 {width: 100%; margin: auto; text-align: center; padding-bottom: 10px; padding-top: 0px; border: 0px solid red;}
 .book-icons4 {display: inline-block; font-family: arial,helvetica,sans-serif; font-size: 10px; text-decoration:none; color: #000000; text-align: center;  text-transform: uppercase; padding-bottom: 10px; vertical-align: top; width: 110px; line-height: 150%; border: 0px solid green;}
 .book-icons4 img {background-color: #FFFFFF; padding: 5px; border: 1px solid #9C9C9C; margin: 0px 8px 0px 8px; width: 100px;}

 .pubdate2 {height: 18px; font-family: arial,helvetica,sans-serif; font-size: 9px; text-decoration:none; color: #000000;}

 .content-outer-round {
background-image: url('http://www.hatrack.com/images2/black10.png');
# background: transparent url(white50.png) repeat scroll top left;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-goog-ms-border-radius: 15px;
border-radius: 15px;
}

.main-outer-round {
# background: #FFFFFF;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 0 rgba(0, 0, 0, .15);
}

.main-outer-round-top-only {
# background: #FFFFFF;
-moz-border-radius: 9px 9px 0px 0px;
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-goog-ms-border-radius: 9px 9px 0px 0px;
border-radius: 9px 9px 0px 0px;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 0 rgba(0, 0, 0, .15);
}

 .image-effect {visibility: visible; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -goog-ms-border-radius: 10px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); color: #e7e7e7;}
 
 .image-shadow-large {visibility: visible; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.9); color: #e7e7e7;}
 .image-shadow-medium {visibility: visible; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); color: #e7e7e7;}
 .image-shadow-small {visibility: visible; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); color: #e7e7e7;}
 
# .hide-small {display: block; width: 150px; float: left; margin: 0px 20px 0px 10px;}
# .hide-large-small {display: none;}
# .hide-large-medium {display: none;}
# .hide-large {display: none;}
 
 .changing-menu {display: block; width: 150px; float: left; margin: 0px 20px 0px 0px;}
 .show-large {display: block;}
 .show-large-medium {display: block;}
 .show-medium {display: none;}
 .show-small {display: none;}
 
 .hide {display: none;}

 .print-only {display: none;} 
  
 .site-style-001{padding: 12px; color: #000000;}
 

 
 .frame001-full {background-image: url('http://www.hatrack.com/images2/background-default2.jpg'); background-size: cover; width:100%; max-width: 100%; margin: auto;  margin-bottom: 40px; padding:11px; text-align:center; color:#000000;}
 
 .sidebar001-left {background-image: url('http://www.hatrack.com/images2/background-default2.jpg'); background-size: cover; width:220px; max-width: 40%; margin: 0px 20px 10px 0px; padding:11px; text-align:center; float:left; color:#000000;}
 
 .sidebar001-right {background-image: url('http://www.hatrack.com/images2/background-default2.jpg'); background-size: cover; width:220px; max-width: 40%; margin: 0px 0px 10px 20px; padding:11px; text-align:center; float:right; color:#000000;}
 
  .sidebar002-left {width:220px; max-width: 40%; margin: 0px 20px 10px 0px; text-align:center; float:left; color:#000000;}

  .sidebar002-right {width:220px; max-width: 40%; margin: 0px 0px 10px 20px; text-align:center; float:right; color:#000000;}
 
  /* Don't Display Hamburger Sub-menus */
 .dropbtn {display: none;}
 
 
 
 
 
 
 
 
 
 
 

 /* Start Medium */
 @media screen and (max-width : 960px) {

 .content-outer-round {
background-image: none;
# background: transparent url(white50.png) repeat scroll top left;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-goog-ms-border-radius: 15px;
border-radius: 15px;
}

# .hide-small {display: none;}
# .hide-large-small {display: block;} 
# .hide-large-medium {display: none;} 
# .hide-large {display: block;} 
 
 .changing-menu {display: none;}
 .show-large {display: none;}
 .show-large-medium {display: block;}
 .show-medium {display: block;}
 .show-small {display: none;}
  
 .hide {display: none;}
 .print-only {display: none;} 
 
			}
  /* End Medium */
  
  
  
  
  
  
  
  
  
  
  
@media screen and (max-width : 768px) {

BODY {
	font-family: arial,verdana,helvetica,sans-serif; font-size: 14px; color: #363636;
#	line-height: 150%;
}

 .headline1 {font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); color: #363636;}
 .print-only {display: none;} 

			}

			
			
			
			
			
			
			
			
			
		
		

 /* Start Small */			
@media screen and (max-width : 601px) {

BODY {
	background: #FFFFFF;
	font-family: arial,verdana,helvetica,sans-serif; font-size: 16px; color: #363636;
#	line-height: 150%;
}

.main-outer-round {
# background: #FFFFFF;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

 .headline1 {font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); color: #363636;}
 
 .margin-adjust {margin: 0px;}
 .padding-adjust {padding: 0px 8px 8px 8px !important;}
 .padding-adjust2 {padding: 8px 0px 0px 0px !important;}
 .minimum-height {min-height: 100px; }
 
# .hide-large-small {display: none;} 
# .hide-large-medium {display: block;} 
 
 .changing-menu {display: block; width: 100%; text-align: right; margin: -5px 0px -5px 0px;}
 .show-large {display: none;}
 .show-large-medium {display: none;}
 .show-medium {display: none;}
 .show-small {display: block;}
 
 .hide {display: none;}
 .print-only {display: none;} 
 
 .image-shadow-large {visibility: visible; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.9); color: #e7e7e7;}
 .image-shadow-medium {visibility: visible; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); color: #e7e7e7;}
 .image-shadow-small {visibility: visible; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); color: #e7e7e7;}
 
  /* moves div down so hamburger menu is visible - only necessary when using "position: absolute;" in div */
 .small-menu-fix {clear: both; height: 1px;}
 
 .site-style-001{padding: 0px; color: #000000;}
 
 .frame001-full {background-image: none; width:100%; max-width: 100%; margin: 0px 0px 30px 0px; padding:0px; text-align:center; color:#000000;}
 
 .sidebar001-left {background-image: none; width:100%; max-width: 100%; margin: 0px 0px 10px 0px; padding:11px; text-align:center; float:initial; color:#000000;}
 
 .sidebar001-right {background-image: none; width:100%; max-width: 100%; margin: 0px 0px 10px 0px; padding:11px; text-align:center; float:initial; color:#000000;}

 .sidebar002-left {background-image: none; width:100%; max-width: 100%; margin: 0px 0px 10px 0px; padding:11px; text-align:center; float:initial; color:#000000;}

 .sidebar002-right {background-image: none; width:100%; max-width: 100%; margin: 0px 0px 10px 0px; padding:11px; text-align:center; float:initial; color:#000000;}
 
  /* Start Hamburger Sub-menus */	  
 .main-outer-round {
# background: #FFFFFF;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-goog-ms-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.dropbtn {display: block;}

.list2:before {content: ""; }
.list2 {width: 100%; text-align: left; margin-left: 0px; text-indent: 0px; padding: 0px; }

.dropbtn {
#    background-color: #ffffff;
    color: white;
    padding: 0px 4px 0px 14px;
#    font-size: 10px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
	right: 1px;
    background-color: #f9f9f9;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 7px 10px 7px 10px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {	background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
#    background-color: #ffffff;
}


 .dropbtn {
    background-color: #ffffff;
}
  /* End Hamburger Sub-menus */	

			}
 /* End Small */	
 
 
 
 
 
 
 
 
 

 /* Start Print */	
@media print {

BODY {
	background: #FFFFFF;
}

 .content-outer-round {
background-image: none;
# background: transparent url(white50.png) repeat scroll top left;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-goog-ms-border-radius: 0px;
border-radius: 0px;
}

.main-outer-round {
# background: #FFFFFF;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

# .hide-small {display: none;}
# .hide-large-medium {display: none;} 
# .hide-large {display: none;} 

 .changing-menu {display: none;}
 .show-large {display: none;}
 .show-large-medium {display: none;}
 .show-medium {display: none;}
 .show-small {display: none;}
 
 .hide {display: none;}
 
 .no-print {display: none;} 
 .print-only {display: block;} 
 .minimum-height {min-height: 10px; }
 
}
 /* End Print */