/*
Responsive Styles - Jamie Johnson
*/
/* ************ START CHANGE LOG **********************************************
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: 99999; /* 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: Verdana,Geneva,, sans-serif;
    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;
}
/* 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; /* override gradients per Randy 4 August 2015 */
    
    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; }
#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; }
@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: url(none); }
#sidebar .custnav { background-color: #fff; }
#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; }/* x20161019 */
#maincontentarea h1 { font-family: Arvo, Georgia, serif; font-size: 28px; margin-bottom: 12px; font-weight: normal; }
#maincontentarea h2 { font-family: Arvo, Georgia, serif; font-size: 28px; margin-bottom: 12px; font-weight: normal; }
#maincontentarea h3 { font-family: Arial, Helvetica, sans-serif; font-size: 28px; margin-bottom: 12px; font-weight: normal; }
/* #maincontentarea h4 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; margin-bottom: 12px; 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; /*margin-bottom: 12px;*/ line-height: 26px; font-weight: normal; } /* margin-bottom 12px is the difference - removed by johns2ja per budnikrp 4 September 2015 */
#maincontentarea h5 { font-family: Arvo, Georgia, serif; font-size: 18px; margin-bottom: 12px; font-weight: normal; }
#maincontentarea h6 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.75px; font-weight: normal; }
#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; }
#maincontentarea p { font-family: arial; line-height: 20px; font-size: 14px; margin: 0 0 12px; }

.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; }
.gridpadv { padding: 0px 12px 12px 12px; overflow: hidden; }
.gridpad > div h1, .gridpad > div h2, .gridpad > div h3, .gridpad > div h4, .gridpad > div h5, .gridpad > div h6, .gridpad > div p { padding: 5px 10px; }
.gridpad img { width: 100%; } /* 12 October 2015 */
.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 */
#defaultregion p { line-height: 18px; margin: 0 0 12px; font-size: 14px;}

#defaultregion ol, #defaultregion ul, .gridpad ol, .gridpad ul { margin-left: 16px; font-size: 14px; }
.gridpad ul.tabs { margin-left: 0px; }
#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 {padding-bottom: 10px;} /* added per x20160524 */

#maincontentarea a:link { color: #450084; text-decoration: underline; }
#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; }
*/ 

#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;
}


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

.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: 14px; color: #a4232b;  font-style: italic; } 

/* **************************** 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, .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, #maincontentarea p.yellow-button, #maincontentarea p.purple-button { /* link instances being contained object of that class and paragaph instances added per x20160129 */
    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 { padding: 0 !important; } /* x20160129 */

.purple-button, .purple-button a:link, .purple-button a:visited { background-color: #450084; color: white !important; }  /* link instances being contained object of that class added per x20160129 */
.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; }  /* link instances being contained object of that class added per x20160129 */
.yellow-button:hover, .yellow-button a:hover { background-color: #ffcc3e; }  /* link instances being contained object of that class added per x20160129 */
/* ****************************** 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: #333333; font-weight: bold; }
#maincontentarea a.lflink:link { text-decoration: none; }
#maincontentarea a.lflink:visited { text-decoration: none; }
#maincontentarea a.lflink:hover { color: #333333; text-decoration: underline; }
#maincontentarea a.lflink:active { text-decoration: underline; }
#maincontentarea .linkfarm ul { list-style: none; }
#maincontentarea .linkfarm ul.llul, h6.llh6, h5.llh5 { margin-left: -10px; }
/* start x20151202 */
.linkfarm hr {
    margin-bottom: 9px;
    margin-top: -11px;
}
#maincontentarea ul.llul li { 
    line-height: 16px; 
    margin-bottom: 9px !important; 
}
#maincontentarea .gridpad ul.llul li {
    font-size: 12px !important;
}
#maincontentarea h5.llh5 { 
    margin-top: -8px;
}
/* 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 */
}
.skinpage h2 {  /* x20151216 renamed class using "skin" instead of "article" in the name */
    color: #595959;
    font-size: 24px !important; /* important keyword added per x20160802 */
    line-height: 38px;
    text-align: center; 
}
.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 */
}
/* .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; 
    font-size: 18px !important; 
    line-height: 30px !important; 
}
.skinpage p.skinsummary {  /* x20151216 renamed class using "skin" instead of "article" in the name */
    font-size: 16px; 
    line-height: 26px; 
    margin-top: 10px !important; /* x20160225 */
}
.skinpage h3 { /* x20151216 renamed class using "skin" instead of "article" in the name */
    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 */
.skinpage tr.image-caption {
    position: relative;
    /*top: -4px; remove per x20160509 */
    top: -5px; /* x20160509 */
    display: table-cell; /* x20160509 */
    padding: 0px; /* x20160509 */
}
.skinpage tr.image-caption td, .skinpage td.image-caption { 
        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; } /* x20160223 */
/* ********************* end article feed ******************** */

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

#maincontentarea #in-page-footer a {
    color: #333;
    text-decoration: none;
    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;}
#footer a:link { text-decoration: none; }
#footer a:visited { text-decoration: none; }
#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, #footer #footertext #logo, #footer #footertext #contactinfo {
        width: 100%;
    }
     #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;}
    ul#headernav, #headernav .search { display: none; }
    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; }
    #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;} 
    #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;} 
     #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;}
    #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; }
    #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%; } 
    
}

@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) { max-width: 320px; height: auto; }
    iframe.twitter-timeline { height: 675px; }
}
@media all and (max-width: 320px) {
    iframe:not(.unlimited-iframe) { max-width: 300px; height: auto; }
    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; }

#maincontentarea .rwdtile a h4.lnktxt {
    margin-top: -8px;
}

@media all and (min-width: 120px){
    #maincontentarea .rwdtile a h4.lnktxt {margin-top: -4px;}
}

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

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


/* ************************ 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 ********************* */
#wholepage{display:none;}
/* ************************ 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 {
	border-radius: 50%;     /* relative value for adjustable image size */
}
img.circle-image {
	color: transparent;
} /* IE fix: removes blue border */
/* **********************  end circle-image x20160329 ******************************************************** */

/********************************* additional extending below *********************/
.lnktxt td { padding-top: 3px; }
a.ical {min-width: 34px; }/* x20170425 */