/* AACG Main Stylesheet */

/* global styles */
body					{ margin:0 auto; background-color: #fff; font-family:Verdana, sans-serif; font-size:16px;  }
.clear					{ clear:both; height:0; overflow:hidden; margin:-1px 0 0 0; }
h2						{ font-size:24px; color:#363636; margin:0 0 20px; }
h3						{ font-size:21px; color:#333333; margin:0 0 10px; }
h4						{ font-size:18px; color:#333333; margin:0 0 10px; }
h4 a					    { font-size:18px; color:#5d7251; margin:0 0 10px; text-decoration:none; }
h5						{ color:#000; margin:0 0 2px 0; font-weight:bold; padding:0; }
p						    { margin:0 0 20px; color:#000; font-size:16px; line-height:24px; }
a						    { outline:none; }
.divider				{ height:10px; border-bottom:1px solid #d0d0d0; margin-bottom:10px; }

/* Sitemap section */
#sitemap 					{ width:100%; background-color:#363636; padding:0px 0px 20px; /* height:350px; */ display:none; }
#sitemap .last			{ margin-right:0px !important; }
#sitemap h3				{ padding-bottom:2px; color:#fff; padding-top:20px; }
.sitemapsec 				{ width:170px; margin-right:20px; float:left; }
.sitemapsec h6			{ width:150px; color:#7a926d; padding:15px 10px 5px; font-size:15px; }
.sitemapsec ul			{ width:170px; list-style:none; }
.sitemapsec ul li		{ width:150px; border-bottom:#45563b solid 1px; padding:4px 10px; }
.sitemapsec ul li a		{ color:#FFF; text-decoration:none; }
.sitemapsec ul li a:hover{ color:#FFF; text-decoration:underline; }
.topbtns				{ float:right; list-style:none; width:105px; }

/* header styles */
#header					{ width:100%; background:url(/images/bg-header.jpg) repeat-x; height:182px; }
.header					{ width:1065px; margin:0 auto; padding-left:105px; }
h1							{ float:left; width:385px; height:144px; background:url(/images/bg-logo.png) no-repeat; text-indent:-9999px; }
h1 a	 						{ width:385px; height:144px; display:block; }
.feature					{ float:left; width:555px; padding:15px 0 0 20px; height:129px; }
.feature li					{ float:left; margin:5px; }
.feature img				{ padding:7px; background:#fff; }

/* content styles */
#main					{ width:100%; background:url(/images/bg-main.gif); padding:20px 0 50px; }
#main-home		{ background-color: #fff; }
.wrapper				{ width:960px; margin:0 auto; }
.promo					{ margin:0 auto; background:url(/images/bg-body.jpg); font-family:Verdana, sans-serif; font-size:14px;  }
.promo p, .promo a		{ color: #fff; }

/* home page styles */
.rotator				{ height:350px; position:relative; margin-bottom:25px; }
.rotator .mission	{ float:left; width:315px; padding: 0px; height:262px; }
.mission h2     {margin-bottom: 10px !important;}
.rotator .slides		{ float:left; width:645px; height:337px; padding: 0px 0px 7px 0px; }
.rotator p				{ color:#363636; }
.rotator .links			{ position:absolute; bottom:18px; text-align:center; }
.rotator .links a		{ text-transform:uppercase; color:#fff; text-decoration:none; float:left; width:170px; }
.rotator .links a:hover	{ text-decoration:underline; }

.box					{ width:898px; border:1px solid #d0d0d0; background:#fff; padding:30px; margin:0 auto; overflow:auto; }
.box h3 img				{ margin:0 15px 0 10px; }

.news					{ float:left; width:275px; margin-right:35px; }
.news p					{ margin:0 0 4px; }
.news a					{ color:#5d7251; text-decoration:none; }
.news a:hover			{ text-decoration:underline; }
.news h4				{ margin:0 0 3px; }

.news .more				{ background:url(/images/bg-news-more.jpg) no-repeat; padding:11px 15px 0; height:80px; }
.news .more p			{ margin:0 0 3px 0; font-size:12px; color:#676666; }
.news .more a			{ float:right; color:#363636; text-decoration:none; }
.news .more a:hover		{ text-decoration:underline; }

.events							{ float:left; width:588px; }
.events .thumb				{ float:left; margin-right:20px; width:120px; }
.events .thumb img		{ padding:7px; background:#5d7251; }
.events .info					{ float:left; width:448px;  }
.events p						{ margin:0 0 4px; }
.events a						{ color:#5d7251; text-decoration:none; }
.events a:hover			{ text-decoration:underline; }
.events h4					{ margin:0 0 3px; }
.events p.yog				{ color: #1B5986; }


.events .more			{ background:url(/images/bg-events-more.jpg) no-repeat; height:55px; padding:12px 5px 0; }
.events .more a			{ color:#363636; text-decoration:none; line-height:32px; }
.events .more a:hover	{ text-decoration:underline; }
.events .more .one		{ float:left; width:284px; padding:0 0 0 20px; }
.events .more .two		{ float:left; width:180px; padding:0 20px 0 64px; }
.events .more .two a	{ padding:8px 0 0;}

/* new home page only styles */

.wrapper {
	padding-top: 4rem;
}

.article {
	width: 100%;
	page: 2rem;
	margin-top: 2rem;
	margin-bottom: 3rem;
}

.article-title {
	font-size: 1.25rem;
	line-height: 1.8rem;
	font-weight: 500;
}

.col-left {
	width: 48%;
	float: left;
}

.col-right {
	width: 48%;
	float: right;
}

.clear {
	clear: both;
}

.buttons {
	margin: auto;
	width: 350px;
	padding: 0 0 1.5rem 0;
	z-index: 100;
}

.button {
  background-color: #C7281F; 
  border: none;
  color: white !important;
  padding: 15px 30px;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  border-radius: 12px;
}

.bl {
	float: left;
}

.br {
	float: right;
}

.float-right {
	float: right;
}

a:link {
	color: #C7281F;
	text-decoration: none;
}

a:visited {
	color: #C7281F;
	text-decoration: none !important;
}

a:hover {
	color: #C7281F;
	text-decoration: underline;
}

a:active {
	color: #C7281F;
	text-decoration: none;
}

a.not-red:link {
	color: #000;
}

a.not-red:visited {
	color: #000;
}

a.not-red:active {
	color: #C7281F;
	text-decoration: none;
}

.text-center {
	text-align: center;
	font-weight: 500;
	margin-top: 1rem;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 10px;
  padding: 10px;
  align-content: space-evenly;
}

.grid-container > div {
  font-size: 30px;
  text-align: left;
}

h2.announcements {
	padding-top: 2.5rem !important;
}

h2 {
	color: #000;
}

.caption > h3 {
	padding-bottom: 0rem;
}

h3 {
	color: #000;
	padding-bottom: 1rem;
}

.member-links {
	font-size: 1.25rem;
}

/* end new home page styles */

/* sub page styles */
.ctop					{ height:20px; background:url(/images/bg-content-top.jpg); }
.cbtm					{ height:33px; background:url(/images/bg-content-btm.jpg); padding:15px 0 0; }
#content				{ background:url(/images/bg-content-2.jpg) bottom center; position:relative; overflow:auto; }
#content .content		{ float:left; width:600px; padding:15px 35px 35px; }
#content .content ul	{ margin:0 0 20px 20px; }
#content .content ul li	{ padding:3px 0; list-style:disc; color:#666666; }
#content .content ul li ul { margin-bottom: 0 !important; }
#content .content ul li ul li { list-style-type: circle; }

#content .content ol	{ margin:0 0 20px 40px; }
#content .content ol li	{ padding:3px 0; list-style:decimal; color:#666666; }
ul.member-nav { text-align: center; }
ul.member-nav li { display: inline-block; }

#content .sidebar		{ float:left; width:230px; padding:15px 30px 35px; }
#content .sidebar ul	{ margin:0 0 50px 0; }
#content .sidebar li	{ padding:0 25px 15px; background:url(/images/bg-sidebar-li.png) no-repeat; }
#content .sidebar a		{ color:#5d7251; text-decoration:none; font-size:15px; }
#content .sidebar a:hover,
#content .sidebar a.on	{ color:#363636; text-decoration:underline; }

.cbtm .links			{ width:290px; text-align:center; float:right; }
.cbtm .links a			{ text-transform:uppercase; color:#fff !important; text-decoration:none;  }
.cbtm .links a:hover	{ text-decoration:underline; }

/* member nav links */
#content a, 
ul.member-nav a,
.member a,
.box a					{ color:#5d7251; text-decoration:none; }

#content a:hover, 
ul.member-nav a:hover,
.member a:hover,
.box a:hover			{ text-decoration:underline  !important; }

.lowerbox				{ width:898px; border-color:#d0d0d0; border-width:1px; border-style:none solid solid solid; background:#fff; padding:30px; margin:0 auto; overflow:auto; color:#888888; font-size:15px; }

.posted					{ color:#5d7251; font-size:12px; margin:0 0 5px; }

table.events			{ border:1px solid #cccccc; background:#efefef; margin-bottom:20px; }
table.events td			{ padding:8px; color:#000; }

table.calendar			{ border:1px solid #e1e1e1; background:#efefef; margin-bottom:20px; }
table.calendar th		{ background:#cccccc; padding:10px; border-bottom:1px solid #5d7251; font-size:14px; font-weight:bold; }
table.calendar td		{ padding:10px; color:#000; border-bottom:1px solid #b7b7b7; }

table.scholarship td { padding: 10px; }

#content p span			{ color:#5d7251; }

.input					{ border:1px solid #cccccc; background:#efefef; padding:5px; width:250px; margin:0 10px 10px 0; }
.submit					{ background-color:#5d7251; border:#d0d0d0 solid 1px; padding:10px 50px; color:#fff; }
.select					{ float:left; margin-right:15px; }
.textarea				{ border:1px solid #cccccc; background:#efefef; padding:5px; width:250px; margin:0 10px 10px 0; }

/* artists of the month styles */
.rotatorA				{ background:url(/images/bg-rotator-artists.jpg) no-repeat; height:433px; position:relative; margin-bottom:25px; }
.rotatorA .intro		{ float:left; width:290px; padding:20px 20px 20px 30px; height:262px; }
.rotatorA h2			{ margin:0; line-height:24px; }
.rotatorA h3			{ margin:10px 0; }
.rotatorA h5			{ margin:10px 0; }
.rotatorA .slides		{ float:left; width:606px; height:337px; padding:7px 7px 7px 6px; }
.rotatorA p				{ color:#363636; }
.rotatorA .links		{ position:absolute; bottom:18px; text-align:center; left:50px; }
.rotatorA .links a		{ text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; float:none; margin:0 auto; }
.rotatorA .links a:hover{ text-decoration:underline; }

.box .thumbs			{ float:left; background:url(/images/bg-thumbs.png) no-repeat; width:190px; padding:5px; margin:12px; height:251px; }
.box .thumbs h4			{ margin:10px; }
.box .thumbs h5			{ margin:10px; }
.box .thumbs p			{ margin:10px; }
.box .thumb-holder		{ width:185px; height:175px; overflow:hidden; }
.box .thumb-holder img	{ position:relative; }

/* footer styles */
#footer					{ width:100%; background:url(/images/bg-body.jpg);  border-top:#363636 solid 2px; padding:0 0 20px; }
.footer					{ width:963px; margin:0 auto; overflow:auto; color:#fff; }
.footer .left			{ float:left; width:570px; margin-right:115px; padding-top:20px; }
.footer .right			{ float:left; width:275px; text-align:center; }
.footer ul				{ float:left; width:125px; margin-right:15px; }
.footer ul li			{ border-bottom:1px dotted #363636; padding:5px 0; display:block; }
.footer a 				{ color:#fff; text-decoration:none; }
.footer a:hover			{ color:#000; }
.footer p				{ color:#fff; }
.footer hr				{ height:1px; border:0; background:#363636; width:100%; margin-top:5px; }
.footer .social			{ margin-top:30px; }
.footer .social img		{ margin:0 10px 0 0; }

input.search			{ background:url(/images/bg-search.png) no-repeat; border:0; padding:12px 40px 12px 20px; color:#959595; font-size:12px; text-align:left; width:212px; height:14px; margin-bottom:20px; }



/* 2012 Celebratin Stuff Styles */

#content #celebraton h4	{ line-height:50px; }
#anni h2				{ font-size:22px; color:#363636; margin:0 0 20px; }
#anni h3				{ font-size:18px; color:#333333; margin:0 0 10px; }

table.elist				{ background:#efefef; margin-bottom:20px; padding:8px; font-size:12px; border-bottom:1px solid #efefef; }
table.elist th			{ font-weight:bold; color:#333333; margin:0 0 10px; padding:8px; background:#e1e1e1; }
table.elist td			{ padding:10px; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
table.elist .two		{ background:#fff; }
table.elist span		{ color:#000; }

.ephotos				{ float:left; width:600px; padding:0; margin-bottom:20px; }
.ephotos ul				{ margin:0 !important; }
.ephotos li				{ float:left; margin:0 5px 5px 5px; list-style:none !important; padding: }
.ephotos img			{ }

#content .content ul.vids 			{ margin:0 0 15px; }
#content .content ul.vids li 		{ list-style:none; background:#efefef; padding:5px; float:left; width:285px; margin:0 10px 10px 0; }
#content .content ul.vids img 		{ padding:5px; background:#fff; float:left; width:140px; }
#content .content ul.vids img:hover { padding:4px; background:#fff; border:1px solid #666666; }
#content .content ul.vids div		{ font-style:italic; font-size:14px; margin:0; float:left; width:110px; margin-left:5px; }
#content .content ul.vids .two		{ margin:0 0 10px 0;}

.anniversary #content .sidebar		{ float:left; width:230px; padding:15px 30px 35px; }
.anniversary #content .sidebar ul	{ margin:0 0 20px 0; }
.anniversary #content .sidebar li	{ padding:0 25px 10px; background:url(/images/bg-sidebar-li.png) no-repeat; }
.anniversary #content .sidebar a		{ color:#5d7251; text-decoration:none; font-size:14px; }
.anniversary #content .sidebar a:hover,
.anniversary #content .sidebar a.on	{ color:#363636; text-decoration:underline; }

.event-search						{ background:#efefef; margin:0 0 20px;  }
.event-search td					{ padding:5px; }
.event-search p						{ margin:0; }
.event-search input					{ border:1px solid #E1E1E1; background:#fff; width:220px; padding:15px; float:left; margin-left:8px; height:20px; }
.event-search input.submit			{ border:0; background:#5D7251; padding:15px; color:#fff; font-weight:bold; font-size:15px; width:50px; height:50px; }

span.terms				{ background:#fff799; }

.video-box				{ float:right; margin:0 0 15px 15px; border:1px solid #5E7153; padding:3px; background:#F0F0EE; }
.video-box iframe		{ margin-bottom:10px; }
.video-box h4			{ text-align:center; font-size:16px; color:#333333; margin:0 0 5px; }

.video-box-2			{ margin:10px 0 0; border:1px solid #D0D0D0; padding:3px; background:#F0F0EE; }
.video-box-2 iframe		{ margin-bottom:10px; }
.video-box-2 h4			{ text-align:center; font-size:14px; color:#5D7251; margin:0 0 5px; }

/* Slider styles */
.featured_banner { width:606px; float:right; height:350px; }
.sliderwrapper { position:relative; /*leave as is*/ overflow:hidden;  /*leave as is*/ width:606px; /*width of featured content slider*/ height:419px; }
.sliderwrapper .contentdiv { visibility:hidden; /*leave as is*/ position:absolute; /*leave as is*/ left:0; /*leave as is*/ top:0; /*leave as is*/ background:white; width:606px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height:100%; }
.caption { background:url(/images/bg-caption.png); width:526px; height:80px; padding:5px 50px 0 10px; z-index:98; position:absolute; margin-top:325px; margin-left:10px; color:#FFF; z-index:99; }
.caption p	{ color:#fff; }
.pagination { width:50px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ height:21px; background-image:url(/images/banner_btns_bg.png); background-repeat:no-repeat; background-position:bottom; text-align:center; position:absolute; margin:-53px 0 0 520px!important; padding:3px 0 0 10px; z-index:100; float:left; display:inline-block; }
.pagination a.prev { width:14px; height:14px; background-image:url(/images/little_arrows.png); background-repeat:no-repeat; background-position:top; display:inline-block; font-size:0; margin:0 8px 0 0!important; float:left; }
.pagination a.next { width:14px; height:14px; background-image:url(/images/little_arrows.png); background-repeat:no-repeat; background-position:bottom; display:inline-block; font-size:0; margin:0; float:left; }
.sliderwrapperHome { position:relative; /*leave as is*/ overflow:hidden;  /*leave as is*/ width:606px; /*width of featured content slider*/ height:335px; }
.sliderwrapperHome .contentdiv { visibility:hidden; /*leave as is*/ position:absolute; /*leave as is*/ left:0; /*leave as is*/ top:0; /*leave as is*/ background:white; width:606px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height:100%; }
.sliderwrapperHome .caption { background:url(/images/bg-caption.png); width:526px; height:50px; padding:5px 50px 0 10px; z-index:98; position:absolute; margin-top:270px; margin-left:10px; color:#FFF; z-index:99; }
.sliderwrapperHome .caption p	{ color:#fff; }
.sliderwrapperHome h3 { color:#fff; margin:0 0 5px; }
.sliderwrapperHome h3 a { color:#fff; text-decoration:none; }
.sliderwrapperHome h4 { color:#fff; font-size:14px; }


/* Drop Menu Styles */
.ddsmoothmenu 					{ font-size:17px; width:100%; font-family:Verdana, sans-serif; font-weight:normal; }
.ddsmoothmenu ul 				{ z-index:100000; margin:7px 0; padding:0; list-style-type:none; }

/*Top level list items*/
.ddsmoothmenu ul li 			{ position:relative; display:inline; float:left; }

/*Top level menu link items style*/
.ddsmoothmenu ul li a 			{ display:block; color:#fff; padding:5px 5px 4px; border-right:1px solid #1c1c1c; /* color:#2d2b2b; */ text-decoration:none; margin-bottom:7px; }
.ddsmoothmenu ul li a.last 		{ border-right:0; padding:5px 0 4px 13px; }
* html .ddsmoothmenu ul li a 	{ /*IE6 hack to get sub menu links to behave correctly*/ display:inline-block; }
.ddsmoothmenu ul li a:link,
.ddsmoothmenu ul li a:visited 	{ color:#fff; }
.ddsmoothmenu ul li a.selected 	{ /*background-image:url(../images/navi_rol.gif); background-repeat:repeat-x; */ color:#fff; } 
.ddsmoothmenu ul li a:hover 	{ color:#b3cea8; /*background-image:url(../images/navi_rol.gif); background-repeat:repeat-x; */ }

/*1st sub level menu*/
.ddsmoothmenu ul li ul 			{ position:absolute; left:0; display:none; font-size:17px;
/*collapse all sub menus to begin with*/
display:none; z-index:9999; z-index:9999; background-color:#363636; margin-top:-1px; }

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li { display:list-item; float:none;  }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top:0; }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a { width:160px; font-size:14px; color:#fff !important; /*width of sub menus*/ padding:8px 10px 8px 20px; margin:0; border-bottom:1px dotted #636363; }

.ddsmoothmenu ul li ul li a:hover { background-color:#636363!important; background-image:none;  }

/* Holly Hack for IE */
* html .ddsmoothmenu { height:1%; }

/*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass { position:absolute; top:12px; right:7px; }
.rightarrowclass { position:absolute; top:6px; right:5px; }

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow { position:absolute; left:0; top:0; width:0; height:0; }
.toplevelshadow { 
/*shadow opacity. Doesn't work in IE*/
}


/* To clear to full height */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#more-links { 
	width: 580px; 
	height: 100px; 
	background: url(https://contempglass.org/images/bg_bottom-nav-bar.jpg) no-repeat 5px 5px;
	padding: 5px; 
	margin: 30px 0;
	border: 1px solid #d5d5d5; 
	}

#more-links h4 { padding: 10px 0 6px 20px; }	
#links-right { width: 290px; float: right; }
#links-left  { padding: 0 0 0 20px; }

#more-links ul li { padding:0 25px 15px; background:url(/images/bg-sidebar-li.png) no-repeat; }