/* sr:389594
Responsive Styles - Jamie Johnson
*/
/* ************ START CHANGE LOG **********************************************
x20220823 - johns2ja - 23 August 2022 - accessibility considerations
x20220811 - johns2ja - 11 August 2022 - print considerations with Nav 2.1 
x20220524 - okellesm - 24 May 2022 - x20220503 Moved to Production
x20220505 - johns2ja - 5 May 2022 - per Randy, undo goldbar background implemented per x202205003 
x20220503 - johns2ja - 3 May 2022 - enforce goldbar background per budnikrp
x20220511 - johns2ja - 11 May 2022 - enforce factoid class on p tags 
x20220503 - okellesm -3 May 2022 - border-radius to action link, link list, and video header
x20220425 - okellesm - 25 April 2022 - added factoid class
x20220420 - johns2ja - 20 April 2022 - purple-light-button
x20220309 - johns2ja - 9 March 2022 - updated font bug to fix fancytextpurple
x20211105 - okellesm - 05 November 2021 - added classes .border-radius and .border-radius-top; added border radius property to wysiwyg borders
x20210914 - johns2ja - 14 September 2021 - handle .tableauViz (Tableau iframes) properly
x20210823 - johns2ja - 23 August 2021 - HR Gradient Gray class 
x20210817 MTP by johns2ja 23 August 2021 
x20210817 - johns2ja - 17-18 August 2021 - nav 1.6 changes per budnikrp
x20210726 - johns2ja - 26 July 2021 - removed .fancy (ul.fancy) selector per budnikrp
x20210723 - johns2ja - 23 July 2021 - added fancytext and fancytextpurple classes 
x20210720 - johns2ja - 20 July 2021 - added ul.fancylist class 
x20210615 - budnikrp - 15 June 2021 - changing from 333333 to 000000 to meet accessibility contrast requirements and to give a uniform feel in other cases
x20210614b - okellesm - 12 June 2021 - added golddark color class for use in FAQ
x20210614 - johns2ja - 14 June 2021 - slidshowEZmarginBottom class 
x20210526 - budnikrp - 26 May 2021 - adding line-height to pullquote-attribution
x20210329 - johns2ja - 29 March 2021 - video heading style 
x20210119 - johns2ja - 19 January 2021 - padding override for homepage tabs 
x20210111 - johns2ja - 11 January 2021 - additional YUI classes added to expand to 100% under 480px widths. 
x20210106 - johns2ja - 6 January 2021 - CSS fix per budnikrp to fix lists 
MTP by johns2ja for x20201211 and x20201208 on 14 December 2020 
x20201211 - johns2ja - 11 December 2020 - wysiwyg borders
x20201208 - budnikrp - 8 December 2020 - in order to allow for WYSIWYG border to look right, h, p, ul, and ol margins and paddings needed to be slightly adjusted to align with each other
x20201111 - johns2ja - 11 November 2020 - added background classes for FAQs per budnikrp
x20201110 - johns2ja - 10 November 2020 - use -nohover for x20201109 rules and add bg-yellow class 
x20201109 - johns2ja - 9 November 2020 - link list hr rules 
x20201102 - johns2ja - 2 November 2020 - tweak below CSS for background classes for WYSIWYG headdings and content
x20201030 - johns2ja - 30 October 2020 - CSS per budnikrp for heading background color classes 
x20201001 - johns2ja - 1 October 2020 - CSS changes per budnikrp - .llh6 added; removal of bold from a.lflink; borders on yellow-button and purple-button
x20200805 - johns2ja - 5 August 2020 - balance padding on unordered and ordered lists per budnikrp and chaoaj
x20200723 - johns2ja - 23 July 2020 - CSS changes per meeting with Randy/Alvin per https://docs.google.com/document/d/1m6tCW0l3-56DH7Vt-89KGZJpM6VmNV2cN1fds-TNIaI/edit
x20200721 - johns2ja - 21 July 2020 - change z-index of ul.slimmenu to 981 so it is higher than the links on the page when hovering over the menu. 
x20200720 - chaoaj - change z-index to 980 for menu issues.
x20200714 - johns2ja - 14-15 July 2020 - extending CSS for Action Links 
x20200709 - johns2ja - 9 July 2020 - CSS implementations per budnikrp and placeholder changes per budnikrp; also a change to #maincontentarea a:link to have relative position and higher z-index 1000 chaoaj from 99999 so not covered by slideshow controls 
x20200611 - okellesm - 11 June 2020 - Commented out per Service Request 268795 img:not(.image-caption-310-right):not(.image-caption-310-left)~figcaption { width:101%; }
x20200601 - johns2ja - 1 June 2020 - Change top searchbox font to Arial, Helvetica, sans-serif
x20200512 - johns2ja - 12 May 2020 - increase line height for list items in articles 
x20200427 - johns2ja - 27 April 2020 - increase padding above h2#articlefeedh2
x20200422 - johns2ja - 22 April 2020 - added rule for all images in gridpad per budnikrp, extending the 12 October 2015 rule 
x20200407 - johns2ja - 7 April 2020 - prevent 404 error in console 
3 April 2020 - johns2ja - implementation of x20200331
x20200331 - johns2ja - 31 March 2020 - changes from budnikrp for pagetitle, breadcrumbs: 
                        ASDFNEW2 - added top: 0px; and min-height:0px; inline to #titles and #pagetitle - do this in responsive-styles-tabular.css
                        ASDFNEW3 - added padding-top: 10px; padding-bottom: 10px; position: relative; z-index:0; to #pagetitle - the z-index is 
                                    to put it under the breadcrumbs links - do this in responsive-styles-tabular.css
x20200330 - johns2ja - 30 March 2020 - prevent in-page-footer overlay of purple footer bar at mobile in Firefox browser
x20200225 - johns2ja - 25 February 2020 - Accessibility changes: underlined footer and in-page footer links 
x20191003 - johns2ja - 3 October 2019 - new classes 
x20190827, x20190829 changes moved to production by johns2ja 3 September 2019 
x20190829 - johns2ja - 29 August 2019 - page title layout due to x20190827 changes
x20190827 - johns2ja - 27 August 2019 - search and "more jmu" layouts at mobile
x20190716 - johns2ja - 16 July 2019 - fix bottom margin on link lists per budnikrp
x20190529 - chaoaj - 29 May 2019 - readded skinauthor
x20190520 - johns2ja - 20 May 2019 - correction of rule by budnikrp
x20190516b - johns2ja - 16 May 2019 - slideshow and footer p fixes for the changes from x20190516
x20190516 - johns2ja - 16 May 2019 - headings, paragraph, list style alignment and updates per CSS changes from budnikrp
x20190508 - johns2ja - 8 May 2019 - Allow spaced-list class for ol and ul spacing
x20190425 - johns2ja - 25 April 2019 - lower #header img z-index from 99999 to 8000 to allow it to be behind pop-up videos
x20190404 - johns2ja - 4 April 2019 - enable figure/figurecaption functionality
x20190315 - johns2ja - 15 March 2019 - added ul.fancy rule per budnikrp/chaoaj
x20190312 - chaoaj - 12 March 2019 - change to footertext align at odd breakpoints
x20180920 - johns2ja - 20 September 2018 - instagram and twitter iframe style changes
x20180910 - johns2ja - 10 September 2018 - center logo at mobile resolution and align at desktop
x20180710 - johns2ja - 10 July 2018 - Fix layout of news and event feeds widget for images and text flowing below image to be spaced properly on left
x20180702 - johns2ja - 2 July 2018 - Implement slideshow hide until load for Slideshow-PRO and -EZ without hiding wholepage
x20180607 - johns2ja - 7 June 2018 - #maincontentarea li > ul { padding-bottom: 0px; }
x20180504 - johns2ja - 4 May 2018 - per budnikrp, allow line breaks in footer
x20180404 - johns2ja - 4 April 2018 - extend circle-image class to handle either the class applied to the image element itself or the image's container
x20171016 - johns2ja - 16 October 2017 - set #defaultregion p to have line-height of 20px instead of 18px
x20170707 - johns2ja - 7 July 2017 - Prevent in-page-footer from ever being affected by above content floating
x20170627 - johns2ja - 27 June 2017 - extended #maincontentare rule by setting max-width since IE needs this constraint
x20170614 - johns2ja - 14 June 2017 - made tr.image-caption and tr.image-caption td global in scope instead of only under .skinpage per budnikrp
x20170425 - johns2ja - 25 April 2017 - prevent cutoff of ical button.
x20171211 - johns2ja - 11 January 2017 - per budnikrp, add padding-left: 10px to the float-right-image class only, add padding-right: 10px to the float-left-image class only, add padding-bottom: 5px to both float-right-image and float-left-image classes
x20161213 - johns2ja - 13 December 2016 - prevent issues with multi-line page title Chrome, but later disabled due to adverse affects on single line
x20161209 - johns2ja - 9 December 2016 - prevent overflow of sitename into header image
x20161114 - johns2ja - 14 November 2016 - allow departmental link in footer #ofcaddress text to wrap per budnikrp
x20161019 - johns2ja - October 19, 2016 - set #maincontentarea to have a minimum height of 500px per budnikrp
x20161004 - johns2ja - October 4, 2016 - removed Firefox-only rules regarding #mainpagecontent top margin as well as with #goldbar to better handle layout
x20160907 - johns2ja - September 7, 2016 - set padding to 20px on all sides of pullquote per budnikrp (not just padding-right and padding-left)
x20160906b - johns2ja - September 6, 2016 - increase ORDERED list item font size to 18px (from 14px) in articles and also increased line-height in article ORDERED list items to 24px
x20160906 - johns2ja - September 6, 2016 - added rules to #header img so that the hamburger menu opening doesn't cut off the "J" of the Wordmark image. 
x20160818 - johns2ja - August 18, 2016 - increase list item font size to 18px (from 14px) in articles and also increased line-height in article list items to 24px
x20160802 - johns2ja - August 2, 2016 - Per budnikrp, set .skintitle to 32px and .skinpage h2 to 24px. 
x20160524 - johns2ja - May 24, 2016 - Per budnikrp, added this rule: #defaultregion ul, #defaultregion ol {padding-bottom: 10px;}
x20160509 - johns2ja - May 9, 2016 - .skinpage .image-caption layout corrected (i.e., image captions for articles)
x20160415 - johns2ja - April 15, 2016 - h1.xkintitle line-height and font-size set to 40px instead of 45px 
x20160412 - johns2ja - April 12, 2016 - added rule for float-left-table to help with IE11 and FF38 layout of pages like http://www.jmu.edu/news/2016/04/12-april-bov-presidents-update.shtml
x20160331 - johns2ja - March 31, 2016 - h1.skintitle padding-top set to 10px instead of 5px per budnikrp
x20160329 - johns2ja - March 29, 2016 - re-enabled the display of .primarytag; set up circle-image class
x20160303 - johns2ja - March 3, 2016 - re-enabled the display of .skinauthor
x20160225 changes by johns2ja, February 25, 2016 - temporarily hid the author per budnikrp; additional tweaks to article "skin" class items
x20160223 changes by johns2ja, February 23, 2016 - article feed styles
x20160212 changes by johns2ja, February 12, 2016 - tweaks for article - author layout; social media buttons
x20160211 changes by johns2ja, February 11, 2016 - tweaks for article topic (.primarytag temporarily hidden) and title (h1.skintitle) layout; article social media buttons layout; article author re-instituted
x20160210 changes by johns2ja, February 10, 2016 - tweaks for rules related to article
x20160203 changes by johns2ja, February 3, 2016 - implementation of video in article pages
x20160202 changes by johns2ja, February 2, 2016 - rules for proper layout of image captions and images in article pages
x20160201 changes by johns2ja, February 1, 2016 - added padding-right:20px to pullquote class per budnikrp; disabled rendering of author eID per budnikrp 
x20160129 changes by johns2ja, January 29, 2016 - extended rules for .yellow-button and .purple-button to apply not just to links with these classes but to links contained within elements with these classes
x20151216 changes by johns2ja, December 16, 2015, renamed previously named "article" classes, etc., with "skin" instead of "article" in the name
x20151211 change by johns2ja, December 11, 2015, changing #footertext regions to override the x20151209 changes affecting yui3-u-1-3 class width
x20151209 changes by johns2ja, December 9, 2015, changing yui3-u-1-3, yui3-u-1-2 class rules at varying breakpoints per budnikrp. 
x20151208 changes by johns2ja, December 8, 2015, for styles for Article and to accompany Article and other uses
x20151202 on December 2, 2015, by johns2ja to improve link list styles
**************** END CHANGE LOG ******************************************** */
/* ************ start FONTS ***************** */
@font-face
{
font-family: Arvo;
src: url('/web_ssi/googlethemes/static/fonts/arvo/Arvo-Regular.ttf');
}
/* ************ end FONTS ***************** */

/* *************************** start header and breadcrumbs *************************************** */
#header { height: 50px; width: 100%; background: #450084; /*#451d69;*/ white-space: nowrap;}
#header img { margin: 10px; margin-top: 15px; max-width: 434px; /*min-width: 250px;*/ width: 90%; *width: 484px; margin-left: 1px; float: left; 
position: relative; z-index: 8000; /* 8000 replaced 99999; per x20190425 /* x20160906 */
}
#hamburger { color: white; position: absolute; top: 4px; right: 4px; font-size: 24px; display: none;}
/* breadcrumbs removed 
#breadcrumbs { height: 72px; width: 100%; background: #CBB677; } 
#breadcrumbs #dirs { margin-left: 25px;color: #333333; }
#breadcrumbs #dirs a:link { text-decoration: underline; color: #333333 ;}
#breadcrumbs #dirs a:visisted { text-decoration: underline; color: #333333 ;}
#breadcrumbs #dirs a:hover { text-decoration: none; color: #333333 ;}
#breadcrumbs #dirs a:active { text-decoration: none; color: #333333 ;}
#breadcrumbs h1#pagetitle { font-family: Arvo; font-weight: normal; font-style: normal; font-size: 2.5em; color: #450084; margin-left: 20px;}
#breadcrumbs h1#pagetitle a { cursor: pointer;}
#breadcrumbs h1#pagetitle a:link { text-decoration: none; color: #450084; }
#breadcrumbs h1#pagetitle a:visited { text-decoration: none; color: #450084; }
#breadcrumbs h1#pagetitle a:hover { text-decoration: none; color: #450084; }
#breadcrumbs h1#pagetitle a:active { text-decoration: none; color: #450084; }
*/

/* begin headernav */
ul#headernav { display: inline; list-style-type: none; text-transform: uppercase; position:relative; /*top:-1.75em; 23 MAR*/  *top: 1em !important; *white-space:nowrap; padding: 5px 0px;}
ul#headernav li { display: inline; font-family: arial; font-size: 13px; color: #D6D6D6; margin-right: 1em;}
ul#headernav li a { color: #D6D6D6; text-decoration: none; }
ul#headernav li span#audiencelinkbreak { display: none; }
/* ul#headernav li a:hover { text-decoration: underline; } */
ul#headernav li form { display: inline;}

#header #headernav .search { white-space: nowrap; }

#header #headernav .search input[type="text"] {
    background: #684B86;
    color: #D6D6D6;
    font-family: Arial, Helvetica, sans-serif; /* replaces Verdana,Geneva,, sans-serif; per x20200601 */
    height: 23px;
    line-height: 23px;
    padding: 0 0 0 5px;
    width: 120px;
}

#header #headernav .search input[type="submit"] {
    background: url("/jmucmsfiles/images/magnifying-glass.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    position: relative;
    left: -2em;
    height: 23px;
    width: 21px;
}
#header #headernav .search input[type="submit"]:hover { background: url("/jmucmsfiles/images/magnifying-glass-onfocus.png") repeat scroll 0 0 rgba(0, 0, 0, 0); }/* x20220823 */
/* end headernav */
/* *************************** end header and breadcrumbs *************************************** */

/* *************************** start goldbar *************************************** */
#goldbar {
    /* IE10 Consumer Preview */ 
    background: -ms-linear-gradient(top, #FFFFFF 0%, #dfd2aa 90%); /* #C9B06E */
	
	/* Mozilla Firefox */ 
	background: -moz-linear-gradient(top, #FFFFFF 0%, #dfd2aa 90%);
	
	/* Opera */ 
	background: -o-linear-gradient(top, #FFFFFF 0%, #dfd2aa 90%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(0.9, #dfd2aa));
	
	/* Webkit (Chrome 11+) */ 
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #dfd2aa 90%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background: linear-gradient(to bottom, #FFFFFF 0%, #dfd2aa 90%);
    
    
    background: #dfd2aa; /* reverted/replaced per x20220505 #cbb677; /* override gradients per Randy 4 August 2015 */ /* x20220503 changed bg from #dfd2aa to #cbb677 */
    
    height: 50px; 
    *height: 37px;
    font-family: arial; 
    font-size: 14px; 
    text-align: center;
    /*padding-left: 200px;*/
}

#hdrcontainer { background: #dfd2aa; /* override gradients per Randy 4 August 2015 */ }

@-moz-document url-prefix() { /* firefox exception */
 /*   #goldbar { height: 37px; } removed per x20161004 */
}
#goldbar a { 
    color: #450084; 
    text-decoration: none !important; 
    text-transform: uppercase;
    padding-right: 1em;
    padding-left: 1em; 
    position: relative;
    /*top: 0.5em; removed in lieu of flexnav */
    text-align: center;
}
#goldbar a:hover { 
    background-color: #ad9c65;
    text-decoration: underline; 
}
/* *************************** end goldbar *************************************** */

/* *************************** start titles *************************************** */
#titles { height: auto; min-height: 60px; background: #f4efe1; width: 100%; white-space: nowrap; margin-top: 0px; 
    top: 0px; min-height:0px; /* top and min-height of 0px per x20200331 */
}
#titles #sitetitle { font-family: arial; line-height: 22px; font-size: 20px; color: #333; text-align:right; /*padding-top: 0.5em;*/ height: auto; margin-right: 10px; right: 10px; /*25px;*/ white-space: normal; }
#titles #pagetitle { font-family: Arvo, Georgia, serif; font-size: 28px; color: #450084; position: relative; padding-top: 0em; top: 0.4em; font-weight: normal !important; white-space: normal; height: auto; min-height: 60px; 
    top: 0px; min-height:0px; /* top and min-height of 0px per x20200331 */
    padding-top: 10px; padding-bottom: 10px; position: relative; z-index:0; /* padding-top, padding-bottom of 10 px and position relative and x-index 0 per x20200331 */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* per x20161213 */
    /*#titles #pagetitle {top:0em;}*/
}
/* *************************** end titles *************************************** */

/* **************************** start style.css overrides *********************** */
#sidebar { /*width: 0px; width: auto;*/ width: 182px; }
#sidebar .nav { background-image: none; } /* none replaces url(none) per x20200407 */
#sidebar .custnav { background-color: #fff; }
/* replaced at bottom per x20210817 #sidebar .custnav li, #sidebar .nav ul li { text-align: right; border-top: 0px !important;} */
#sidebar .nav ul li a { font-family: arial; margin-right: 1em; }
#sidebar .nav ul > li a { font-size: 14px; line-height: 20px; color: #333; }
#sidebar .nav ul > li > ul > li a { font-size: 12px; line-height: 18px; }
/* #sidebar .nav ul > li > ul > li > ul > li a { font-size: 11px; line-height: 18px; } replaced with line below 9 September 2015 */
#sidebar .nav ul > li > ul > li > ul > li a { font-size: 11px; line-height: 18px; border-right: 1px solid #d6d6d6; text-decoration: underline; margin-right: 9px; }   /* 9 september 2015 */
#sidebar .nav ul > li > ul > li > ul { margin-bottom: 5px; } /* 9 September 2015 */
#sidebar .nav > ul > li { 
    border-bottom: 1px solid #d6d6d6; 
}
#sidebar .nav > ul > li > a { text-transform: uppercase; } 
#sidebar .nav > ul > li > ul > a { font-weight: bold; }
#sidebar { *position: relative; *left: 0px; }
#sidebar .custnav > ul { position: relative; right: 0px; *width: 202px; } /* 5px */
#sidebar .custnav > ul > li.firstnavlink a { font-weight: bold !important; line-height: 20px; font-size: 16px; } /* 12 October 2015 */

/* **************************** end style.css overrides *********************** */




/* **************************** start general page layout ************************* */
#maincontentarea { width: 100%; min-height: 500px; max-width: 1021px; }/* x20161019 */ /* x20170627 added max-width */
 /* x20201208 took away margin-bottom: 12px; from all h tags */
#maincontentarea h1 { font-family: Arvo, Georgia, serif; font-size: 28px; font-weight: normal; }
#maincontentarea h2 { font-family: Arvo, Georgia, serif; font-size: 34px; /* replaces 28px; per x20190516*/  font-weight: normal; }
#maincontentarea h3 { font-family: Arial, Helvetica, sans-serif; font-size: 28px;  font-weight: normal; }
/* #maincontentarea h4 { font-family: Arial, Helvetica, sans-serif; font-size: 22px;  line-height: 26px; font-weight: normal; } /* replaced with next line per budnikrp 4 September 2015 */
#maincontentarea h4 { font-family: Arial, Helvetica, sans-serif; font-size: 22px;  line-height: 26px; font-weight: normal; } /* margin-bottom 12px is the difference - removed by johns2ja per budnikrp 4 September 2015 */ /*  restored per x20190516 */
#maincontentarea h5 { font-family: Arvo, Georgia, serif; font-size: 19px;  font-weight: normal; }/* x20220823 increase font size from 18px */
#maincontentarea h5.videoheading { margin-bottom: 12px; text-align: left;}/*x20210329*/
#maincontentarea h6, .llh6 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.75px; font-weight: normal; }/* div.llh6 per x20201001 */
/* removed per x20190516
#maincontentarea ol, #maincontentarea ul { padding-left: 9px; } 
#maincontentarea ol li { font-family: arial; line-height: 24px; font-size: 14px; }
#maincontentarea ul li { font-family: arial; line-height: 24px; font-size: 14px; }
*/
#maincontentarea .rwdfeed ul li { margin-bottom: 0px; }
#maincontentarea ul li a { color: #450084; }
#maincontentarea ol li a { color: #450084; }
#maincontentarea ul li a:hover { color: #aa232b; }
#maincontentarea ol li a { color: #450084; }
#defaultregion p, #maincontentarea p, .skinpage p { margin: 6px 0; font-size: 16px; line-height: 24px;}/* replaces per x20190516 #maincontentarea p { font-family: arial; line-height: 20px; font-size: 14px; margin: 6px 0; }*/  /* x20201208 replaced margin: 0 0 12px; with margin: 6px 0; */
#defaultregion li > ul, #defaultregion li > ol, #maincontentarea li > ol, #maincontentarea li > ul {padding-top: 0px; padding-bottom: 0px;} /* REPLACED per x20210106: #maincontentarea ul li > ul, #defaultregion ul li > ul { padding-bottom: 0px; } /* x20180607 */

.pagecontainer { max-width: 1021px; width: 100%; *width:auto; margin: 0 auto; overflow:hidden; *overflow: visible; }

#goldbar .pagecontainer { overflow:visible;}
.column { margin-top: 10px; margin-right: 10px; margin-bottom: 15px; margin-left: 0px;}
#mainpagecontent, .news-list ul li { overflow: hidden; } /* prevent horizontal scroll bars */
#mainpagecontent { top: 0px; } 
@-moz-document url-prefix() { /* firefox exception */
    #mainpagecontent { top: 0px; } 
}
.nobreak { white-space:nowrap;}
#maincontentB { margin-top: 0px;}
/*@-moz-document url-prefix() { /* firefox exception was -30 */
        #maincontentwrapper { margin-top: 0px; } 
/*}*/
.tile img { *width: 172px; }

.toprowobject { height: 24px; } 

.yui3-u-1-4 { word-wrap: break-word; }

script, style { width: 0px; }
.gridpad { padding: 0px 12px 24px 12px; overflow: hidden; font-size: 16px; }/* x20200723 added font size */
.gridpadv { padding: 0px 12px 12px 12px; overflow: hidden; }
h1, h2, h3, h4, h5, h6, p { padding: 5px 10px; }/*replaced per x20190516 .gridpad > div h1, .gridpad > div h2, .gridpad > div h3, .gridpad > div h4, .gridpad > div h5, .gridpad > div h6, .gridpad > div p { padding: 5px 10px; }*/ /* x20190520 set it to 5px 10px instead of 5px 0px */
#footer p { padding: 0px; } /* x20190516b */
.gridpad img { width: 100%; height: auto; } /* 12 October 2015;  x20200422 added height: auto; */
.literal-width-image img, .gridpad img.literal-width-image { width: auto; padding: 5px 10px; } /* 12 October 2015 */ /* padding added by johns2ja per budnikrp 13 October 2015 */
.no-padding-literal-width-image img, .gridpad img.no-padding-literal-width-image { width: auto; vertical-align: bottom;} /* x20151208 */
.image-caption {background:#D6D6D6; padding: 10px; font-size: 14px; } /* x20151208 */
#defaultregion .gridpad img { width: 0%; width: auto; } /* REMOVED 1 October 2015 to allow the .gridpad rules to control the image; Reinstated to prevent images from being too large in WYSIWYG - 2 October 2015 */
#defaultregion .full-width-image img, #defaultregion .gridpad img.full-width-image { width: 100%; } /* added 2 October 2015 */
/* removed per x20190516: #defaultregion p { line-height: 20px; margin: 0 0 12px; font-size: 14px;}/* line height increased from 18px to 20px per x20171016 */

/* removed per x20190516: #defaultregion ol, #defaultregion ul, .gridpad ol, .gridpad ul { margin-left: 16px; font-size: 14px; }*/
.gridpad ul.tabs { margin-left: 0px; padding-top: 0px !important;}/* padding-top: 0px !important; per x20210119 */
/* removed per x20190516: #defaultregion ol li, #defaultregion ul li, .gridpad ol li, .gridpad ul li { line-height: 18px; margin-bottom: 0px; font-size: 14px;}*/
#defaultregion a { color: #450084; }
#defaultregion ul, #defaultregion ol, #maincontentarea ol, #maincontentarea ul {padding-bottom: 10px; padding-left: 12px; margin-left: 16px; font-size: 16px; line-height:24px; padding-right: 9px; padding-top: 11px;} /* replaces #defaultregion ul, #defaultregion ol {padding-bottom: 10px;} /* added per x20160524 *//* padding-right rule property added per x20200805 */ /* x20201208 added padding-top: 11px; and increased padding-left from 9px to 12px */
#defaultregion ul.bxslider, #maincontentarea ul.bxslider { margin-left: 0px; } /* x20190516b */
#maincontentarea a:link { color: #450084; text-decoration: underline; position: relative; z-index: 980;}/* relative positioning and z-index per x20200709  down to 980 x20200720 */
#maincontentarea a:visited { color: #450084; text-decoration: underline; }
#maincontentarea a:hover { color: #aa232b; text-decoration: underline; }
#maincontentarea a:active { color: #aa232b; text-decoration: underline; }
/*
Below extended styles not just for #maincontentarea .rwdwysiwyg or #maincontentarea .rwdfeed a.readmore
*/

/*
#maincontentarea a:link { color: #450084; text-decoration: none; border-bottom: thin solid #450084; }
#maincontentarea a:visited { color: #450084; text-decoration: none; border-bottom: thin solid #450084; }
#maincontentarea a:hover { color: #aa232b; text-decoration: none; border-bottom: thin solid #aa232b; }
#maincontentarea a:active { color: #aa232b; text-decoration: none; border-bottom: thin solid #aa232b; }

#maincontentarea a.hasimg, #maincontentarea .linkfarm a.lflink { border-bottom: 0px; }
#maincontentarea .rwdfeed a.readmore { text-decoration: none !important; }
*/ 
/* removed per x20190516:
#maincontentarea .gridpad ul li { margin-bottom: 0px; font-size: 14px; }
#maincontentarea .gridpad ol li { margin-bottom: 0px; font-size: 14px; }
*/
#maincontentarea p.pullquote, #defaultregion p.pullquote {
font-family: Arvo, Georgia, serif !important; 
color: #450084; 
font-size: 18px; 
line-height: 22px !important;
/* removed per x20160907
padding-left: 20px;
padding-right: 20px; /* x20160201 */
padding: 20px; /* x20160907 */
}

#maincontentarea p.pullquote-attribution, #defaultregion p.pullquote-attribution, .skinpage p.pullquote-attribution { /* x20151216 renamed class using "skin" instead of "article" in the name */
text-align: right;
font-style: italic; 
padding: 0px;
margin-top: -12px;
padding-right: 20px;
font-size: 14px !important;
line-height: 18px !important; /* x20210526 */
}


#maincontentarea .skinpage .gridpad ol li, #maincontentarea .skinpage .gridpad ul li { font-size: 18px; line-height: 30px;} /* x20160818 x20160906b; increased from line-height 24px to 30px per x20200512 */

.tabular { display: table; }
.tabular-row { display: table-row; }
.tabular-cell { display: table-cell; vertical-align: top; }
.tabular-nav { *float: left; }

#maincontentwrapper > table tr td#nav { width: 190px; }
#maincontentwrapper > .tabular .tabular-row .tabular-nav { width: 190px; }

.spacer15px { display: block; height: 15px; }

#maincontentarea .readmore a, #maincontentarea a.readmore, #maincontentarea a .readmore {
    font-size:12px !important; 
    text-transform: uppercase !important; 
    color: #450085 !important; 
}

#maincontentarea .callout { font-size: 16px; color: #a4232b;  font-style: italic; } /* changed from 14px to 16px per x20200709 */

/* **************************** end general page layout ************************* */

/* **************************** start forms styles ****************************** */
#maincontentarea fieldset { 
    border: 0px solid #fff;
	background-color: #ddd;
	margin-bottom: 1em;
	margin-top: 1em;
	padding-bottom: 0.5em;
}
fieldset p {  padding: 1em;  }  
#maincontentarea legend { 
	padding: .5em;
	background-color:  #999; 
	color: #fff;
	margin-top: -0.5em;
	margin-bottom: 1em;
	font-weight: bold; 
}

fieldset input.radio, fieldset input.checkbox { padding: 0.25em; margin-left: 1em; } 

#maincontentarea label, .article label { 
	float: left;
	text-align: right;
	width: 11em;
	margin-right: 5px;
	margin-top: .25em;
}
#maincontentarea input, #maincontentarea select { 
	margin-bottom: .5em; 
	border: 1px solid #ddd;
}

#maincontentarea input#submit { margin-bottom: 14px; } 
#maincontentarea input[type="submit"], #maincontentarea input[type="reset"] { 
    cursor: pointer;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase; 
    padding: 5px 15px;
    margin-right: 10px; 
}
#maincontentarea input[type="submit"] { 
    background-color: #450085; 
    color: #fff;
}
#maincontentarea input[type="reset"] { 
    background-color: #b2b2b2; 
    color: #595959;
}


#maincontentarea textarea { border: 1px solid #ddd; } 

.required { 
	color: #450084;
	font-weight: bold;
}
.required:before { 
	content: '*';
}

/* ***************************** end forms styles ******************************* */

/* ***************************** start buttons ********************************** */ /* extended per notes per x20160129 */

.yellow-button, .purple-button, .purple-light-button, .yellow-button a:link, .yellow-button a:visited, .yellow-button a:hover, .yellow-button a:active, .purple-button a:link, .purple-button a:visited, .purple-button a:hover, .purple-button a:active, .purple-light-button a:link, .purple-light-button a:visited, .purple-light-button a:hover, .purple-light-button a:active, #maincontentarea p.yellow-button, #maincontentarea p.purple-button, #maincontentarea p.purple-light-button { /* link instances being contained object of that class and paragaph instances added per x20160129; x20220420 added purple-light-button selectors */
    cursor: pointer; 
    font-family: arial, helvetica, sans-serif;
    font-size: 14px !important; /* important per x20160129 */
    font-weight: bold; 
    padding: 10px 20px;
    line-height: 18px !important; /* important per x20160129 */;
    border-radius: 5px; 
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none !important;
}   

#maincontentarea p.yellow-button, #maincontentarea p.purple-button, #maincontentarea p.purple-light-button { padding: 0 !important; } /* x20160129 */ /* x20220420 added purple-light-button */

.purple-button, .purple-button a:link, .purple-button a:visited { background-color: #450084; color: white !important; border: 1px solid #595959; }  /* link instances being contained object of that class added per x20160129; border added per x20201001 */
.purple-button:hover, .purple-button a:hover, .purple-button a:active { background-color: #b599ce; }  /* link instances being contained object of that class added per x20160129 */
.yellow-button, .yellow-button a:link, .yellow-button a:visited { background-color: #ffbd00; color: #333 !important; border: 1px solid #AD9C65; }  /* link instances being contained object of that class added per x20160129; border per x20201001 */
.yellow-button:hover, .yellow-button a:hover { background-color: #ffcc3e; }  /* link instances being contained object of that class added per x20160129 */
/* start x20220420 */
.purple-light-button, .purple-light-button a:link, .purple-light-button a:visited { background-color: #DACCE6; color: black !important; border: 1px solid #b599ce; }  
.purple-light-button:hover, .purple-light-button a:hover, .purple-light-button a:active { background-color: #B599CE; } 
/* end x20220420 */
/* ****************************** end buttons *********************************** */

/****************************** start color pallette *****************************/
.bg-light-purple { background-color: #DACCE6 !important; }
.bg-light-gold { background-color: #F4EFE1 !important; }
.bg-light-gray { background-color: #D6D6D6 !important; }
.bg-light-green { background-color: #DEEBA7 !important; }
.bg-light-blue { background-color: #D2EBF5 !important; }
 
.bg-dark-purple { background-color: #461D69 !important; }
.bg-dark-gold { background-color: #AD9C65 !important; }
.bg-dark-gray { background-color: #333333 !important; }
.bg-dark-green { background-color: #5F791C !important; }
.bg-dark-blue { background-color: #3C738B !important; }

.bg-jmu-purple { background-color: #450084 !important; }
.bg-jmu-gold { background-color: #cbb677 !important; }
.bg-slate { background-color: #333 !important; }
.bg-valley-green { background-color: #adcc23 !important; }
.bg-newman-blue { background-color: #5498b6 !important; }
.bg-quad-red { background-color: #a4232b !important; }
.bg-jemmy-yellow { background-color: #ffbd00 !important; }
/******************************* end color pallette ******************************/

/* **************************** start instagram and twitter ******************************** */
.gridpad iframe.instagram-media { 
    background: rgb(255, 255, 255) none repeat scroll 0% 0%; 
	border: 0px none; 
	margin: 1px; 
	border-radius: 4px; 
	box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 10px 0px rgba(0, 0, 0, 0.15); 
	display: block; 
	padding: 0px; 
	position: relative; 
	width: 100%;
}
.gridpad iframe.twitter-timeline { 
    margin-left: 0px;
}
/* ***************************** end instagram and twitter********************************* */

/* ****************** start link list ********************** */
#maincontentarea a.lflink { color: #000000; /*font-weight: bold;*/ }/* removal of bold per x20201001 */ /* change to #000000 per x20210615 */
#maincontentarea a.lflink:link { text-decoration: none; }
#maincontentarea a.lflink:visited { text-decoration: none; }
#maincontentarea a.lflink:hover { color: #000000; text-decoration: underline; } /* change to #000000 per x20210615 */
#maincontentarea a.lflink:active { text-decoration: underline; }
#maincontentarea .linkfarm ul { list-style: none; }
#maincontentarea .linkfarm ul.llul, h6.llh6, h5.llh5 { margin-left: -10px; }
#maincontentarea .linkfarm ul.llul {margin-bottom: -10px;padding-bottom:0px;} /* override margin and padding for ul when in a link list per budnikrp with johns2ja adding the linkfarm class per x20190716 */
/* start x20151202 */
.linkfarm hr {
    margin-bottom: 9px;
    margin-top: -11px;
}
#maincontentarea ul.llul li { 
    line-height: 18px; /* increased from 16px per x20200709 */
    margin-bottom: 9px !important; 
}
#maincontentarea .gridpad ul.llul li {
    font-size: 16px !important; /* increased from 12px to 16px per x20200709 */
}
#maincontentarea h5.llh5 { 
    margin-top: -8px;
    margin-bottom: 12px;  /* x20201208 added */
}

#maincontentarea .llh6 { 
    margin-bottom: 12px; /* x20201208 added */
}

/* end x20151202 */
/* ******************* end link list *********************** */

/* ******************* start skin page x20151208 *********************** */  /* x20151216 renamed using "skin" instead of "article" in the name */
.primarytag { text-transform: uppercase; } /*display: none; } .primarytag reinstated per x20160329 */ /* hidden temporarily per x20160211 */
h1.skintitle {  /* x20151216 renamed class using "skin" instead of "article" in the name */
    font-family: Arvo, Georgia, serif !important; 
    font-size: 32px !important; /* reduced from 45px per x20160415; reduced from 40px per x20160802*/
    line-height: 40px !important; /* reduced from 45px per x20160415 */ 
    letter-spacing: -1.5px !important; 
    text-align: center; 
    padding-top: 10px; /* added per x20160211; increased from 5px to 10px per x20160331 */
}
/* removed per x20190516:.skinpage h2 {  /* x20151216 renamed class using "skin" instead of "article" in the name */
/* removed per x20190516:    color: #595959;
    font-size: 24px !important; /* important keyword added per x20160802 */
/* removed per x20190516:    line-height: 38px;
    text-align: center; 
}*/
.skinpage p, .skinpage h1, .skinpage h2, .skinpage h3, .skinpage h4, .skinpage h5, .skinpage h6 { padding-left: 12px; }/* x20151216 */
.skinpage h2[itemprop="name"] {text-align: center;}/* x20151216 */
/* readded per x20190529 */
.skinpage p.skinauthor { /* x20151216 renamed class using "skin" instead of "article" in the name */
    text-transform: uppercase; 
    font-size: 12px !important; 
    line-height: 20px !important; 
    font-family: arial; 
    float: left; /* x20160212 */
}
/* readded per x20190529 */
/* removed per x20190516: }*/
/* .skinauthor { display: none; } /* x20160201 */ /* disabled per x20160211 */
/* removed per x20151208
.articlepage .articleimg { 
    width: 100%; 
    max-width: 655px; 
}
*/
/*.skinauthor { visibility: hidden; } /* x20160225; disabled per x20160303*/ 
.skinpage p {  /* x20151216 renamed class using "skin" instead of "article" in the name */
    padding-left: 12px;
    /* font-family: Arial, Helvetica, sans-serif !important; x20220309 commented out */
    font-size: 18px !important; 
    line-height: 30px !important; 
}
.yui3-g-r [class *= "yui3-u"]{font-family:Arial, Helvetica, sans-serif}/* x20220309 addition */ 
.skinpage p.skinsummary {  /* x20151216 renamed class using "skin" instead of "article" in the name */
    font-size: 16px; 
    line-height: 24px; /* replaced 26px per x20190516*/
    margin-top: 10px !important; /* x20160225 */
}
/* removed per x20190516: .skinpage h3 { /* x20151216 renamed class using "skin" instead of "article" in the name */
/* removed per x20190516:     font-size: 28px; 
    margin-bottom: 12px; 
    text-align: center; 
}*/
.story-footer { 
    background: #f4efe1;
    line-height: 20px; 
    font-size: 14px; 
    font-family: arial; 
    padding: 12px;
    margin-bottom: 12px;
    margin-top: 22px;
}
.float-right-image, .float-left-image {display: block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 5px; } /* x20151208 */ /* padding-bottom: 5px added per x20170111 */
.float-right-image { padding-left: 10px; } /* x20170111 */
.float-left-image { padding-right: 10px; } /* x20170111 */
.sidebar-left, .sidebar-right {display: block; float: none; margin-left: auto; margin-right: auto; background-color: #d6d6d6; border: 10px solid white; width: 290px; padding-top: 10px;} /* x20151208 */
.float-right-table, .float-left-table {padding: 10px; float: none; margin-left: auto; margin-right: auto; } /* x20151208 */

/* start x20160412 */
/*@-moz-document url-prefix() { /* firefox exception */
    .float-left-table { margin-right: 2em !important;}
/*}
/* end x20160412 */

/* start x20160202 */
tr.image-caption, .skinpage tr.image-caption { /* tr.image-caption selector added per x20170614 */
    position: relative;
    /*top: -4px; remove per x20160509 */
    top: -5px; /* x20160509 */
    display: table-cell; /* x20160509 */
    padding: 0px; /* x20160509 */
}
tr.image-caption td, td.image-caption, .skinpage tr.image-caption td, .skinpage td.image-caption { /* tr.image-caption td, td.image-caption selectors added per x20170614 */
        display:block !important; 
        padding: 10px;
        margin-top: -5px; /* x20160509 */
} 
.skinpage p.image-caption { 
    padding-left: 12px !important; 
    margin-top: -22px !important; 
    font-size: 14px !important; 
    line-height: 18px !important;
    margin-left: 12px !important;
}
.skinpage tr.no-padding-literal-width-image td img { width:99.99% !important; margin-bottom: -3px; }

tr.full-width-image td img { position: relative; top: 3px; }
@-moz-document url-prefix() { /* firefox exception */
    tr.full-width-image td img { position: static; }
}
/*  end x20160202  */

/* start x20160203 */
.feature-video-container {
    position:relative;
    padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.feature-video-container iframe, .feature-video-container object, .feature-video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*  end x20160203  */


/* ******************* end article ************************* */


/* ******************* start article feed ******************** */
.gridpad > div h2#articlefeedh2 { padding-left: 0px; padding-top: 24px; } /* x20160223 */ /* x20200427 added padding-top: 24px; */
/* ********************* end article feed ******************** */

/* ******************* start in-page-footer ****************** */
#in-page-footer {
    padding: 16px; 
    background-color: #D6D6D6; 
    font-family: arial; 
    font-size: 14px; /* increased from 12px per x20200709 */
    color: #404142;
    margin: 0px 12px 0px;
    position: relative; 
    /*text-align:center;*/
    clear: both;/* x20170707 */
}
/*#in-page-footer .pagecontainer { width: 75%;}*/
#in-page-footer .pagecontainer { overflow: visible; }

#maincontentarea #in-page-footer a {
    color: #333;
    text-decoration: underline; /* x20200225 */
    border-bottom: 0px;
}
#maincontentarea #in-page-footer a:hover { text-decoration: underline; }
/*#maincontentarea #in-page-footer a { text-decoration: none; color: #404142; } */
#in-page-footer #ofctitle { 
    font-family: Arvo; 
    font-size: 16px; 
    color: #595959; 
    padding-bottom: 0.25em;
    border-bottom: 1px solid black;
    *display: block;
    *padding-right: 1em;
}
    #ofctitle { text-align: left;}
    #ofccontact, #ofchours, #ofcaddress, #ofcsocial { padding-top: 0.25em; /*white-space:nowrap;*/ padding-bottom: 1em; text-align: left;}
    #ofccontact, #ofchours { *padding-right: 1em; white-space:nowrap; } /* removed , #ofcaddress per x20161114 */
    #ofcaddress { *padding-right: 1em; } /* added per x20161114 in view of above line */
    #in-page-footer #ofcsocial img { width: 39px; /*32px;*/ }
    #maincontentarea #ofchours p { font-size: 12px !important; }
/* ******************** end in-page-footer ******************* */

/* **************************** start footer ************************* */
#footer { 
height: auto; 
background: #450084; 
font-family: arial; 
color: #ffffff; 
text-transform: uppercase;
}
#footer a { color: #fff; /*white-space:nowrap;*/}/*white-space: nowrap removed per x20180504 */
#footer a:link { text-decoration: underline; } /* underline per x20200225 */
#footer a:visited { text-decoration: underline; } /* underline per x20200225 */
#footer a:hover { text-decoration: underline; color: #d6d6d6; }
#footer .footlinks { text-align: center; padding: 0 12px;}
#footer .footlinks ul { list-style-type: none; margin:10px;font-size: 12px; text-align:center;}
#footer .footlinks ul li { display: inline; padding-right: 2em; line-height: 2em; }
/*#footer .footlinks ul li:last-child { padding-right: 0em; }*/
#footer #footertext { font-family: arial; font-size: 12px; /* 12px 14px;*/ color: #595959;/*#DFD2AA;*/ text-align: center; /*margin-bottom: 10px */ background-color: #f4efe1; padding: 10px 0px; /*display:table;*/ line-height: 1.75em; *min-width:1021px; *width:100%;}
#footer #footertext a { color: #595959; /*#dfd2aa;*/ }
#footer #footertext #logo { /*display:table-cell;*/ vertical-align: top; text-align: right; *float:left; text-align: left; padding-left: 10px;  /*  align left and left padding per expansion 19 August 2015 by johns2ja */ }
#footer #footertext #logo img { width: 145px !important; height: 67px !important; }
#footer #footertext #divider { /*display:table-cell;*/ vertical-align: top; width: 11px; text-align: center; *float:left; display: none; /* removed per expansion 19 August 2015 by johns2ja */ }
#footer #footertext #divider img { width: 1px; height: 67px; }
#footer #footertext #contactinfo { /*display: table-cell;*/ vertical-align: middle; text-align: left; text-transform: uppercase; text-align: center; padding-bottom: 1em; /* text align center and bottom padding per expansion 19-20 August 2015 by johns2ja */ }
#footer #footertext #rightside { text-align: right; text-transform: none; padding-right: 10px; /*float:right; */}


/* **************************** end footer ************************* */

/* ************** start mobile-first Media Queries ********************* */
@media all and (min-width: 120px) { 
    #social-media-icons { white-space: normal; }
    .yui3-u-1-2, .yui3-u-1-3, .yui3-u-2-3, .yui3-u-1-4, .yui3-u-3-4, .yui3-u-1-5, .yui3-u-2-5, .yui3-u-3-5, .yui3-u-4-5, .yui3-u-1-6, .yui3-u-5-6, .yui3-u-1-8, .yui3-u-3-8, .yui3-u-5-8, .yui3-u-7-8, .yui3-u-1-10, .yui3-u-3-10, .yui3-u-7-10, .yui3-u-9-10, .yui3-u-1-12, .yui3-u-5-12, .yui3-u-7-12, .yui3-u-11-12, .yui3-u-7-24, #footer #footertext #logo, #footer #footertext #contactinfo { /* classes added per x20210111: .yui3-u-7-24 */
        width: 100%;
    }
     #footertextalign {width: 100%;} /*x20190312 */
     #footer #footertext #rightside { width: 100%; }
     /*#footer #footertext #logo, #footer #footertext #contactinfo, #footer #footertext #rightside { display: block; }*/
     #footer #footertext #rightside { float: none; }
    .yui3-u-1-4 img { max-width: 172px;}
    ul#headernav { white-space: wrap; top: 0.2em;}
    /* remove per x20190827 ul#headernav, #headernav .search { display: none; }*/
    ul#headernav, #headernav .search { display: inline; } /* x20190827 */
    ul#headernav li span#audiencelinkbreak { display: inline; }
    #sidebar { display: none; } 
    #maincontentwrapper > table tr td#nav { margin-left: -202px; }
    #maincontentwrapper > .tabular .tabular-row .tabular-nav { margin-left: -202px; }
    #maincontentwrapper > div > div > div#nav { margin-left: -202px; }
    #maincontentB { position: relative; top: 16px; }
    #mainpagecontent { top: 0px; } /* 15 px */
    @-moz-document url-prefix() { /* firefox exception */
        #mainpagecontent { top: 0px; } 
    }
    @-moz-document url-prefix() { /* firefox exception */
        /*#mainpagecontent { margin-top: -30px; } /* -25px */ /* removed per x20161004 */
        #maincontentB {position: relative; left: 0px; top: 0px; }
    }
    #titles #sitetitle { text-align: left; display: none;}
    #ofccontact, #ofchours, #ofcaddress  {white-space: normal;}
    #goldbar { padding-left: 0px; font-size: 14px; height: 0px;} 
    #titles #pagetitle { padding-left: 30px; /* was 25px */ padding-top: 0.4em; margin-left: 0px; overflow: hidden; /*position: static; removed per x20190829*/ 
        top: 0px; min-height:0px; /* top and min-height of 0px per x20200331 */
        padding-top: 10px; padding-bottom: 10px; position: relative; z-index:0; /* padding-top, padding-bottom of 10 px and position relative and x-index 0 per x20200331 */
    }
    #header img { width: 85%; max-width: 434px; } 
    #header { text-align: center; }
    .column { margin-top: 20px; margin-left: 5px; }
 
    .yui3-u-1-3, .yui3-u-1-2, .yui3-u-2-3, .yui3-u-3-4, #footer #footertext #logo, #footer #footertext #contactinfo { width: 100%; }
    #footer #footertext #rightside { width: 100%; }
    #footer #footertext #logo { text-align: center; padding-left: 0px;} /* padding-left per x20180910 */
    #footer #footertext #contactinfo { text-align: center; }
    #footer #footertext #rightside { text-align: center; }
    
    .limitedheight { max-height: 100000px; overflow: visible; height: auto; padding-bottom: 0px; } /* disable limited height */
        
    .toprowobject { max-height: 10px; }
    
    .breakaway { display: none; }
    
    .gridpad { padding: 0px 0px 10px 0px; }
    .gridpadv { padding: 0px 0px 5px 0px; }
    .gridpad img { min-width: 20px; max-width: 319px; }
    #in-page-footer { margin: 0px; }
    .gridpad iframe.instagram-media { width: 88%; left: 0px; }  
    .gridpad iframe.twitter-timeline { margin-left: 0px; }
    #hdrcontainer { background: white; }
    /*.rwdtile, .linkfarm { padding-top: 24px; }  /*  this padding-top was requested by budnikrp and added by johns2ja - removed by johns2ja 4 September 2015 per budnikrp */
}


@media all and (min-width: 320px){
    .yui3-u-1-4 { width: 49.4%; }
    .gridpad { padding: 0px 5px 10px 5px; }
    .gridpadv { padding: 0px 5px 5px 5px; }
    .gridpad img { max-width: 359px; }
    #in-page-footer { margin: 0px 0px 0px 0px; }
    .gridpad iframe.instagram-media { width: 97%; left: 0px; }   
    .gridpad iframe.twitter-timeline { margin-left: 0px; }
    .float-right-image, .float-left-image {display: block; float: none; margin-left: auto; margin-right: auto;} /* x20151208 */
    .sidebar-left, .sidebar-right {display: block; float: none; margin-left: auto; margin-right: auto; background-color: #d6d6d6; border: 10px solid white; width: 290px; padding-top: 10px;} /* x20151208 */
	.float-right-table, .float-left-table {padding: 10px; float: none; margin-left: auto; margin-right: auto;} /* x20151208 */
}

@media all and (min-width: 360px){
    ul#headernav { white-space: nowrap; }
    .gridpad img { max-width: 480px; }
    
}
@media all and (min-width: 405px){
    ul#headernav li span#audiencelinkbreak { display: none; }
}

@media all and (min-width: 481px) { 
    .yui3-u-1-2{width:49.6%;}.yui3-u-1-3,#footer #footertext #logo, #footer #footertext #contactinfo {width:30.8%; /*32.8*/}.yui3-u-2-3{width:65.8%;}.yui3-u-1-4{width:23%;}/*.yui3-u-3-4{width:75%;}*/.yui3-u-1-5{width:20%;}.yui3-u-2-5{width:40%;}.yui3-u-3-5{width:60%;}.yui3-u-4-5{width:80%;}.yui3-u-1-6{width:16.656%;}.yui3-u-5-6{width:83.33%;}.yui3-u-1-8{width:12.5%;}.yui3-u-3-8{width:37.5%;}.yui3-u-5-8{width:62.5%;}.yui3-u-7-8{width:87.5%;}.yui3-u-1-12{width:8.3333%;}.yui3-u-5-12{width:41.6666%;}.yui3-u-7-12{width:58.3333%;}.yui3-u-11-12{width:91.6666%;}.yui3-u-1-24{width:4.1666%;}.yui3-u-5-24{width:20.8333%;}.yui3-u-7-24{width:29.1666%;}.yui3-u-11-24{width:45.8333%;}.yui3-u-13-24{width:54.1666%;}.yui3-u-17-24{width:70.8333%;}.yui3-u-19-24{width:79.1666%;}.yui3-u-23-24{width:95.8333%;}
     /*#footer #footertext #logo, #footer #footertext #contactinfo, #footer #footertext #rightside { display: table-cell; }*/
     .yui3-u-1-3 { width: 32.8%; } /* override the above per x20151209 */
     #footer #footertext #logo { text-align: left; padding-left: 10px;} /* padding added to align at desktop per x20180910 */
     #footer #footertext #contactinfo { text-align: center; }
     #footer #footertext #rightside { text-align: right; }
     /*#footer #footertext #rightside { float: right; }*/
     #footer #footertext #rightside { width: 30.8%; }
    .yui3-u-1-4 { width: 49.6%; }
    .to100 { width: 100%; }
    #header img { width: 434px; }
    
    .yui3-u-3-4 { width: 100%; }
    .yui3-u-2-3 { width: 66.4%; } 
    .toprowobject { max-height: 24px; height: 24px; }
    
    .gridpad { padding: 0px 12px 24px 12px; }
    .gridpadv { padding: 0px 12px 12px 12px; }  
    .gridpad img { max-width: 1021px; }
    #in-page-footer { margin: 0px 0px 0px 0px; }
    .gridpad iframe.instagram-media { width: 94%; /*left: 25px;*/ }   
    /* .gridpad iframe.twitter-timeline { margin-left: -25px !important; } /* removed by johns2ja 4 September 2015 per budnikrp */
    /*.rwdtile, .linkfarm { padding-top: 12px; } /*  this padding-top was requested by budnikrp and added by johns2ja - removed by johns2ja 4 September 2015 per budnikrp */
}

@media all and (min-width: 560px){
    .gridpad iframe.instagram-media { width: 100%; left: 0px; }   
    .gridpad iframe.twitter-timeline { margin-left: 0px !important; }
}

@media all and (min-width: 769px) { /* THE BREAKPOINT */    
    /* #social-media-icons { white-space: nowrap; } /* removed by johns2ja per budnikrp 11 september 2015 */
    .yui3-u-1-4 { width: 24.52%; }
    .yui3-u-1-3 { width: 32.9%; } /* 32.9% */  /* increased from 31.9% per x20151209 */ /* #footer #footertext #logo, #footer #footertext #contactinfo removed from selectors per x20151211 */
    #footer #footertext #logo, #footer #footertext #contactinfo { width: 32.3%; } /* x20151211 */
    #footer #footertext #rightside { width: 31.9%; }
    .yui3-u-3-4 { width: 74.8%; } 
    .yui3-u-1-2 { width: 49.7%; } /* 49.6% changed to 49% after johns2ja made changes for budnikrp 4 September 2015; */ /* increased from 49% to 49.7% per x20151209 */
    .yui3-u-1 { width: 100%;}
    .yui3-u-2-3 { width: 66.4%; }
    
    #titles { padding: 0px; margin-top: 0px;
        top: 0px; min-height:0px; /* top and min-height of 0px per x20200331 */
    }
    #titles #sitetitle { display: block; font-size: 22px; text-align: right; position: relative; }
    #titles #pagetitle { font-size: 28px; margin-left: -32px; padding-top: 0em; white-space: normal; overflow: visible; position: relative; 
        top: 0px; min-height:0px; /* top and min-height of 0px per x20200331 */
        padding-top: 10px; padding-bottom: 10px; position: relative; z-index:0; /* padding-top, padding-bottom of 10 px and position relative and x-index 0 per x20200331 */
    }
    #ipf-buffer {display: none;}
    /*#in-page-footer .pagecontainer { width: 100%; }*/
    
    #sidebar { display: block;} 
    ul#headernav { top: 0em; display: inline; top: 1em;}
    #headernav .search { display: inline; }
    ul#headernav li { white-space: nowrap;}
    #maincontentwrapper { margin-top: 0px !important;}
    #maincontentwrapper > table tr td#nav { margin-left: 0px; }
    #maincontentwrapper > .tabular .tabular-row .tabular-nav { margin-left: 0px; }
    #maincontentwrapper > div > div > div#nav { margin-left: 0px; }
    #maincontentB { /*width: 75%;*/ top: 0px; /*left: 10px;*/ }
    #mainpagecontent { top: 0px; } 
    @-moz-document url-prefix() { /* firefox exception */
        #mainpagecontent { top: 0px; } 
    }
    #ipf-buffer {display: block; float:left;}
    #goldbar { font-size: 12px; height: 50px; padding-left: 0px;} 
    @-moz-document url-prefix() { /* firefox exception */
        /*#goldbar { height: 37px; } removed per x20161004 */
        #maincontentB { /*left: 40px; */}
    }
    #header img {  max-width: 33%; margin-top: 1.1em; width: auto; padding-top: 4px;} /* changed 1.3em to 1.1em */
    @-moz-document url-prefix() { /* firefox exception */
        #mainpagecontent { margin-top: 0px; }
    }
    .column { margin-top: 10px; margin-left: 0px;}
 
    .breakaway { display: inline-block; }
    /*.limitedheight { overflow: hidden; height: 0; max-height: 260px; }*/
    
    .gridpad img { max-width: 1021px; }
    .float-right-image {display: inline; float: right;} /* x20151208 */
    .float-left-image {display: inline; float: left;} /* x20151208 */
	.sidebar-left {display: inline; float: left;} /* x20151208 */
	.sidebar-right {display: inline; float: right;} /* x20151208 */
	.float-right-table {display: inline; float: right;} /* x20151208 */
	.float-left-table {display: inline; float: left;} /* x20151208 */
    #in-page-footer { margin: 0px 12px 0px 12px; }
    #hdrcontainer { background: #dfd2aa; /* override gradients per Randy 4 August 2015 */ }
    #header #headernav .search input[type="text"] { width: 90px; } /* 28 September 2015 */
}


@media all and (min-width: 800px){
    /*#social-media-icons { margin-left: 25px; }*/
    
}

@media all and (min-width: 821px){
    #header #headernav .search input[type="text"] { width: 120px; } /* 28 September 2015 */
}

@media all and (min-width: 880px){
    #goldbar { font-size: 14px; }    
    
}


@media all and (min-width: 890px){
    #maincontentB { /* left: 10px;*/ }
    
}


@media all and (min-width: 930px){
    #maincontentwrapper { margin-top: 0px !important;}
    
}

@media all and (min-width: 964px){
    .yui3-u-1-4 { width: 24.6%; }
    .yui3-u-1-3 { width: 33%; } /* was 32% */ /* changed from 32.6% per x20151209 */ /* #footer #footertext #logo, #footer #footertext #contactinfo removed from selectors per x20151211 */
    #footer #footertext #logo, #footer #footertext #contactinfo { width: 32.3%; } /* x20151211 */
    #footer #footertext #rightside { width: 32%; }
    .yui3-u-2-3 { width: 66.5%; } 
    
}

/* Added for footer alignment x20190312 */
@media all and (min-width:980px) {
    #footertextalign {width:80%;} /* x20190312 */
} 


@media all and (min-width:995px){
    #header { height: 50px; }
    /*#header img { width: 100%; max-width: 434px; padding-top: 0px; }  removed  per x20161209 */
    
}


@media all and (min-width: 1000px){ 
    #sidebar { display: block;} 
    ul#headernav { display: inline; white-space: nowrap; top: 1em;}
    ul#headernav li { white-space: nowrap;}
    #maincontentwrapper { margin-top: 0px !important;}
    #ipf-buffer {display: block; float:left;}
    /*#in-page-footer .pagecontainer { width: 75%; }*/
}

@media all and (min-width: 1024px){
    #social-media-icons { margin-left: 18px; }
    #header img { width: 100%; max-width: 434px; padding-top: 0px; } /* added per x20161209 */
}

@media all and (min-width: 1200px){
    #ofccontact, #ofchours {white-space: nowrap;} /* , #ofcaddress removed per x20161114 */
    
}
/* *************** end mobile-first Media Queries ********************** */

/* start non-mobile first media queries as fall backs to prevent overflow on iPhone 5 and IE10+ */

@media all and (max-width:768px){
    #maincontentarea { max-width: 768px !important; }
    @-ms-viewport { width: 748px; }
    #social-media-icons { white-space: normal; }
}
@media all and (max-width:480px){
    #maincontentarea { max-width: 480px !important; }
    @-ms-viewport { width: 460px; }
}
@media all and (max-width:320px){
    #maincontentarea { max-width: 320px !important; }
    @-ms-viewport { width: 300px; }
}
@media all and (max-width:120px){
    @-ms-viewport { width: 100px; }
}
/*  end non-mobile first media queries as fall backs to prevent overflow on iPhone 5 and IE10+  */




/* *********************** Start for YouTube RWD *************************** */
@media all and (max-width: 480px) {
    iframe:not(.unlimited-iframe):not(.instagram-media):not(.tableauViz) { max-width: 320px; height: auto; }/* :not(.instagram-media) appended per x20180920 *//*.tableauViz added per x20210914 */
    iframe.twitter-timeline { height: 675px; }
}
@media all and (max-width: 320px) {
    iframe:not(.unlimited-iframe):not(.instagram-media):not(.tableauViz) { max-width: 300px; height: auto; }/* :not(.instagram-media) appended per x20180920 *//*.tableauViz added per x20210914 */
    iframe.twitter-timeline { height: 675px; }
}


/* ************************ End for YouTube RWD **************************** */


/* *********************** START BANNERS - RWD Tiles - Action Links ******************** */

#bannertitle { 
    font-size: 74px; 
    margin-top:-94px; 
    font-family: Arvo, Georgia serif; 
    color: white; 
    opacity: 0.85; 
    display: block; 
    height: 94px; 
    margin-left: -5px; 
}
@media all and (min-width: 120px){
    #bannertitle { 
        font-size: 31px; 
        margin-top:-41px; 
        height: 38px; 
        margin-left: -3px; 
    }
    #leftspace, #rightrelatedregion { display: none; } /* x20151208 */
    #skinspace { width: 100% !important;} /* x20151208 */ /* x20151216 renamed class using "skin" instead of "article" in the name */
}
@media all and (min-width: 481px){
    #bannertitle { 
        font-size: 52px; 
        margin-top:-64px; 
        height: 62px; 
        margin-left: -5px; 
    }
    #leftspace, #rightrelatedregion { display: inline-block; } /* x20151208 */
    #skinspace { width: 65.8% !important;} /* x20151208 */ /* x20151216 renamed class using "skin" instead of "article" in the name */
}
@media all and (min-width: 1024px){
    #bannertitle { 
        font-size: 74px; 
        margin-top:-94px; 
        height: 94px; 
        margin-left: -5px; 
    }
}


#maincontentarea .rwdtile a { text-decoration: none; }

/* COMMENTED OUT BELOW x20220503*/
/* #maincontentarea .rwdtile a h4.lnktxt, #maincontentarea .rwdtile a div.lnktxt { /*div.lnktxt per x20200714 */
/*    margin-top: -8px;*/
/*    text-align:right;/* text-align right per x20200714  } */



@media all and (min-width: 120px){
    #maincontentarea .rwdtile a h4.lnktxt, #maincontentarea .rwdtile a div.lnktxt {/* div.lnktxt per x20200714 */
        /* x20220503 margin-top: -4px; */
        border-radius: 5px 5px 5px 5px;
        /* start x20200714 */
        text-align:right; 
        font-size: 19px;/* x20220823 increased from 18px */  
        max-height: 59px;
        line-height: 22px;
        font-family: Arial, Helvetica, sans-serif;    
        margin-bottom: 12px;    
        font-weight: normal;
        padding: 5px 10px;
        /* end x20200714 */
    }
}

#maincontentarea .rwdtile a h4.lnktxt, #maincontentarea .rwdtile a  > img {
            border-radius: 5px 5px 0px 0px; 
}
#maincontentarea .rwdtile a h4.lnktxt, #maincontentarea .rwdtile a img + div {
    border-radius: 0px 0px 5px 5px !important;
    margin-top: -4px;
}

#maincontentarea div.linkfarm > div, #maincontentarea .rwdtile h5.videoheading ~ div {
    border-radius: 5px 5px 5px 5px;
}

#maincontentarea .rwdtile div.itemsContainer div.image img {
    border-radius: 5px 5px 5px 5px;
}

#maincontentarea .rwdtile img.rwdtilenav { 
    height: 15px; 
    min-width: 10px; 
    padding-bottom: 13px; 
    padding-top: 19px; 
}

#maincontentarea .rwdtile h4 { font-size: 18px; line-height: 22px; }

/* start x20200714 */
.actionlinkcontainer { display:inline-table; }
.actionlinktext { display:table-cell;text-align:right;vertical-align:middle;padding-right:13px; padding-top:5px; }
.actionlinknav { display:table-cell;vertical-align:middle;text-align:center;padding-top:5px;padding-right:5px; }
/* end x20200714 */


/* ************************ END BANNERS - RWD Tiles - Action Links ********************* */

/* *********************** And finally some IE fun ************************* */

/* IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pagecontainer { overflow: visible;}
}

/* IE 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .pagecontainer { overflow: visible;}
}

/* IE 9+ */
@media screen and (min-width:0) and (min-resolution: +72dpi) {
    .pagecontainer { overflow: visible;}
}

/* IE 9 */
@media screen and (min-width:0) and (min-resolution: .001dpcm) { 
    .pagecontainer { overflow: visible;}
}

/* *********************** End some IE fun ************************* */

/* *********************** start for slideshow ********************* */
#slideshow { visibility: hidden; } /*#wholepage{display:none;}*//* slideshow rule applied instead of wholepage rule per x20180702 */
/* ************************ end for slideshow ********************** */

/* *********************** start for primary content type, i.e., articles, etc. ********************** */
.pctbc { display: none; } /* primary content type breadcrumbs */
/* ************************ end for primary content type, i.e., articles, etc. *********************** */


/* *********************** start circle-image x20160329 ******************************************************* */
.circle-image {
    line-height: 0;           /* remove line-height */ 
	display: inline-block;  /* circle wraps image */
	margin: 5px;
	border: 2px solid rgba(255,255,255,0.4);
	border-radius: 50%;     /* relative value */
	/*box-shadow: 0px 0px 5px rgba(0,0,0,0.4);*/
	transition: linear 0.25s;
}
.circle-image img, img.circle-image { /* img.circle-image selector per x20180404 */
	border-radius: 50%;     /* relative value for adjustable image size */
}
img.circle-image, img.circle-image { /* img.circle-image selector per x20180404 */
	color: transparent;
} /* IE fix: removes blue border */
/* **********************  end circle-image x20160329 ******************************************************** */

/* ********************** start figure/figurecaption x20190404 *********************************************** */
figure img {max-width: 310px; width: 100%;}
figcaption {background: #d6d6d6; padding: 10px; margin-top: -5px; font-size: 14px;}
/* Commented out x2020611 per Service Request 268795
img:not(.image-caption-310-right):not(.image-caption-310-left)~figcaption { width:101%; }*/
/* up until 768 it should be centered and override jquery */
@media (max-width: 768px) {figure.image {padding: 10px !important; float: none !important; display: block; margin-left: auto; margin-right: auto;}}
/* at 769 should be aligned to whatever it is assigned to by jquery, and override the 768 float despite its importance! */
/* **********************  end figure/figurecaption x20190404  *********************************************** */

/********************************* additional extending below *********************/
.lnktxt td { padding-top: 3px; }
a.ical {min-width: 34px; }/* x20170425 */
/* start x20180710 */
#maincontentarea #tabbed-region .rwdfeed, #maincontentarea .rwd-widget .news-list img, .rwd-widget .event-list img, .rwdSportsfeed img, .rwdBlogfeed img { padding-left: 0px !important; }
#maincontentarea .rwd-widget .rwdHTMLfeed ul, #maincontentarea .rwd-widget .rwdHTMLfeed ul~a, #maincontentarea #tabbed-region .rwdfeed a.readmore, #maincontentarea .rwd-widget .news-list ul li, #maincontentarea .rwd-widget .event-list ul li { padding-left: 10px !important; padding-right: 10px !important; }/* padding-right per x20200709 */
iframe #maincontentarea .rwd-widget .rwdHTMLfeed ul, iframe #maincontentarea .rwd-widget .rwdHTMLfeed ul~a, iframe #maincontentarea #tabbed-region .rwdfeed a.readmore, iframe #maincontentarea .rwd-widget .news-list ul li, iframe #maincontentarea .rwd-widget .event-list ul li { padding-left: 0px !important; }
/* end x20180710 */
/*ul.fancy,*/ ul.fancylist { list-style-image: url('//www.jmu.edu/_images/_dots/bullet-fancy.png'); }/* x20190315; ul.fancylist per x20210720; ul.fancy removed per x20210726 */
#maincontentarea ul.spaced-list, #maincontentarea ol.spaced-list, #defaultregion ul.spaced-list, #defaultregion ol.spaced-list { margin-bottom: 2em !important; }/* x20190508 */
.with-max-width {max-width: 500px;margin-left: auto;margin-right: auto; box-shadow: 5px 5px 5px grey;}/* x20191003 */
/* start x20200330 */
@media all and (max-width: 768px){
    @-moz-document url-prefix() { 
       #footer { position: relative; }
    }
}
/* end  x20200330 */
/* start placeholder change per x20200709 */
#header #headernav .search input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #eeeeee;
  opacity: 1; /* Firefox */
}

#header #headernav .search input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #eeeeee;
}

#header #headernav .search input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
  color: #eeeeee;
}
/* end placeholder change per x20200709 */
/* start x20200721 change */
ul.slimmenu { z-index: 981 !important; }
/* end x20200721 change */

/* Start x20201030 Heading background color classes */

.headerpadding {padding: 10px 15px;}
.bg-bluelight-nohover, .bg-bluelight {background: #D2EBF5 ; color: #000000;} /* change to #000000 per x20210615 */
.bg-bluelight:hover {background: #5498B6 ; color: #000000;} /* change to #000000 per x20210615 */

.bg-bluemedium-nohover, .bg-bluemedium {background: #5498B6 ; color: #FFFFFF;}
.bg-bluemedium:hover {background: #D2EBF5 ; color: #000000;} /* change to #000000 per x20210615 */

.bg-bluedark-nohover, .bg-bluedark {background: #3C738B ; color:  #FFFFFF;}
.bg-bluedark:hover {background: #5498B6 ; color: #000000 ;} /* change to #000000 per x20210615 */

.bg-goldlight-nohover, .bg-goldlight  {background: #F4EFE1 ; color: #000000;} /* change to #000000 per x20210615 */
.bg-goldlight:hover  {background: #CBB677 ; color: #000000;} /* change to #000000 per x20210615 */

.bg-goldmedium-nohover, .bg-goldmedium {background: #CBB677 ; color: #000000;} /* change to #000000 per x20210615 */
.bg-goldmedium:hover {background: #F4EFE1 ; color: #000000;} /* change to #000000 per x20210615 */

/*x20210614b added golddark color class */
.bg-golddark-nohover, .bg-golddark { background: #AD9C65 ; color: #000000; } /* change to #000000 per x20210615 */
.bg-golddark:hover { background: #F4EFE1 ; color: #000000; } /* change to #000000 per x20210615 */

.bg-graylight-nohover, .bg-graylight {background: #D6D6D6 ; color: #000000;} /* change to #000000 per x20210615 */
.bg-graylight:hover {background: #B2B2B2 ; color: #000000;} /* change to #000000 per x20210615 */

.bg-graymedium-nohover, .bg-graymedium {background: #B2B2B2 ; color: #000000;} /* change to #000000 per x20210615 */
.bg-graymedium:hover {background: #D6D6D6 ; color: #000000;} /* change to #000000 per x20210615 */

.bg-graydark-nohover, .bg-graydark {background: #595959 ; color: #FFFFFF;}
.bg-graydark:hover {background: #B2B2B2 ; color: #000000;} /* change to #000000 per x20210615 */

.bg-greendark-nohover, .bg-greendark {background: #5F791C; color: #FFFFFF;}
.bg-greendark:hover {background: #ADCC23; color: #000000;}/* #333333 instead of #CCCCCC per x20201102 */ /* change to #000000 per x20210615 */

.bg-greenmedium-nohover, .bg-greenmedium {background: #ADCC23; color: #000000;}/* #333333 instead of #CCCCCC per x20201102 */ /* change to #000000 per x20210615 */
.bg-greenmedium:hover {background: #DEEBA7; color: #000000}/* #333333 instead of #CCCCCC per x20201102 */ /* change to #000000 per x20210615 */

.bg-greenlight-nohover, .bg-greenlight {background: #DEEBA7; color: #000000;}/* #333333 instead of #CCCCCC per x20201102 */ /* change to #000000 per x20210615 */
.bg-greenlight:hover {background: #ADCC23; color: #000000;}/* #333333 instead of #CCCCCC per x20201102 */ /* change to #000000 per x20210615 */

.bg-purpledark-nohover, .bg-purpledark {background: #450084 ; color: #FFFFFF;}
.bg-purpledark:hover {background: #B599CE ; color: #000000;} /* change to #000000 per x20210615 */

.bg-purplelight-nohover, .bg-purplelight {background: #DACCE6 ; color: #000000;} /* change to #000000 per x20210615 */
.bg-purplelight:hover {background: #B599CE ; color: #000000;} /* change to #000000 per x20210615 */

/* Note from budnikrp: YES THE RED DOES NOT HAVE A DIFFERENT HOVER STATE - FOR NOW - BUT WE WILL STILL PUT IN THE CLASSES FOR COMPLETENESS */
.bg-red-nohover, .bg-red {background: #A4232B ; color: #FFFFFF ;}
.bg-red:hover {background: #A4232B ; color: #FFFFFF ;}

/* start x20201109 and x20201110 added -nohover to classes */
.bg-none .llhrdiv hr { border-bottom: 2px solid #333333; }
.bg-goldlight-nohover .llhrdiv hr { border-bottom: 2px solid #AD9C65; }
.bg-purplelight-nohover .llhrdiv hr { border-bottom: 2px solid #450084; }
.bg-graylight-nohover .llhrdiv hr { border-bottom: 2px solid #333333; }
.bg-greenlight-nohover .llhrdiv hr { border-bottom: 2px solid #5F791C; }
.bg-bluelight-nohover .llhrdiv hr { border-bottom: 2px solid #3C738B; }
/* end x20201109 */

/* start x20201110 */
.bg-yellow { background: #FFBD00; color: #000000; } /* change to #000000 per x20210615 */
.bg-yellow:hover { background: #FFCE33; } 
/* end x20201110 */

/* start x20201111 bg classes for faqs */
.bg-purplemedium-nohover, .bg-purplemedium {background: #B599CE; color: #000000;} /* change to #000000 per x20210615 */
.bg-purplemedium:hover {background: #DACCE6 ; color: #000000;} /* change to #000000 per x20210615 */
/* end x20201111 */

/* End x20201030 Heading background color classes */

.border-radius { border-radius: 5px; } /* x20211105 */
.border-radius-top { border-radius: 3px 3px 0px 0px; } /* x20211105 */
.border-radius-bottom { border-radius: 0px 0px 5px 5px; } /* x20220503 */


/* start x20201211 wysiwyg borders */ 
.border-bluelight { border: 1px solid #D2EBF5; border-radius: 5px; } 
.border-bluemedium { border: 1px solid #5498B6; border-radius: 5px; } 
.border-bluedark { border: 1px solid #3C738B; border-radius: 5px; } 
.border-goldlight { border: 1px solid #F4EFE1; border-radius: 5px; } 
.border-goldmedium { border: 1px solid #CBB677; border-radius: 5px; } 
.border-golddark { border: 1px solid #AD9C65; border-radius: 5px; } /*Added x20210614b */ 
.border-graylight { border: 1px solid #D6D6D6; border-radius: 5px; } 
.border-graymedium { border: 1px solid #B2B2B2; border-radius: 5px; } 
.border-graydark { border: 1px solid #595959; border-radius: 5px; } 
.border-greenlight { border: 1px solid #DEEBA7; border-radius: 5px; } 
.border-greenmedium { border: 1px solid #ADCC23; border-radius: 5px; } 
.border-greendark { border: 1px solid #5F791C; border-radius: 5px; } 
.border-purplelight { border: 1px solid #DACCE6; border-radius: 5px; } 
.border-purpledark { border: 1px solid #450084; border-radius: 5px; } 
.border-red { border: 1px solid #A4232B; border-radius: 5px; }
/* end x20201211 wysiwyg borders */ 

.slideshowEZmarginBottom { margin-bottom: 24px; }/* x20210614 */

/* start x20210723 */
.fancytextpurple {
font-family: Arvo, Georgia, serif !important;
color: #450084;
font-size: 18px !important;
line-height: 22px !important;
font-weight: normal;}

.fancytext {
font-family: Arvo, Georgia, serif !important;
color: #333333;
font-size: 18px !important;
line-height: 22px !important;
font-weight: normal;}
/* end x20210723 */


/* start x20210817 */
#sidebar .custnav li, #sidebar .nav ul li { text-align: left !important; border-top: 0px !important; overflow: hidden;}
.sideArrowGold { background: url(//www.jmu.edu/jmucmsfiles/images/sidebar-side-arrow-gold.png); background-repeat: no-repeat; }  
.nav-highlighted { 
    background: #d6d6d6 !important;  
    font-weight: bold;  
    width: 182px; /* this makes the background go across the whole nav */ 
} 
.nav-highlighted:hover { background: #d6d6d6 !important; } 
/* end x20210817 */

/* start x20210823 */
hr.hr-gradient-grey{
border: 0;
height:1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #CCCCCC, rgba(0, 0, 0, 0));
}
/* end x20210823 */
/* start x20220425 */
.factoid {
font-weight: bold;
font-size: 56px !important; /* x20220511 added  important keyword */ 
}
/* end x20220425 */
/* start x20220503 */
/* Removed per x20220505 
ul.slimmenu li ul li, ul.slimmenu > li li, ul.slimmenu > li li a { background-color: #cbb677 !important; }
ul.slimmenu li ul li:hover, ul.slimmenu > li li:hover, ul.slimmenu > li li a:hover { background-color: #ad9c65 !important; }
*/
/* end x20220503 */
/* start x20220811 */
@media print {
    #purpleband, #goldband, #goldbar, #mobileleftnav, #goldnav li, #mobileleftnav li, #mobileleftnav li.firstnavlink, #sncontainer, #scrollnotify, .skipnav, #back-top { visibility: hidden; }
}
/* end x20220811 */