/* keep the footer at the bottom of short pages */
html, body {
  height: 100%; 
}

#wrap {
  min-height: 100%;
}

#main {
  overflow:auto;
  padding-bottom:140px; /* this needs to be bigger than footer height*/
}

.top {vertical-align:top;}

.footer {
  position: relative;
  margin-top: -140px; /* negative value of footer height */
  height: 140px;
  clear:both;
  padding-top:20px;
}


.mobile img { /* image will scale to fit space */
    width: 100%;
}


.bg-white {
    background-color: #ffffff;
}

/* padding:top, right, bottom, left */
.padMe {
	padding: 0px 40px 20px 40px;
}

.logo {
	background-color: #ffffff;
	background-image: url("images/logo-new-bkgrd.png");
	background-repeat:no-repeat;
	padding: 0px 0px 10px 45px;
}


.Muli {font-family: 'Muli', sans-serif;}


/* navigation bar */
.navbar {
    margin-bottom: 0;
    background-color: #f4511e;
    border: 0;
	font-weight: bold;
    font-size: 0.85em !important;
    line-height: 1.42857143 !important;
    letter-spacing: 1px;
    border-radius: 0;
}

.navbar li a, .navbar {
    color: #fff !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
    color: #f4511e !important;
    background-color: #fff !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

/* Hamburger lines */
.icon-bar {
	background-color: #fff !important;
}

/* Dropdown */
.open .dropdown-toggle {
    color: #f4511e !important;
    background-color: #fff !important;
}

/* Dropdown links */
.dropdown-menu li a {
    color: #555 !important;
}

/* On hover, the dropdown link background will turn red, you have to declare a color too if you don't want the text to be red  */
.dropdown-menu li a:hover {
    background-color: #f4511e !important;
	color: #fff !important;
}

@media (max-width: 767px) {
    .dropdown-menu li a {
        color: #000 !important; /* Black dropdown links when the screen is less than 767 pixels wide since the background color displays red then */
    }
	.more-important li a {
		color: #555 !important; /* The sites main navigation menu causes black links when the screen is less than 767 pixels wide */
	}
}

.nobr	{ white-space:nowrap; }


/* Deadlines */
div.calendar {background-color: #999999; vertical-align:top; text-align:left; padding:8px 15px 35px; margin-top:29px;}

.Deadlines {
    line-height:120%;
	margin-top:15px;
    border-bottom:1px solid #EC9B61;
    padding-bottom:2px;
	text-align:left;
	vertical-align:top;
}

.whitetext {
    font-family: 'Open Sans', sans-serif;
	font-size:1em;
	color:#FFFFFF;
	text-align:left;
}

.whitetext A:link		{color:#FFFFFF; text-decoration:none;}
.whitetext A:visited	{color:#FFFFFF; text-decoration:none;}
.whitetext A:hover 		{color:#FFFFFF; text-decoration:underline;}
.whitetext A:active 	{color:#FFFFFF; text-decoration:underline;}

.smallwhitetext {
	font-size:0.9em;
	color:#FFFFFF;
	text-align:left;
	font-weight:bold;
}

.ReadMore {
    font-size:1em;
	float:right;
	font-weight:bold;
}

.ReadMore A:link	{color:#444444; text-decoration:none;}
.ReadMore A:visited	{color:#444444; text-decoration:none;}
.ReadMore A:hover 	{color:#444444; text-decoration:underline;}
.ReadMore A:active 	{color:#444444; text-decoration:underline;}

.button1 {
    padding: 3px 12px;
    background-color: #FC4C24;
    color: #ffffff;
    border-radius: 5px;
	font-size:1em;
	font-weight:bold;
}

.button1:hover  {color:#ffffff; text-decoration:none; background-color: #777;}

/* 3 NEW ARTISTS each 708 wide
float:left; causes the image not to scale up in size */
div.new-artists
{
padding:0px 4px 22px 4px;
text-align:center;
font-size:0.9em;
}
	
.new-artists img {
    width: 100%;
}

.new-artists img:hover {
     opacity: 0.9;
     filter: alpha(opacity=90); /* For IE8 and earlier */
}

.new-artistsNav A:link		{color:#333333; text-decoration:none;}
.new-artistsNav A:visited	{color:#333333; text-decoration:none;}
.new-artistsNav A:hover 	{color:#666666; text-decoration:none;}
.new-artistsNav A:active 	{color:#666666; text-decoration:none;}



/* Workshop Blurbs on Homepage */

.indented {
    padding: 0px 0px 0px 4px;
}

.lighter {color:#777777;}
.light {color:#444;}

.lines {
    line-height:110%;
	padding:15px 0px 15px;
    border-top:1px solid #cccccc;
}

.wkshp {
padding:0px 20px 0px;
}

.wkshp img {
    width: 100%; padding:0px 0px 6px; /* image = 225+ wide */
}

.wkshp img:hover {
     opacity: 0.9;
     filter: alpha(opacity=90); /* For IE8 and earlier */
}

.wkshpTitle {
    font-weight:bold;
}

.wkshpTitle A:link		{color:#777; text-decoration:none;}
.wkshpTitle A:visited	{color:#777; text-decoration:none;}
.wkshpTitle A:hover 	{color:#E94621; text-decoration:none;}
.wkshpTitle A:active 	{color:#E94621; text-decoration:none;}

.description {
font-size:1.08em;
line-height:140%;
font-family: 'Muli', sans-serif;
color:#6D6D6D;
}

/* Learn More links 
 .LearnMore a {
    color: #F05A38;
	font-weight:bold;
}
*/

.button2 {
    padding: 3px 12px;
    background-color: #F46649;
    color: #fff;
    border-radius: 5px;
	font-size:0.9em;
	font-weight:bold;
}

.button2:hover  {color:#ffffff; text-decoration:none; background-color: #FC4C24; border-color: #FC4C24;}

.Viewall {
    font-size:1.2em;
	font-weight:bold;
}

.Viewall A {
    color:#919191;
}



/* Banner Ads */
div.ads
{
padding:9px 15px 8px 15px;
}

.ads img {
    width: 100%;
}

.ads img:hover {
     opacity: 0.9;
     filter: alpha(opacity=90); /* For IE8 and earlier */
}



/* ActionBar above Footer */
.ActionBar {
    background-color: #EF3E34;
    color: #ffffff;
    padding: 16px;
}

.ActionBar a {
    color: #ffffff;
}

.ActionBar a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #CE352C;
	border-color: #FFB9B5;
}

.button5 {
    padding: 6px 23px;
    background-color: #EF3E34;
	border-color: #FFB9B5;
    color: #ffffff;
    border-radius: 19px;
	border-width: 2px;
	font-size:1.2em;
	font-weight:bold;
}

/* Footer */
footer {
    background-color: #E9E6E3;
    color: #666;
    padding: 27px;
}

footer a {
    color: #666;
}

footer a:hover {
    color: #777;
    text-decoration: none;
}



/* ADVERTISING BOXES for workshop ads */

@media (max-width: 767px) {
    .graybox {
		border-right:10px solid #fff; /* Add border on the right side of gray boxes when the screen is less than 767 pixels wide */
    }
}

@media (max-width: 991px) {
    .SEObox {
        display: none; /* Hide the SEO box when the screen is less than 991 pixels wide */
    }
}

@media (max-width: 767px) {
    .testimonials {
		display: none; /* Hide the testimonials when the screen is less than 767 pixels wide */
    }
}

.sz15 {font-size: 1.1em;}

.graytext {
    color: #515151;
}
.ltgraytext {
    color: #606060;
}

.bigbox {
    background-color: #A7A4A4;
    color: #ffffff;
	line-height:140%;
	padding: 23px 20px 10px 20px;
	border-bottom:10px solid #fff;
}
.graybox {
    background-color: #F0EFEE;
    color: #000;
	text-align:center;
	padding: 25px 22px 27px 22px;
	border-bottom:10px solid #fff;
	border-left:10px solid #fff;
}
.SEObox {
    background-color: #89B62D;
    color: #ffffff;
	line-height:135%;
	padding: 5px 22px 17px 22px;
	border-bottom:10px solid #fff;
	border-left:10px solid #fff;
}

.button8 {
    padding: 6px 23px;
    background-color: #fff;
	border-color: #89B62D;
    color: #89B62D;
    border-radius: 19px;
	border-width: 2px;
	font-size:1.2em;
	font-weight:bold;
}

.button8:hover  {color:#ffffff; background-color: #FA5908; border-color: #FA5908;}

.button9 {
    padding: 6px 23px;
    background-color: #FA5908;
	border-color: #FA5908;
    color: #ffffff;
    border-radius: 19px;
	border-width: 2px;
	font-size:1.2em;
	font-weight:bold;
}

.button9:hover  {color:#ffffff; background-color: #A7A4A4; border-color: #A7A4A4;}

.button10 {
    padding: 6px 22px;
    background-color: #FF9900;
	border-color: #FF9900;
    color: #ffffff;
	border-width: 2px;
	font-size:1.2em;
	font-weight:bold;
}

.button10:hover  {color:#ffffff; background-color: #A7A4A4; border-color: #A7A4A4;}

.testimonials {
	padding: 0px;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}



/* ADVERTISING PAGES */

.dark {
    background-color: #444444;
    color: #ffffff;
	padding: 20px 40px 20px 40px;
}
.sz16 {font-size: 1.15em;}
.sz19 {font-size: 1.25em;}

.quote {
    background-color: #EEEDEF;
}

.feature {
    background-color: #ffffff;
	padding: 20px 20px 15px 25px;
}
.feature1 {
	padding: 0px 15px 25px 35px;
	border-style: solid;
	border-color: #ffffff;
	border-left-color: #cccccc;
	border-width: 1px;
}
@media (max-width: 767px) {
    .feature1 {
        border-style: none; /* Hide the Success Stories border when the screen is less than 767 pixels wide */
    }
}
.feature2 {
	padding: 0px 15px 0px 35px;
	border-style: solid;
	border-color: #444444;
	border-left-color: #cccccc;
	border-width: 1px;
}

@media (max-width: 767px) {
    .feature2 {
        border-style: none; /* Hide the left border line when the screen is less than 767 pixels wide */
    width: 100%;
	padding: 0px 15px 0px 35px;
    }
}

.FrankWebb img { /* image will scale to fit space */
    width: 100%;
	padding: 0px 0px 0px 35px;
}

/* colors for fonts */
.green 	{color:#76B10A;}
.lightestgray 	{color:#999;}
.special	{font-family: 'Open Sans', sans-serif; color:#ff6633;}

/* red links */
.redlinks a {
    color: #E23D28;
}

.bold		{font-weight:bold;}
.italic		{font-style:italic;}
.center  	{text-align:center;}

.payments {
	padding:15px 25px 15px 25px; 
	border-style: solid;
	border-color: #D3D3D3;
	border-width: 1px;
	text-align:center;
}

.indent {
    padding: 0px 0px 0px 30px;
}

.button4 {background-color: #FA5908; color:#FFFFFF; font-weight:bold; margin-top:4px;}
.button4:hover  {color:#ffffff; text-decoration:none; background-color: #ABABAB;}


.blueNav A:link		{color:#2CABE4; text-decoration:underline; font-weight:bold;}
.blueNav A:visited	{color:#2CABE4; text-decoration:underline; font-weight:bold;}
.blueNav A:hover 	{color:#2CABE4; text-decoration:underline; font-weight:bold;}
.blueNav A:active 	{color:#2CABE4; text-decoration:underline; font-weight:bold;}




/* CALL FOR ARTISTS OPPORTUNITIES */

.button6 {
    background-color: #ffffff;
	border-color: #cccccc;
    color: #777;
    border-radius: 19px;
	border-width: 2px;
	font-size:1em;
	font-weight:bold;
	margin-bottom:8px;
}

.button6:hover {
    color: #fff;
    background-color: #f4511e;
	border-color: #FFB9B5;
}

.button3 {
    background-color: #ffffff;
	border-color: #cccccc;
    color: #777;
    border-radius: 19px;
	border-width: 2px;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:8px;
}

.button3:hover {
    color: #999;
}

#YourSelection	{color:#FFFFFF !important; background-color:#f4511e; border-color: #FFB9B5; font-weight:bold;}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.listing {
    position: relative;
	font-size:0.9em;
	line-height:145%;
	font-family: 'Muli', sans-serif;
    padding-bottom:25px;
	vertical-align:top;
}

@media (max-width: 767px) {
    .listing {
        font-size:1em; /* Larger text when the screen is less than 767 pixels wide */
    }
}

/* display width ~287 except for mobile; limit horizontal images to 300 and vertical images to 287 */
.listing img {
    width: 100%;
    padding-bottom:10px;
	padding-top:7px;
}

.AddBorder {
    border-bottom:2px solid #000000;
}

/* listing links */
 .listing a {
    color: #E23D28;
}

.region {
    padding: 10px;
	height: 60px;
	color:#FFFFFF;
	font-size:1.4em;
	line-height:120%;
	font-family: 'Open Sans', sans-serif;
	background-color:#CCCBC8;
}
.date {
    position: absolute;
	height: 60px;
    top: 0px;
    right: 15px;
    padding: 9px;
	line-height:165%;
	text-align:center;
	background-color:#B2B1AE;
	border-left:1px solid #fff;
}
.month {
    display:block;
    color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	font-size:1.15em;
}
.num {
    display:block;
    color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	font-size:175%;
	font-weight:bold;
}

.OppTitle {
line-height:125%;
font-size:1.05em;
font-family: 'Raleway', sans-serif;
font-weight: 600;
}

.OppTitle2 {
line-height:125%;
font-size:1.33em;
font-family: 'Raleway', sans-serif;
font-weight: 600;
}

ul.share-buttons{
  list-style: none;
  padding: 0px;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons img{
  width: 32px;
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */
}

ul.share-buttons img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}



/* WORKSHOPS */

@media (max-width: 767px) {
    .choices {
        display: none; /* Hide when the screen is less than 767 pixels wide */
    }
}

.specialNav A:link		{font-family: 'Open Sans', sans-serif; color:#ff6633; text-decoration:none; padding:4px;}
.specialNav A:visited	{font-family: 'Open Sans', sans-serif; color:#ff6633; text-decoration:none; padding:4px;}
.specialNav A:hover 	{color:#FFFFFF; text-decoration:none; padding:4px; background-color:#f4511e;}
.specialNav A:active 	{color:#FFFFFF; text-decoration:none; padding:4px; background-color:#f4511e;}

.Wlisting {
    position: relative;
	vertical-align:top;
}

.WBorder {
	border-left:1px solid #CCCCCC;
}

@media (max-width: 991px) {
    .WBorder {
        border-left:1px solid #fff; /* Hide the left border when the screen is less than 991 pixels wide */
    }
}

hr {
	color: #D6D6D6;
	background-color: #D6D6D6;
	height: 1px;
	border: 0;
}

.sz13 {
	font-size:0.9em;
	line-height:145%;
}


@media (max-width: 767px) {
    .sz13 {
        font-size:1em; /* Larger text when the screen is less than 767 pixels wide */
    }
}

.Location	{font-family: 'Open Sans', sans-serif; color:#777;}

/* limit VERTICAL images to 425 in height if 300 wide; display width ~287 to 313 except for mobile which is ~687 */
.Wlisting img {
    width: 100%;
	padding-top:4px;
}

/* workshop links */
.Wlisting a {
    color: #E23D28;
}



/* ARTISTS PAGES */

@media (max-width: 992px) {
    .vertical-menu {
        display: none; /* Hide the vertical-menu when the screen is less than 992 pixels wide */
    }
}
@media (max-width: 992px) {
    .sometimes {
        display: none; /* Hide the vertical-menu when the screen is less than 992 pixels wide */
    }
}

/* vertical menu container */
div.vertical-menu {vertical-align:top; text-align:left; padding:0px 18px 8px 8px; margin-left:0px; margin-top:30px; width:192px;
	border-style: solid;
	border-color: #ffffff;
	border-right-color: #cccccc;
	border-width: 1px;
}

/* vertical submenu */
div.vertical-menu ul
{
list-style-type:none;
margin:0;
padding:0;
}
a.submenu:link,a.submenu:visited
{
display:block;
color:#95C71D;
font-weight:bold;
background-color:#FFFFFF;
width:193px;
text-align:left;
border-bottom:1px solid #E2E2E2;
margin:0px 0px 3px 0px;
padding:18px 4px 4px 4px;
text-decoration:none;
text-transform:uppercase;
cursor:text;
}
a.submenu:hover,a.submenu:active
{
}

/* vertical submenuViewArt 154 */
a.submenuViewArt:link,a.submenuViewArt:visited
{
display:block;
color:#95C71D;
font-weight:bold;
background-color:#FFFFFF;
width:146px;
text-align:left;
border-bottom:1px solid #E2E2E2;
margin:0px 0px 3px 0px;
padding:0px 4px 4px 4px;
text-decoration:none;
text-transform:uppercase;
cursor:text;
}
a.submenuViewArt:hover,a.submenuViewArt:active
{
}

/* vertical submenuViewArt2 */
a.submenuViewArt2:link,a.submenuViewArt2:visited
{
display:block;
color:#777777;
letter-spacing:.2px;
background-color:#FFFFFF;
text-align:left;
padding:3px 0px 3px 16px;
text-decoration:none;
}
a.submenuViewArt2:hover,a.submenuViewArt2:active
{
color:#FFFFFF;
background-color:#9AD820;
}

#YouSelected	{color:#FFFFFF; background-color:#9AD820; font-weight:bold;}

.LTgreen {color:#95C71D; font-weight:bold;}
.LTgreen A:link		{color:#95C71D; text-decoration:underline;}
.LTgreen A:visited	{color:#95C71D; text-decoration:underline;}
.LTgreen A:hover 	{color:#95C71D; text-decoration:underline;}
.LTgreen A:active 	{color:#95C71D; text-decoration:underline;}

.ArtWorks {font-size:1em; text-align:center;}

.ArtWorks img { /* save at ~320 width */
    width: 100%;
	padding: 15px 0px 0px 0px;
}
.ArtWorks img:hover {
     opacity: 0.8;
     filter: alpha(opacity=80); /* For IE8 and earlier */
}

.ArtWorks A:link	{color:#888; text-decoration:none;}
.ArtWorks A:visited	{color:#888; text-decoration:none;}
.ArtWorks A:hover 	{color:#888; text-decoration:none;}
.ArtWorks A:active 	{color:#888; text-decoration:none;}

.spread {line-height:180%;}

/* gray links */
.graylinks a {
    color: #777; text-decoration:underline; font-family: 'Muli', sans-serif;
}


/* artists A-F, G-K, L-Q, R-Z */
.button7 {
    color: #999 !important;
	background-color: #ffffff;
	font-size:1em;
	font-weight:bold;
	margin-bottom:8px;
}
.button7:hover {
    color: #B3B3B3 !important; text-decoration:underline;
}


/* Portfolio images: save at ~320 width */
.Portfolio-image {
  position: relative;
  overflow: hidden;
  padding-bottom: 60%; /* here the desired aspect ratio */
}
.Portfolio-image img { 
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.Portfolio-image img:hover {
     opacity: 0.8;
     filter: alpha(opacity=80); /* For IE8 and earlier */
}
.Portfolio-content {
  padding: 1px 0px 0px 0px;
  background: #fff;
  margin-bottom:13px;
}
.Portfolio-text {
  position: relative;
  overflow: hidden;
  font-size:1em; 
  text-align:center;
  height: 40px; /* if artist name is too long it will get cut off, but it won't break the design */
}
.Portfolio-text A:link		{color:#777; text-decoration:none;}
.Portfolio-text A:visited	{color:#777; text-decoration:none;}
.Portfolio-text A:hover 	{color:#777; text-decoration:none;}
.Portfolio-text A:active 	{color:#777; text-decoration:none;}



.Total {
    width: 100%;
    border-top:2px solid #777;
    padding-top:10px;
}


/* RESOURCES */
div.resources
{
padding:0px 4px 2px 4px;
text-align:center;
font-size:1.3em;
}
	
.resources img {
    width: 100%;
}

.resources img:hover {
     opacity: 0.9;
     filter: alpha(opacity=90); /* For IE8 and earlier */
}

@media (max-width: 767px) {
    .toobig {
        display: none; /* Hide the images when the screen is less than 767 pixels wide */
    }
}


.book1 {
	padding: 0px 20px 10px 15px;
	border-style: solid;
	border-color: #F5F5F5;
	border-width: 1px;
	font-size:0.9em;
	line-height:150%;
	font-family: 'Muli', sans-serif;
}
.book {
	padding: 0px 20px 10px 20px;
	border-style: solid;
	border-color: #F5F5F5;
	border-left-color: #ccc;
	border-width: 1px;
	font-size:0.9em;
	line-height:150%;
	font-family: 'Muli', sans-serif;
}
@media (max-width: 767px) {
    .book {
        padding: 10px 20px 10px 15px;
		border-top-color: #ccc; /* Add border above when the screen is less than 767 pixels wide */
		border-left-color: #F5F5F5; /* Hide the book border when the screen is less than 767 pixels wide */
    }
}
.bookNext {
	padding: 0px 20px 10px 20px;
	border-style: solid;
	border-color: #F5F5F5;
	border-left-color: #ccc;
	border-width: 1px;
	font-size:0.9em;
	line-height:150%;
	font-family: 'Muli', sans-serif;
}
@media (max-width: 1199px) {
    .bookNext {
        padding: 10px 20px 10px 15px;
		border-left-color: #F5F5F5; /* Hide the book border when the screen is less than 1199 pixels wide */
    }
}
@media (max-width: 767px) {
    .bookNext {
        padding: 10px 20px 10px 15px;
		border-top-color: #ccc; /* Add border above when the screen is less than 767 pixels wide */
    }
}

.bookNext2 {
	padding: 0px 20px 10px 15px;
	border-style: solid;
	border-color: #F5F5F5;
	border-width: 1px;
	font-size:0.9em;
	line-height:150%;
	font-family: 'Muli', sans-serif;
}
@media (max-width: 767px) {
    .bookNext2 {
        padding: 10px 20px 10px 15px;
		border-top-color: #ccc; /* Add border above when the screen is less than 767 pixels wide */
    }
}


/* WORKSHOPS */

.FirstPage {
    background-color: #F4511E;
	color: #fff;
}
.FirstPage li a {
    color: #fff !important;
}
.FirstPage:hover  {color:#ffffff; text-decoration:none; background-color: #888;}

.Cyborg {
    background-color: #666;
	color: #fff;
}
.Cyborg li a {
    color: #fff !important;
}
.Cyborg:hover  {color:#ffffff; text-decoration:none; background-color: #888;}

#YouAreHere	{color:#fff !important; background-color:#95C71D;}



.matchNav A:link	{color:#555; text-decoration:none; padding:4px;}
.matchNav A:visited	{color:#555; text-decoration:none; padding:4px;}
.matchNav A:hover 	{color:#FFFFFF; text-decoration:none; padding:4px; background-color:#f4511e;}
.matchNav A:active 	{color:#FFFFFF; text-decoration:none; padding:4px; background-color:#f4511e;}

.matchWhiteNav A:link		{color:#FFFFFF; text-decoration:none; padding:4px;}
.matchWhiteNav A:visited	{color:#FFFFFF; text-decoration:none; padding:4px;}
.matchWhiteNav A:hover 		{color:#FFFFFF; text-decoration:none; padding:4px; background-color:#f4511e;}
.matchWhiteNav A:active 	{color:#FFFFFF; text-decoration:none; padding:4px; background-color:#f4511e;}


/* Workshop Banner Ads */
div.BannerAds
{
text-align: center;
padding:0px 15px 22px 0px;
}

.BannerAds img:hover {
     opacity: 0.9;
     filter: alpha(opacity=90); /* For IE8 and earlier */
}

/* gray links */
.charcoalNav a {
    color: #6D6D6D;
}






.Arial {font-family: 'Arial', sans-serif;}

/* NEWSLETTER: did not use this */
.customborder {
	padding:15px 25px 15px 25px; 
	border-style: solid;
	border-color: #D3D3D3;
	border-width: 1px;
	margin-left:9px;
	margin-right:9px;
}
@media (max-width: 767px) {
    .customborder {
        padding: 10px 10px 10px 10px;
		border-top-color: #fff; /* Hide border above when the screen is less than 767 pixels wide */
		border-left-color: #fff; /* Hide border on left when the screen is less than 767 pixels wide */
		border-right-color: #fff; /* Hide border on right when the screen is less than 767 pixels wide */
		border-bottom-color: #ccc; /* Show border below when the screen is less than 767 pixels wide */
    }
}