/*
Responsive Styles - Jamie Johnson
*/
/* ************ START CHANGE LOG **********************************************
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; }
#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; }
}
#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; }
/* *************************** 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%; }
#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; }


#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;
padding-left: 20px;
padding-right: 20px; /* x20160201 */
}

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

.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; } /* 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: 45px !important; 
    line-height: 45px !important; 
    letter-spacing: -1.5px !important; 
    text-align: center; 
    padding-top: 5px; /* added per x20160211 */
}
.skinpage h2 {  /* x20151216 renamed class using "skin" instead of "article" in the name */
    color: #595959;
    font-size: 24px;
    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;} /* 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 */

/* start x20160202 */
.skinpage tr.image-caption {
    position: relative;
    top: -4px;
}
.skinpage tr.image-caption td, .skinpage td.image-caption { 
        display:block !important; 
        padding: 10px;
} 
.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, #ofcaddress { *padding-right: 1em; white-space:nowrap; }
    #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 */ 
        #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; }
        #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; }  
    
}


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

@media all and (min-width: 1200px){
    #ofccontact, #ofchours, #ofcaddress {white-space: nowrap;}
    
}
/* *************** 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. *********************** */


/********************************* additional extending below *********************/
.lnktxt td { padding-top: 3px; }