/*
CSS for Wire-Strung Harp Site Home Page
*/

/* Basic Style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {
	/* stop the text resizing when rotating an iphone */
    -webkit-text-size-adjust: 100%;
}
body {
	width:device-width;
	font-family:verdana, /*candara,*/ helvetica, arial, sans-serif;
	background:#FFF repeat-x left top;
	line-height: 1.25;
	font-size: 12px;
	color:#4A4344;
	margin:0;
	padding:0;
	margin: 0px auto;
}
p {
	font-size:1.2em;
	line-height:1.24;
	color:#4A4344;
}
.clear {
	clear: both;	
}
.clear_right {
	clear: right;	
}
.clear_left {
	clear: left;	
}
h1 {
    color: #f26522;
    font-size: 2em;
    line-height: 1.5;
    clear: right;
}
h2 {
    color: #f26522;
    font-size: 1.6em;
    line-height: 1.2;
    clear: right;
}
h3 {
    color: #818285;
    font-size: 1.4em;
    line-height: 1;
}
h4 {
    color: #ac5115;
    font-size: 1.3em;
    line-height: 1;
}
h5 {
    color: #818285;
    font-size: 1.0em;
    line-height: 1;
}
h5.sitemap {
	background-color: #c5c6c8;
		margin: 0px;
	padding: 10px;		
}
h5.sitemap a {
    float: right;
    display: block;
}
.right {
	text-align: right;	
}
img {
	max-width: 100%;	
}
/* list and paragraph definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul, ul.sitemap {
	list-style-type:none;
	margin:0;
}
ul.bullet {
    list-style-type: disc;
    font-weight: bold;
}
.ccbullet {
    list-style-type: disc;
    font-weight: normal;
}
ul.circle {
    list-style-type: circle;
    font-size: 0.8em;
}
ul.disc {
    list-style-type: disc;
    font-size: 1em;
}
ul.indent_bullet {
    list-style-type: disc;
    font-weight: bold;
 	margin-left:1em;
}
ul.sitemap {
 	margin-left:0.5em;	
}
ul.sitemap.indent1 {
 	margin-left:0em;	
}
ul.sitemap.indent2 {
 	margin-left:2em;	
}
ul.sitemap.indent3 {
 	margin-left:4em;	
}
ul.sitemap.indent4 {
 	margin-left:6em;	
}
ul span	{
	margin-left:1em;
}

dl {
	list-style-type:none;
	font-size:1.2em;
	line-height:1.5;
	margin:0;
}
dl dt /*double space */ {
	margin:10px 0 5px 0;
}
dl dd {
	padding-bottom: 10px;	
}
li {
	font-size:1.2em;
	line-height:1.6;
}
ul.highline li {
	margin: 1em 0;
}
ul.sitemap li, ul.sitemap li ul.sitemap li {
	font-size:1.0em;
}
ol	{
	margin-left:-10px;
}
.rbabullet li, .rbabullet2 li, .ccbullet li, .textbullet li {
    margin: 1em 0;
}
.rbabullet2 li {
	padding-left: 45px;	
}
.longlist {
	margin-left: 20px;	
}
.longlist dl  { /*was font-size:110%; line-height:2.1 */
	list-style-type:none;
	font-size:1.2em;
	line-height:1.5;
	margin:0;
}
.longlist dt { 
	margin-left:20px;
}
.longlist dd {
	margin-left:40px;
	font-size:1em;
}

/* Links text look 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a {
	font-weight:700;
	text-decoration:none;
}
a:link {color:#AC5115;}
a:visited {color: #AC5115;}
a:hover {
	color:#F26522;
	text-decoration: underline;
}
a:active {color:#4E9258;}
a img {border:3px solid #AC5115;}  /*so linking images have borders*/
a:hover img {border: 3px solid #F26522;}
#footer a {
	font-size: 1.4em;	
	line-height: 2;
}
#footer a:hover, #footer a.active {
	color: #F26522;
	text-decoration: underline;
	background: transparent;
}

/* Top Bar (grey)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#topper {
	background:#C5C6C8;
	height:2.7em;
}
#search {
	position: absolute !important;
	width: 50%;
	top: 0px;
	left: 50%;
	margin-top: -42px;
	margin-left: -10px;
	opacity: 0;
}
.cse .gsc-control-cse, .gsc-control-cse {
	background: none !important;
	border: none !important;	
}
.cse .gsc-control-cse, .gsc-control-cse {
	background: none !important;
	padding: 0 !important;	
}
.gsc-input-box {
	position: absolute !important;
	right: 50px;
	width: 180px !important;
	padding: 1px !important;
	display: none;
}
.gsc-search-button-v2 {
	position: absolute !important;
    padding: 7px 10px 7px 10px !important;
    right: 10px;
    cursor: pointer;
}
.gsc-adBlock {
	display: none !important;	
}
/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#header {
	height:11em;
	margin:1em auto;
	max-width:1024px;
	min-width:360px;
	position: relative;
}
.logo {
	position: relative;
	float:left;
}
.logo a img	{
	border-style:none;
	width: 360px;
	height: auto;
}

/* Primary Navigation 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#primarynav {
	text-align:left;
	width: 100%;
	height: 14em;
}
#primarynav ul {
	position: absolute;
	z-index: 10;
	width: 100%;
	display: none;
	padding: 0;
}
#primarynav ul li a {
	display: block;
	width: 90%;
	background: #FFF;
	color: #F26522;
	padding: 10px 5%;
	border-bottom: 1px solid black;	
}	
#primarynav ul li a:hover, #primarynav ul li a.active {
	background: #F26522;
	color: #FFF;
	text-decoration: none;
}
#nav_button {
	position: absolute;
	z-index: 11;
	top: -5px;
	right:20px;
	width: 50px;
	height: 50px;
	cursor:pointer;
	background: url('../images/menu1.png');
	background-size: cover;
}
#backnav, #secondarynavwide {
    float: right;
    text-align: right;
    font-size: 1.1em;
    line-height: 2em;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 20px;
}
 
#tertiarynav {
    width: 100%;
    position: absolute;
    display: block;
    margin: 0px 0px 20px 0px;
    top: 0;
    z-index: 100;
}
#tertiarynav ul {
    list-style-type: disc;
	display: block;
	margin: 20px auto;
	width: 80%;
	padding: 0;
	font-size: 0.85em;	
}
/*
#tertiarynav ul {
	display: block;
	position: relative;
	margin: 20px auto;
	width: 360px;
	font-size: 0.85em;	
	padding: 0;
}
#tertiarynav ul li a {
	display: block;
	width: 96%;
	background: #FFF;
	color: #F26522;
	padding: 10px 2%;
	border-bottom: 1px solid black;	
}	
#tertiarynav ul li:nth-child(1) a {
	border-top: 1px solid black;	
}
#tertiarynav ul li a:hover, #tertiarynav ul li a.active {
	background: #F26522;
	color: #FFF;
	text-decoration: none;
}
*/
#tertiary_wrapper #summarycontent {
	margin-top: 265px;	
}

/* color lines to divide page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#orangeline {
	clear:both;
	background:#F26522 none; 
	/*height:0.42em;*/
	height:5px;
}
.skinshortline { /* skinny light, short */
	background:#C5C6C8 none;
	height:2px;
	width:50%;
	margin:15px 0 10px 25%;
}
.skinnyline {
    background: #c5c6c8 none;
    height: 2px;
    margin: 10px 0;
    clear: both;
}
#creative_commons_narrow > .skinnyline {
	width: 110%;
	margin-left: -5%;
}
.skinnyline + #creative_commons_narrow {
	margin-top: 0px;	
}
.onethirdline	{  /* 1/3 line for footnotes */
	background:#818285 none;
	height:0.1em;
	width:35%;
	margin:2em 0 0 0;
}
.shortline {
    background: #4a4344 none;
    height: 0.12em;
    width: 20%;
	margin:0px 0 10px 40%;
}
.thickline {
    background: #818285 none;
    height: 5px;
    margin: 10px 0;
}
/* Summary-level area pages 1 and 2: picture/show, 2nd nav and summary
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrapper {
	position: relative;
	margin:0 auto;
	max-width:1024px;
	min-width:360px;
	overflow-x: hidden;
}
#homesummarycontent, #summarycontent {
	width: 96%;
	min-height: 250px;	
	margin:1em auto;
	padding:0 2% 0.5em 2%;
}
/* Slide Show Formatting 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#slideshow, .feature {
	margin: 20px auto;
    position: relative; 
	width:320px;
	height: 212px;
	padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
	overflow: hidden;
	z-index: 1;
}
#slideshow > img, .feature > img { 
    position: absolute; 
	width:320px;
	height: auto;
	top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

/* Page Summary Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#homepagesummary, #pagesummary {
	position: relative;
	width:96%;
	margin:20px auto;
	padding-top: 20px;
}
#pagesummary {
	clear: left;
}
#page3summary {
	width:80%;
	margin:20px auto 0 auto;
}	
#pagesummary ul.bullet {
	margin-left: 0px !important;
	padding: 0 20px;
}	
#movetotop {
	width:100%;
	clear: left;	
}
/* content - descriptive content below pretty stuff
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#bodycontent {
	position: relative;
	width:96%;
	margin: 10px 0px 0px 0px;
	padding: 0px 2%;
	clear: left;
}
.bodycontentleft {
    display: block;
    float: left;
    width: 40%;
    margin-left: 20px;
}
.bodycontentright {
    display: block;
    float: right;
    width: 40%;
    margin-right: 20px;
    margin-left: -20px;
}
.bodypop {
	position: relative;
    max-width: 800px;
    margin: 20px auto;
    padding: 10px;
}
.widepop {
    max-width: 1000px;
    margin: 20px auto;
    padding: 10px;
}
#faq_box {
    border: 5px ridge #f26522;
    width: calc(98% - 20px);
    background: #eeeff3;
    margin: 10px auto;
    padding: 0 10px;
}
#answer_box {
    width: calc(98% - 20px);
    margin: 10px auto;
    padding: 0 10px;
}
#libraryhead {
    display: block;
    width: 100%;
    float: left;
    margin: -20px 0 10px 0;
    clear: right;
}
.librarypages {
    display: block;
    float: right;
	width: 96%;
	margin: 0px 3% 10px 1%;
}
.librarysection {
    float: right;
    width: 100%;
}
.largethumb, .dowthumb, .buntingthumb, .librarythumb, .librarysection .librarythumb {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px 0px 10px 0px;
}
.craigthumb {
    width: 100%;
    height: auto;
    margin: 0px auto 10px auto;
}
.buntingthumb {
	background-image: url(../library/local_books/bunting_1796_1.jpg);
	width: calc(100% - 13px);
	border: 3px solid #ac5115;
	padding: 0 3px 0 10px;
	min-height: 330px;
}
.dowthumb {
    background-image: url(..//library/local_books/dow_sample.jpg);
	width: calc(100% - 13px);
	border: 3px solid #ac5115;
	padding: 0 3px 0 10px;
	min-height: 260px;
}
.librarysection a, .librarysection900 a {
    font-weight: normal;
    text-decoration: none;
}
#librarypopup, #librarypopup2, #librarypopup3 {
    display: block;
    float: right;
    width: 96%;
    margin: 0px 3% 10px 0;
}
#librarypopup3 {
    margin: 0px 2% 10px 2%;
}
#librarypopup #pdfViewer, #librarypopup iframe, #librarypopup3 iframe, #librarypopup .image, .librarypages #pdfViewer, .librarypages iframe, #librarypopup3 #pdfViewer {
    border: 5px ridge #f26522;
    width: 100%;
    min-height: 40px;
    margin:0;
}
#poppagesummary, #poppagesummary2 {
    display: block;
    width: 100%;
    float: left;
    clear: left;
    margin: 0 0 20px 0;
}
#poppagesummary3 {
    display: block;
    width: 100%;
    clear: left;
    margin: 0 0 20px 0;
}
#adam_craig {
	clear: none;	
}
#bibliography	{
width: 100%;
margin: 10px auto;
clear: right;
overflow-x: scroll;
}
#bibliography table td {
	vertical-align: top;	
}
.narrow_only {
	display: block;	
}
.texter {
    display: none;
}
.more {
    font-weight: bold;
    color: #ac5115;
    cursor: pointer;
}
#footnotes {
	width: 100%;
	clear: both;
}	
#creative_commons	{
	clear:both;
	width:100%;
}
#creative_commons p	{
	float:left;
	padding:0 0.625em 0.625em 2.5em;
	font-size:0.85em;
	clear: left;
}
#creative_commons a img {
	margin:0 2.5em 1.25em 0;
	float:right;
	width:11%;
	min-width:88px;
}
#creative_commons_narrow, #creative_commons_wide {
	position: relative;
    clear: both;
    width: 90%;
    min-width: 90%;
    margin: 2em auto;
}
#creative_commons_wide {
	width: 100%;	
}
#creative_commons_narrow p, #creative_commons_wide p {
    float: left;
    padding: 0 10px 5px 10px;
    font-size: 0.85em;
    width: calc(100% - 130px);
}
#creative_commons_narrow a img, #creative_commons_wide a img {
    margin: 10px 10px 10px 0px;
    float: right;
    width: 88px;
}
.fnsevindentnn {
    display: block;
    margin-left: 38px;
    margin-top: -32px;
}
.lhead {
    background-color: #fff;
    padding: 3px;
    font-weight: bold;
    font-size: 1.4em;
    margin: 10px 0 0 0;
}
.longtext p {
	line-height:1.7;
	display:block;
}
.longtext.small p {
	font-size: 1.1em;
	line-height:1.5;
	display:block;
}
.pageno {
    color: #f26522;
}
.group_box, .group_box_wide {
    display: block;
    overflow: hidden;
	width: 90%;
	max-width: 90%;
	margin: 0px auto;
	text-align: center;
}
.group_box h1, .group_box_wide h1, .group_box_right h1 {
	text-align: left;
}
.picture_wide_box, .librarysection900 {
    display: block;
	clear: both;	
	width: 100%;
}
.group_box > p, .group_box_wide > p, .group_box .longtext p, .group_box_wide .longtext p, .group_box_wide .fnspace p, .group_box_right > p {
	text-align: left;	
}
.group_box_wide {
	width: 100%;
}
.group_box > .lightboxleft {
    width: 100%;	
    max-width: 100%;    	    
    float: left;
    display: table;
    vertical-align: top;
}
.group_box + .lightboxleft {
	margin: 10px 0px 10px 0px;
}
.group_box > .lightboxright {
    width: 100%;	
    max-width: 100%;    	    
    float: right;
    display: table;
    vertical-align: top;
}
.group_box > .feature_left, .group_box > .feature_right  {
	width: 100%;
	max-width: 100%;
	float: left;
	display: table;
	vertical-align: top;
}
.group_box > .feature_right  {
	float: right;
}
#poppagesummary > .lightboxleft {
    width: 100%;	
    max-width: 100%;    	    
    float: left;
    display: table;
    vertical-align: top;
}
.thumbnail {
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
    margin-bottom: 1%;
}
.thumbnailfancy {
	width: 100%;
	margin: 10px 0px 10px -10px;
	text-align: center;
}
.thumbnailfancy a {
	max-width: 30%;
	display: inline-block;	
	vertical-align: top;
	margin-right: 2%;
}
.thumbnailfancy a img {
	width: 100%;
	height: auto;	
}
.group_box_wide .thumbnail {
	width: 30%;
}
.group_box_wide .thumbnail img, .group_box_right .thumbnail img {
	width: 100%;	
	height: auto;
	/* max-height: 150px; */
}
.group_box_right .thumbnail {
	width: 18%;	
}
.picture_box {
    display: table;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}
.picture_box_wide {
    display: table;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.picture_box:after, .picture_box_wide:after {
  content: "";
  display: table;
  clear: both;
}

.picture_box .feature_left, .picture_box .lightbox_left, .picture_box .featureleft, .picture_box .lightboxleft, .picture_box .feature_right, .picture_box .lightbox_right, .picture_box .featureright, .picture_box .lightboxright, .picture_box_wide .feature_left, .picture_box_wide .lightbox_left, .picture_box_wide .featureleft, .picture_box_wide .lightboxleft, .picture_box_wide .feature_right, .picture_box_wide .lightbox_right, .picture_box_wide .featureright, .picture_box_wide .lightboxright {
    max-width: 90%;  
    max-height: 600px;  	    	
}
.picture_box .feature_wide img, .picture_box .large_left img, .picture_box .feature_left img, .picture_box .lightbox_left img, .picture_box .featureleft img, .picture_box .lightboxleft img, .picture_box .feature_right img, .picture_box .lightbox_right img, .picture_box .featureright img, .picture_box .lightboxright img, .picture_box_wide .feature_wide img, .picture_box_wide .large_left img, .picture_box_wide .feature_left img, .picture_box_wide .lightbox_left img, .picture_box_wide .featureleft img, .picture_box_wide .lightboxleft img, .picture_box_wide .feature_right img, .picture_box_wide .lightbox_right img, .picture_box_wide .featureright img, .picture_box_wide .lightboxright img {
    width: auto;
    max-width: 97%;
    height: auto;
}
.librarythumb img, .craigthumb img, .largethumb img, .dowthumb img, .buntingthumb img, .feature_right_wide img, .feature_right_small img, .feature_left_small img, .feature_right_narrow img, .feature_right_super_narrow img, .feature_left_super_narrow img, .feature_left_narrow img, .lightboxleft_small img, .feature_right_med img, .feature_left_wide img, .lightboxleft_wide img {
	width: 100%;
	height: auto;	
}
.feature_left_small img {
	max-height: 720px;
	width: 100%;
	position: relative;
	display: block;
    margin: 0 auto;		
}
.lightboxcenter {
	position: relative;
	display: table;
    margin: 0 auto 10px auto;
}
.feature_left, .lightbox_left, .lightboxleft_wide, .featureleft, .lightboxleft, .feature_left_small, .feature_left_wide, .lightboxleft_wide, .feature_left_med, .lightboxleft_small, .feature_left_narrow, .feature_left_super_narrow {
	display: table;
	clear: left;
    float: none;
    margin: 0 auto 10px auto;
    max-width: 100%;
    width: 100%;
    position: relative;
    z-index: 100;
    image-rendering: optimizeQuality;
}
.feature_right, .lightbox_right, .featureright, .lightboxright, .feature_right_small, .feature_right_wide, .feature_right_med, .feature_right_narrow, .feature_right_super_narrow {
	display: table;
	clear: right;
	float: none;
    margin: 0 auto 10px auto;
    max-width: 100%;    
    width: 100%;
    position: relative;
    z-index: 100;
    image-rendering: optimizeQuality;
}
.feature_right_small, .feature_left_small {
	max-width: 97%; 
}
.feature_right_narrow {
	max-width: 35%; 
	float: right;
	margin: 0px 0px 10px 20px;
}
.feature_left_narrow {
	max-width: 35%; 
	float: left;
	margin: 0px 20px 10px 0px;
}
.feature_right_super_narrow {
	max-width: 25%; 
	float: right;
	margin: 0px 0px 10px 20px;
}
.feature_left_super_narrow {
	max-width: 25%; 
	float: left;
	margin: 0px 20px 10px 0px;
}
.feature_left_med, .feature_right_med, .feature_left_wide, .feature_right_wide, .lightboxleft_wide {
	width: 96%;
	max-width: 100%;
	margin: 0 auto 10px 0;
}
.featureharp {
 	display: table;
    float: none;
    width: 100%;
    padding: 5px;
	margin: 0 auto;    
}
.featureharp p.no_image {
	margin-top: 30px;
	font-size: 1em;
}
.featureharp img, .featureharpmed img, .featureharpwide img, .picture_box img {
	width: 98%;
	height: auto;	
}
.featureharpmed, .featureharpwide {
 	display: table;
    float: none;
    width: 100%;
    padding: 5px;
}
.feature_full, .feature_center_wide, .feature_center_medium, .feature_center_small {
 	display: table;
 	position: relative;
    width: 100%;
    margin: 10px auto;
}
.feature_center_medium {
	width: 70%;	
}
.feature_center_small {
	width: 50%;	
}
.librarythumb p, .largethumb p, .feature_wide p, .feature_left_wide p, .lightboxleft_wide p, .feature_right_narrow p, .feature_left_narrow p, .feature_right_super_narrow p, .feature_left_super_narrow p, .feature_right_med p, .featureharpmed p, .harpscollage p, .feature_full p, .feature_center_wide p, .feature_center_small p, .thumbnail p, .feature_right_wide p, .feature_left_small p, .featureharpwide p, .featureharp p, .feature_right_small p, .lightboxcenter p, .oldnewsphoto p, .feature_right p, .feature_left p, .lightbox_right p, .lightbox_left p, .picture_box p, .group_box p, .group_box_wide p, .group_box_right p, .featureright p, .featureleft p, .lightboxright p, .lightboxleft p, .picturebox p, .lightboxleft_small p {
    font-size: 0.75em;
    font-weight: bold;
    margin-top: 0;
    line-height: 1.4;
}
p.centertext {
	text-align: center;
	font-size: 1.1em;
	font-weight: normal;	
}
.harpscollage p {
	clear: left;
	text-align: left;	
}
.lightboxcenter p, .feature_right_wide p {
	text-align: center;	
}
.librarythumb p span, .largethumb p span, .feature_wide p span, .feature_left_wide p span, .lightboxleft_wide p span, .feature_right_narrow p span, .feature_left_narrow p span, .feature_right_super_narrow p span, .feature_left_super_narrow p span, .feature_right_med p span, .featureharpmed p span, .harpscollage p span, .feature_full p span, .feature_center_wide p span, .feature_center_small p span, .feature_right_wide p span, .feature_left_small p span, .featureharpwide p span, .featureharp p span, .feature_right_small p span, .oldnewsphoto p span, .group_box p span, .group_box_wide p span, .group_box_right p span, .feature_right p span, .feature_left p span, .lightbox_left p span, .lightbox_right p span, .groupbox p span, .featureright p span, .featureleft p span, .lightboxleft p span, .lightboxright p span, .lightboxleft_small p span {
    font-weight: normal;
    color: gray;
}
.caption {
    display: table-caption;
    caption-side: bottom;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1.4;
    padding-left: 1em;
    padding-right: 1em;
}
.group_box > .caption {
	clear: both;
	width: 100%;
	min-width: 100%;
}
.picture_box .caption, .lightbox_right .caption, .lightbox_left .caption, .feature_left .caption, .feature_right .caption, .featureharp .caption, .picturebox .caption, .lightboxright .caption, .lightboxleft .caption, .featureleft .caption, .featureright .caption {
    display: table-caption;
    caption-side: bottom;
}
.harpsprose .caption, .harpsprose_right .caption {
	width: 100%;	
}
.wrap, .sans {
    width: 90%;
    font-size: 0.9em;
    margin: 0 auto;
	padding: 0px 0px 0px 0px;
}
.wrap li {
    line-height: 1.6em;
    position: relative;
    border-bottom: 1px dashed #AC5115;
    clear: both;
    margin: 0 0 .2em 0;
    min-height: 0;
}
.sans li {
    line-height: 1.6em;
    position: relative;
    border-bottom: 1px dashed #FFF;
    clear: both;
    margin: 0 0 .2em 0;
    min-height: 0;
}
.wrap li em, .sans li em {
    /* background: white; */
    padding: 0 5px 0 0;
    color: #AC5115;
    position: relative;
    margin: 0;
    top: .25em;
    /* width: 20px; */
    display: inline-block;
    width: calc(100% - 95px);
    font-style: normal;
}
.wrap li em span, .sans li em span {
	background: #FFF;
	margin-left: 0;
	padding-right: 5px;
}
.wrap li div, .sans li div {
    background: #FFF;
    padding: 1px 0 1px 5px;
    color: #AC5115;
    position: absolute;
    bottom: -.35em;
    right: -1px;
    display: inline-block;
    width: 96px;
    text-align: right;
}
.wrap li div.underline, .sans li div.underline {
    text-decoration:underline;
}
.feature_wide {
	position: relative;
	max-width: 780px;
	margin: 10px auto;	
}
.large_left {
	position: relative;
	width: 80%;
	float: none;
	margin: 0 auto;		
}
.oldnewsclipcenter img, .oldnewsclipright img, .oldnewsphoto img, .feature_full img, .feature_center_wide img, .feature_center_small img, .lightboxcenter img, .feature_wide img, .large_left img, .feature_left img, .lightbox_left img, .featureleft img, .lightboxleft img, .feature_right img, .lightbox_right img, .featureright img, .lightboxright img {
	width: 97%;
	height: auto;	
}
.center {
	text-align:center;	
}
.poem {
    font-size: 1.2em;
    line-height: 1.5;
    display: block;
    margin: 0 0 15px 10%;
}
.indexprose, .narrow {
    display: block;
    width: 70%;
    margin: 20px auto;
}
.intro {
    color: #7a3405;
    max-width: 80%;
    margin: 0 auto 20px auto;
}
.quotecolor p {
    color: #ac5115;
    font-size: 1em;
    line-height: 1.7;
	position: relative;
	z-index: 0;
}
blockquote, blockquote p {
	/* font-style: italic; */
	display:block;
	color: #4a4344;
	font-size:1.1em;
	line-height:1.7;
	position: relative;
	margin-left: 1em;
	margin-right: 1em;
	z-index: 0;
}
blockquote table {
	margin: 0px -0.5em 0px -0.5em;
}
blockquote table td {
	vertical-align: top;	
}
.quotecolor{
	color:#ac5115;
	font-size:1em;
	line-height:1.7;
}
.harpsprose blockquote p, .harpsprose_right blockquote p {
	margin-left: 0;
	font-size: 1.0em;
}
.harpscollage {
	width: 80%;	
	margin: 10px auto;
}
.harpscollage2 {
	width: 75%; 
	max-width: 200px;
}
.harpscollage a {
	display: inline-block;
	width: 30%;
    margin: 10px 10px 0 0;
}
.harpscollage a img {
    width: 100%;
    height: auto;
}
.harpscollage img {
	display: table;
	vertical-align: top;
	width: 80%;
	margin: 0 1% 10px 0;
	float: left;
	height: auto;
}
.harpscollage img:nth-child(2n+1) {
	clear: none;	
}
.harpscollage2 img {
	display: table;
	vertical-align: top;
	max-width: 90%;
	margin: 0 1% 10px 0;
	float: left;
	height: auto;
}
.large_indent {
	margin-left: 3em;
}
.histlistlinks a {
	width: 30%;
    display: inline-block;
	float: left;  
	margin-bottom: 5px;	  
}
.histlistlinks a img {
    width: 100%;
    height: auto;
    display: inline-block;
	margin-right: 10px;    
}
.histlistlinks p {
    height: auto;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 0 5px;
}
.histlistlinks p.width25 {
	width: 60%;	
}
.histlistlinks p.width50 {
	width: 100%;	
}
.histlistlinks p.width25, .histlistlinks p.width50 {
    margin: 0;
} 
.histlistlinks p.width25 a, .histlistlinks p.width50 a {
	width: 100%;
}
.oldnews h1 {
    color: #AC5115;
    font-size: 1.2em;
    line-height: 1;
}
.oldnews h2 {
    font-size: 1em;
    line-height: 1.24;
    color: #4A4344;
    display: block;
    text-align: left;
    vertical-align: top;
    width: 95%;
    margin: 0 25px 0 25px;
}
.oldnews h3 {
	font-size: 1.1em;
	line-height: 1.5em;
	color: #818285;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	width: 95%;
}
.oldnews p {
    display: block;
    vertical-align: top;
    width: 95%;
    margin: 10px 25px 15px 25px;
    line-height: 1.24;
}
.oldnewsctr {
    text-align: center;
}
.oldnewsphoto {
    float: left;
    width: 100%;
    height: auto;
    margin: 0 10px 0 0;
}
div.oldnewsphoto p.oldnewsphoto {
	margin-left: 0px;	
}
.oldnewsclipright {
    float: right;
    margin: 0 10px 20px 0;
}
.oldnewsclipcenter {
	width: 95%;
    margin-left: 25px;
	text-align: center;
}
.indentnews {
    width: 95%;
    margin-left: 25px;
}
.indentnews > p {
	width: 100%;
	margin-left: 0;	
}
.indentnews blockquote {
	margin-left: 25px;	
}
.orangeborder {
    border: 5px ridge #f26522;
	max-width: 100%;    
}
.credit {
    font-size: 0.75em;
    font-weight: bold;
    margin-top: 0;
    line-height: 1.4;
}
.backtotop {
    float: right;
    margin: -5px 10px 0 0;
}
.table {
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0 auto;
    border: 5px ridge #F26522;
}
.tabulate {
    margin: 0 auto;
    /* margin-left: auto; */
    text-align: left;
    line-height: 1.5;
    width: 94%;
    border-collapse: collapse;
    border: .0px solid #F26522;
    margin-left: 3%;
}
.tabulate th {
    vertical-align: top;
}
.tabulate td, .glossary td, .poetry td {
    padding-right: .5em;
    border: .0px solid #F26522;
}
.tabulate td {
    padding-bottom: .5em;
    vertical-align: top;
}
.dashleader, .tabulate td.dashleader {
    border-bottom: 1px dashed #818285;
}
.tablehover tr:hover {
    background-color: #fef3ee;
}
.table tr {
    width: 100%;
}
.table th {
    font-size: 1.1em;
    text-align: center;
    background: #C5C6C8;
    color: #AC5115;
    border: 1px solid #F26522;
    padding: .5em;
}
.table td {
    font-size: 1em;
    background-image: url("../images/td_tall.jpg");
    border: 1px solid #F26522;
    padding: .5em;
}
table.poetry {
    font-size: 1em;
	width: 100%;	
}
.wide th {
    font-size: 1.0em;
    padding: .2em;    
}
.wide td {
    font-size: 0.9em;
    padding: .1em;    
}
.dashleader {
    border-bottom: 1px dashed #818285;
}
.pdleft1em {
    padding-left: 0.5em;
}
.pdleft3em {
    padding-left: 1em;
}
.pdleft5em {
    padding-left: 1.5em;
}
.col-7	{
	width:7%;
}
.col-10	{
	width:10%;
}
.col-15 {
	width:15%;
}
.col-25	{
	width:25%;
}
.col-30	{
	width:30%;
}
.col-33 {
	width:33%;
}
.col-37 {
	width:37%;
}	
.col-40	{
	width:40%;
}
.col-45	{
	width:45%;
}
.col-47	{
	width:47%;
}
.col-50	{
	width:50%;
}	
.col-55 {
	width:55%;
}
.col-60 {
	width:60%;
}
.col-63 {
	width:63%;
}
.col-75	{
	width:75%;
}
.col295 {
    width: 36%;
}
.col260 {
    width: 30%;
}
.table caption {
	color:#AC5115;
	font-size:1.5em;
	line-height:1.5;
	font-weight:700;
	text-align:center;
	padding-bottom:1em;
}
.harptable {
    border-collapse: collapse;
    float: none;
    width: 100%;
    margin: 0 auto 10px auto;   
}
.harptable::after {
  content: "";
  display: table;
  clear: right;
}
.harptable + .harpsprose {
  clear: right;
}
.harptable.wide_20 {
	width: 20%;	
	float: right;
}
.harptable.wide_25 {
	width: 25%;	
}
.harptable.wide_30 {
	width: 30%;	
}
.harptable.wide_50 {
	width: 50%;	
}
.harptable th {
    font-size: 1.1em;
    text-align: center;
    background: #c5c6c8;
    color: #ac5115;
}
.harptable th, .harptable td {
    padding: 0.5em;
    border: 1px solid #f26522;
}
.harptable td {
    font-size: 1em;
    background-image: url('../images/td_light.jpg');
}
.harpsprose, .harpsprose_right {
    display: block;
    float: none;
    width: calc(100% - 20px);
    margin: 20px auto;
	padding: 0px 10px;    
}
.harpsprose_right {
    float: right;
    width: 95%;
}
.harpsprose img, .harpsprose_right img {
	width: 100%;
	height: auto;
}
.harptable caption, .harpdetail caption {
    color: #4a4344;
    font-size: 1.1em;
    font-weight: 700;
    text-align: center;
    padding-bottom: 1em;
}
.harpswide {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.harpsverywide {
    display: block;
    width: 80%;
    margin: 0 auto 20px auto;
}
.harpswide table {
	width: 100%;	
}
.harpswide table td {
	width: 33%;
}
.harpswide table td img, .harpsverywide img {
	width: 100%;
}
.harpswide p {
    font-size: 1em;
    font-weight: 700;
    margin-top: 0;
    line-height: 1.4;
}
.fnspace p {
    line-height: 1.4;
    display: block;
}
.colsm {
    width: 25%;
    min-width: 100px;
}
.collg {
    width: 75%;
}
/* iconic links on home page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#homepagelinks {
	width:99%; 
	margin:0; 
	text-align:center; 
	min-width: 358px;
}	
#homepagelinks a img {
	width:calc(100% - 10px); 
	height:auto;
}
#homepagelinks a {
	border:solid 3px #ffffff; 
	padding:3px 3px 2px 3px; 
	display:inline-block;
	width:28%; 
}
#homepagelinks a:link {
	border:solid 5px #ffffff; 
}
#homepagelinks a:hover {
	border:solid 5px #F26522; 
}
#homepagelinks a:active {
	border:solid 5px #4E9258; 
}

/* Footer formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer {
	clear:both;
	width:100%;
	text-align:center;
	border-top:solid 1px;
	border-bottom:solid 1px;
	margin:2em auto;
	padding: 10px 5px 40px 5px;
}
#backToTop {
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: url('../images/to_top.png');
	background-size: cover;	
	z-index: 200;
}
.columnleft {float: left; padding-left:1em; margin: 10px 0;}
.columncenter {text-align: center; }
.columnright {float: right; padding-right:1em; margin: 10px 0;}

/* Media Inquiries
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* everything above is the default for small screens. using media rules to change as the screen widens */
@media screen and (min-width: 480px) {
	body {
		overflow-x: hidden;	
	}
	#header {
		height:14em;
	}
	.logo a img	{
		width: 500px;
	}
	#nav_button {
		top: -5px;
		right:30px;
	}
	#slideshow {
		width:400px;
		height: 266px;
	}
	#slideshow > img { 
		width:400px;
		height: auto;
	}
	#tertiarynav {
	    width: 40%;
	    position: relative;
	    display: inline-block;
	    float: left;
	    margin: 0px 10px 30px 20px;
	}
	#tertiarynav ul {
		padding-left: 20px;
		width: auto;	
		margin: 0;
		font-size: 1em;	
	}
	#tertiarynav ul li a {
		display: inline;
		background: transparent;
		color: #AC5115;
		padding: 0px;
		border-bottom: none;	
	}	
	#tertiarynav ul li:nth-child(1) a {
		border-top: none;	
	}
	#tertiarynav ul li a:hover, #tertiarynav ul li a.active {
		color: #F26522;
		text-decoration: underline;
		background: transparent;
	}	
	#tertiary_wrapper #summarycontent {
		margin-top: 1em;	
	}					
	.bodycontentleft {
	    width: 40%;
	    margin-left: 40px;
	}
	.bodycontentright {
	    width: 40%;
	    margin-right: 40px;
	}
	.wide th {
	    font-size: 1.1em;
	    padding: .5em;    
	}
	.wide td {
	    font-size: 1.0em;
	    padding: .5em;    
	}
	.group_box_right .thumbnail {
		width: 11%;	
	}
	.large_indent {
		margin-left: 6em;
	}
	.craigthumb, .largethumb {
	    float: left;
	    width: 45%;
	    height: auto;
	    margin: 0px 20px 10px 0px;
	}	
	.dowthumb, .buntingthumb {
	    float: left;
	    width: calc(45% - 13px);
	    height: auto;
	    margin: 0px 10px 10px 0px;		
	}
	.librarysection900 .craigthumb, .librarysection900 .largethumb, .librarythumb, .librarysection .librarythumb {
	    float: left;
	    width: 31%;
	    height: auto;
	    margin: 0px 2% 10px 0px;
	}
	.librarysection900 .dowthumb, .librarysection900 .buntingthumb {
	    float: left;
	    width: calc(30% - 13px);
	    height: auto;
	    margin: 0px 10px 10px 0px;		
	}
	/* moved from 768 */
	h1 {
	    clear: none;
	}	
	h2 {
	    clear: none;
	}	
	#slideshow, .feature {
		margin: 10px 20px 20px 20px;
		float:left;
	}    
	#librarypopup, #librarypopup2, #librarypopup3 {
    	width: 60%;
	}
	#librarypopup .image {
    	width: 75%;
		margin: 0 auto;
		display: block;
	}
	#librarypopup2 .image	 {
    	width: 100%;
	}
	#poppagesummary, #poppagesummary2 {
	    display: block;
	    width: 35%;
	    float: left;
	    clear: left;
	    margin: 0 0 20px 0;		
	}
	#poppagesummary3 {
	    clear: left;
	    margin: 0 0 20px 0;		
	}
	#librarypopup2 {
		width: 40%;
	}
	#poppagesummary2 {
		 width: 55%;
	}	
	#homepagelinks a {
		border:solid 5px #ffffff; 
		padding:5px 5px 3px 5px; 
	}
	#homepagelinks a:link {
		border:solid 10px #ffffff; 
	}
	#homepagelinks a:hover {
		border:solid 10px #F26522; 
	}
	#homepagelinks a:active {
		border:solid 10px #4E9258; 
	}	
	#pagesummary {
		clear: none;
	}		
	ul.indent_bullet {
	 	margin-left:5em;
	}
	ul.sitemap {
	 	margin-left:2em;	
	}
	ul.sitemap.indent1 {
	 	margin-left:4em;	
	}
	ul.sitemap.indent2 {
	 	margin-left:8em;	
	}
	ul.sitemap.indent3 {
	 	margin-left:12em;	
	}
	ul.sitemap.indent4 {
	 	margin-left:16em;	
	}
	ul span	{
		margin-left:5em;
	}
	blockquote, blockquote p {
		margin-left: 5em;
	}	
	blockquote table {
		margin: 0px;
	}
	.pdleft1em {
	    padding-left: 1em;
	}
	.pdleft3em {
	    padding-left: 3em;
	}
	.pdleft5em {
	    padding-left: 5em;
	}
	.harpsprose blockquote p {
		font-size: 1.1em;	
	}
	.harpsprose_right {
	    float: right;
	    width: 58%;
	}
	.large_left {
		width: 60%;
		float: left;
		margin: 0 20px 10px 0;		
	}
	.group_box > .lightboxleft {
	    width: 47%;	
	    max-width: 47%;    	    
	}
	.group_box > .lightboxright {
	    width: 47%;	
	    max-width: 47%;    	    
	}
	.group_box > .feature_left, .group_box > .feature_right  {
		width: 47%;
		max-width: 47%;
	}	
	.group_box + .lightboxleft {
		margin: 20px 20px 20px 5%;
	}
	.group_box_wide .thumbnail {
		width: 15%;
	}
	#poppagesummary > .lightboxleft {
		width: 80%;
		margin: 10px 10%;	
		max-width: 80%; 
	}
	.feature_left, .lightbox_left, .featureleft, .lightboxleft, .feature_left_small, .feature_left_wide, .lightboxleft_wide, .feature_left_med, .lightboxleft_small, .feature_left_narrow, .feature_left_super_narrow {
	    float: left;
	    margin: 0 20px 10px 0;
	    max-width: 45%;
	}
	.feature_right, .lightbox_right, .featureright, .lightboxright, .feature_right_small, .feature_right_wide, .feature_right_med, .feature_right_narrow, .feature_right_super_narrow {
		float: right;
	    margin: 0px 5px 10px 20px;
	    max-width: 45%;
	}
	.picture_box .feature_left, .picture_box .lightbox_left, .picture_box .featureleft, .picture_box .lightboxleft, .picture_box .feature_right, .picture_box .lightbox_right, .picture_box .featureright, .picture_box .lightboxright, .picture_box_wide .feature_left, .picture_box_wide .lightbox_left, .picture_box_wide .featureleft, .picture_box_wide .lightboxleft, .picture_box_wide .feature_right, .picture_box_wide .lightbox_right, .picture_box_wide .featureright, .picture_box_wide .lightboxright {
	    max-width: 48%;  
	}
	.picture_box .feature_left + .feature_right, .picture_box_wide .feature_left + .feature_right, .group_box .feature_left + .feature_right {
		margin: 0px 0 10px -20px;
	}
	.feature_right_small, .feature_left_small {
		max-width: calc(40% - 45px); 
		width: 40%;
	}
	.feature_right > .lightboxright {
		max-width: 100%;	
	}
	.feature_right_narrow, .feature_left_narrow {
	    max-width: 25%;  		
	}
	.feature_right_super_narrow, .feature_left_super_narrow {
	    max-width: 15%;  		
	}
	.lightboxleft_small {
	    max-width: 25%;  		
	}
	.feature_left_med, .feature_right_med {
		width: 50%;
		max-width: 50%;	
	}
	.feature_left_wide, .feature_right_wide, .lightboxleft_wide {
		width: 60%;
		max-width: 60%;	
	}
	.lightboxleft_wide { 
		margin-right: 20px;	
	}
	.featureharp {
	    float: left;
	    width: 35%;
    	padding: 10px 15px 10px 0px;
	}
	.featureharpmed {
	    float: left;
	    width: 45%;
	    padding: 10px 15px 10px 0px;    
	}
	.featureharpmed + .harptable {
		width: 50%;
	}
	.featureharpwide {
	    float: left;
	    width: 60%;
	    padding: 10px 10px 10px 0px;
	}	
	.feature_full {
	    width: 80%;	
	}
	.feature_center_wide {
	    width: 80%;	
	}
	.feature_center_small {
	    width: 30%;	
	}
	.harptable {
	    float: right;
	    width: 60%;
	    margin: 0px 0px 20px 0px;
	}
	.harptable::after {
	  content: "";
	  display: table;
	  clear: right;
	}	
	.feature_right .harptable, .feature_right_wide .harptable, .feature_right_med .harptable, .feature_right_small .harptable {
		width: 110%;
	}
	.feature_right_small + .harptable {
		width: 55%;
	}
	.harpscollage2 {
		max-width: 320px;
	}
	.harpscollage img {
		width: 48%;
		margin: 0 1% 10px 0;
		float: left;
		height: auto;
	}
	.harpscollage img:nth-child(2n+1) {
		clear: left;	
	}	
	.harpscollage p {
		text-align: center;	
	}	
	.harpsprose {
	    /* clear: both; */
	}	
	.intro {
	    color: #7a3405;
	    max-width: 60%;
	    margin: 0 auto 20px auto;
	}	
	table.poetry {
		width: 90%;
		margin-left: 5%;	
		margin-right: 5%;	
	}
	/* end moved */	
}
@media screen and (min-width: 768px) {
	/* keep the button menu for ipad */
	.narrow_only {
		display: none;	
	}
	#faq_box {
	    width: 80%;
	}
	#answer_box {
	    width: 80%;
	}
	#search {
		width: 30%;
		top: 0px;
		left: 50%;
		margin-top: -42px;
		margin-left: calc(20% - 20px);
	}
	.gsc-input-box {
		position: absolute !important;
		width: 260px !important;
	}
	#homepagesummary {
		width:calc(100% - 480px);
		margin:20px 20px 0 460px;
	}	
	#pagesummary {
		width:calc(100% - 400px);
		margin:20px 20px 0 380px;
	}		
	#pagesummary ul.bullet {
		margin-left: 2em !important;
		padding: 0 40px;
	}
	.large_indent {
		margin-left: 10em;
	}
	.wrap, .sans {
	    width: 70%;
	    font-size: 1.0em;
	    margin: 0 auto;
	    padding: 0px 0px 0px 30px;
	}
	.wrap li em, .sans li em {
	    width: calc(100% - 104px);
	}
	.wrap li div, .sans li div {
	    width: 104px;
	}
	.histlistlinks a img {
	    width: 144px;
	    height: auto;
	    display: inline-block;
	}
	.histlistlinks p.width25 {
		width: 25%;	
		float: left;
		margin-left: -30px;
	}
	.histlistlinks p.width50 {
		width: 40%;	
	}	
	.harptable {
	    float: right;
	    width: 62%;
	    margin: 0px 0px 20px 0px;
	}	
	.harptable::after {
	  content: "";
	  display: table;
	  clear: right;
	}
	.harpscollage2 {
		max-width: 690px;
	}
	.feature_center_wide {
	    width: 60%;	
	}
	.tabulate {
		width: 80%;
		margin-left: 10%;	
	}
	table.poetry {
		width: 70%;
		margin-left: 15%;	
		margin-right: 15%;	
	}
	
/*	#creative_commons_narrow p, #creative_commons_wide p {
	    float: left;
	    padding: 0 10px 5px 20px;
	    font-size: 0.85em;
	    max-width: 75%;
	}
	#creative_commons_narrow a img, #creative_commons_wide a img {
	    margin: 10px 20px 10px 0px;
	    float: right;
	    max-width: 25%;
	}	*/
	.oldnewsphoto {
	    float: left;
	    width: 20%;
	    height: auto;
	    margin: 20px -20% 0 15px;
	}	
	.indentnews {
	    width: 70%;
	    margin-left: 25%;
	}	
	.oldnews > .indentnews {
	    width: 100%;
	    margin-left: 0px;
	}	
	.oldnewsclipcenter {
		width: 70%;
	    margin-left: 25%;
		text-align: center;
	}	
	.oldnewsclipright {
	    float: right;
	    margin: 0 30px 0 0;
	}		
	.oldnews h2 {
	    display: inline-block;
	    width: 20%;
	    margin: 0 0 0 25px;
	}
	.oldnews h3 {
	    display: inline-block;
	    width: 70%;
	    margin: 0 0 15px 25%;
	}	
	.oldnews > .indentnews p {
	    width: 70%;
	    margin: 0 0 15px 25%;
	}	
	.oldnews p {
	    display: inline-block;
	    width: 70%;
	    margin: 0 0 15px 25px;
	}	
	#footer a {
		font-size: 1.0em;
		line-height; 1.25;		
	}
	#backToTop {
		right: 50px;
		bottom: 50px;
	}
}
@media screen and (min-width: 769px) {
	/* greater than ipad go back to normal menu */
	#nav_button {
		display: none;	
	}
	#primarynav {
		text-align:right;
		display: block;
		width: 260px;
		position: absolute;
		right: 20px;
		background: transparent;
		height: auto;
	}		
	#primarynav ul {
		position: relative;
		display: block;
	}
	#primarynav ul li a {
		display: inline;
		background: transparent;
		color: #AC5115;
		padding: 0px;
		border-bottom: none;	
	}	
	#primarynav ul li a:hover, #primarynav ul li a.active {
		color: #F26522;
		text-decoration: underline;
		background: transparent;
	}
	#adam_craig {
		clear: left;	
	}
	#libraryhead {
		width: 35%;
	}
	.librarypages {
	    display: block;
	    float: right;
	    width: 60%;
	    margin: 0px 10px 10px 20px;
	}	
}
/* this is the point where the main menu looks good */
@media screen and (min-width: 798px) {
	#primarynav {
		position: relative;
		float:right;
		margin:0 20px 0 0;
	}	
}
/*@media (max-width: 767px) one px short of the iPad's 768
{	
	#primarynav, #secondarynav, #homepagesummary
	{
		font-size:0%;
		position:absolute;
	}
	#footer 
	{
		font-size:80%;
		min-width:300px;
	}
	#footer .columnright
	{
		font-size:0;
	}
}*/

/*=============================================*/

/* To aid in positioning items on screen. */

/* Visible Borders to aid formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
.visible	{
}

body, #bodycontent, #topper, #header, .logo, #primarynav, #orangeline, #summarycontent, 
#slideshow, .announcement, #homepagesummary, #secondarynav, #homepagelinks, #footer, .creative_commons, .columnleft, .logo, .search  
	{
	border: 1px solid purple;
	}