/*
 * SSCA 2020 combined style sheet:
 *		contains the following old style sheets:
 *			so_slideshow_1.css
 *			style_2011.css
 *			css/dropdown.css
 */
 
/* ======= styles from so_slideshow_1.css ================= */
 
#rotator 
	{
	top: 0px;
	border: 0px solid #ee0000;
	overflow: hidden;
	margin: 0px auto 0px auto;
	position: relative;
	width: 740px;
	height: 200px;
	}

#rotator img 
	{
	width: 740px;
	height: 200px;
	}
	
/* ======= styles from so_slideshow_2.css ================= */
 

#rotator {
	/* cursor: pointer; */
}

#rotator img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* ======= styles from style_2011.css ================= */
body	
	{
	margin: .75em auto .5em auto;
	padding: 0px;
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #000000; 
	height: 102%;
	}
h1
	{
	margin: 0;
	padding: 0;
	font-size: 130%;
	}
/* NON-MENU LINK COLORS  #426B0C */
/*
a:link		{ color: #1111ee; text-decoration: none; }
a:visited	{ color: #1111ee; text-decoration: none; }
a:active	{ color: #1111ee; text-decoration: underline; }
a:hover		{ color: #FF9900; text-decoration: none; }
*/
a:link		{ color: #1111ee; text-decoration: none; }
a:active	{ color: #ee0000; }
a:visited	{ color: #1111ee; text-decoration: none; }
a:hover		{ color: #22aa22; text-decoration: none;}

/* LIGHT LINK COLORS */
/*
a.lightlink:link	{ color: #FFFFCE; text-decoration: none; }
a.lightlink:visited	{ color: #FFFFCE; text-decoration: none; }
a.lightlink:active	{ color: #FFFFCE; text-decoration: none; }
a.lightlink:hover	{ color: #000000; text-decoration: underline; }
*/

/* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

table 		{ color: #000000; font: 11px verdana, arial, sans-serif;}

.title 
	{
	color: #323232; 
	font: bold 14px  verdana, arial, sans-serif; 
	padding-left: .4em;
	float: left;
	clear: both;
	border-top:   2px solid #707070;
	border-left:  2px solid #707070;
	border-right: 2px solid #707070;
	-webkit-border-top-left-radius:  7px;
	-webkit-border-top-right-radius: 7px;
	border-top-left-radius:          7px;
	border-top-right-radius:         7px;
	}
	
.title-top
	{
	color: #323232; 
	font: bold 18px  verdana, arial, sans-serif; 
	margin-left: 4px;
	margin-top: 8px;
	float: left;
	clear: right;
	border-top:   2px solid #707070;
	border-left:  2px solid #707070;
	border-right: 2px solid #707070;
	-webkit-border-top-left-radius:  7px;
	-webkit-border-top-right-radius: 7px;
	border-top-left-radius:          7px;
	border-top-right-radius:         7px;
	}
	
.title2
	{
	margin: 0 auto 12px auto; 
	text-align: center; 
	font-size: 18px; 
	font-family: verdana, arial, sans-serif; 
	color: #323232;
	}
	
.t-under	{border-bottom: 0px solid black; padding: 2px; width: 96%;}
.tt-under	{text-decoration: underline;}
.subtitle 
	{ 
	color: #000000; 
	font: bold 15px  verdana, arial, sans-serif; 
	}

.headerphone 	{ color: #FFFFFF; font: bold 15px  verdana, arial, sans-serif; }

.headertext 	{ color: #FFFFFF; font: bold 11px  verdana, arial, sans-serif; }

.testimonial	{ color: #009900; font:  italic bold 11px verdana, sans-serif; }

.just
	{
	text-align: justify;
	font-size: 12px;
	font-family: verdana, arial,  sans-serif;
	}

.list		{ margin: 8px 0 0 25px; }

.pagewidth	
	{ 
	width: 958px;	 /* { width: 850px; } */
	border-left: 2px solid #a1a1a1;
	}

.pageheight	{ height: 640px; } /* { width: 600px; } */

/* INNER AND OUTER BACKGROUNDS */

.inner-background	
	{
	background-color: #FFFFFF;
	border: #4C2806 0px solid;
	}

.outer-background	
	{
	background-color: #323232;		/* #38670F; ** pleasant green */
	margin: 0 auto 0 auto;
	}

/* FOOTER */

.footer		{ background-color: #FFFFFF; }

.footertext 	{ color: #72767F; font: 10px  verdana, arial, sans-serif; }

/* IMAGE BORDERS */

.bannerborder
	{
	border:  0px solid #D7D7D7;
	padding-top: 2px;
	}

.imageborders		{ border: #7B7F88 1px solid; }

.imageborderside	{ border: #7B7F88 1px solid; }

/* START THE CODE FOR THE MENUS */

.menu-table 	{
	width: 100%;
	background-color: #a1a1a1;	/* #426B0C; */
	padding-top: 4px;	/* 10px; */
	padding-bottom: 4px;		/*	10px; */
	border-top: 1px solid #7B7F88;
	background-image: url( picts/menu_gray.jpg );
	}
.menu-bottom-table
	{
	width: 100%;
	background-color: #a1a1a1;	/* #426B0C; */
	padding-top: 4px;	/* 10px; */
	padding-bottom: 4px;		/*	10px; */
	border-top: 1px solid #7B7F88;
	background-image: url( picts/menu_gray.jpg );
	}
.menu-right-border	{ border-right: 1px solid #7B7F88;	}

.menu		
	{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;	/* center; */
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0px;
	cursor: pointer;
	display: block;
	white-space: nowrap;
	background-color: transparent;
	border-right: #2D4A07 1px solid;
	border-bottom: #2D4A07 0px solid;
	}
.menu-row2
	{
	border-top:  black 1px solid;
	}
.menu-last		
	{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 0px;
	margin-left: 0px;
	cursor: pointer;
	display: block;
	white-space: nowrap;
	background-color: transparent;
	border-right: #2D4A07 0px solid;
	border-bottom: #2D4A07 0px solid;
	}

.firstmenu	{
	margin-left: 5px;
	border-left: #2D4A07 0px solid;
	}

.narrow
	{
	padding-left: 10px;
	padding-right: 10px;
	}
	
.awards-menu		
	{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 0px;
	cursor: pointer;
	display: block;
	white-space: nowrap;
	background-color: transparent;
	border-right: #2D4A07 1px solid;
	border-bottom: #2D4A07 0px solid;
	}

.awards-menu-last		
	{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;	/* center; */
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 0px;
	cursor: pointer;
	display: block;
	white-space: nowrap;
	background-color: transparent;
	border-right: #2D4A07 0px solid;
	border-bottom: #2D4A07 0px solid;
	}

a.menu:link 	{	color: #FFFFFF;	}
a.menu-last:link 	{	color: #FFFFFF;	}

a.awards-menu:link 	{	color: #FFFFFF;	}
a.awards-menu-last:link 	{	color: #FFFFFF;	}

a.menu:visited 	{ color: #FFFFFF;	}
a.menu-last:visited 	{ color: #FFFFFF;	}

a.awards-menu:visited 	{ color: #FFFFFF;	}
a.awards-menu-last:visited 	{ color: #FFFFFF;	}

a.menu:active 	{ color: #ee0000; }
a.menu-last:active 	{ color: #ee0000; }
a.awards-menu:active 	{ color: #ee0000; }
a.awards-menu-last:active 	{ color: #ee0000; }

a.awards-menu:hover{
		position: relative; top: -2px; right: 1px;
		padding-left:  8px;
		padding-right: 8px;
		padding-top: 6px;	/* 13px; */
		margin-bottom: -6px;
		padding-bottom: 7px;	/* 14px; */
		background-color:#1C2D05;
		color: #FFFFFF;
		border-right: #1C2D05 1px solid;
		border-bottom: 0px solid #1C2D05;
		}
a.awards-menu-last:hover
	{
	position: relative; 
	top: -2px; 
	right: 1px;
	padding-left:  8px;
	padding-right: 8px;
	padding-top: 6px;	/* 13px; */
	margin-bottom: -6px;
	padding-bottom: 7px;	/* 14px; */
	background-color:#1C2D05;
	color: #FFFFFF;
	border-right: #1C2D05 1px solid;
	border-bottom: 0px solid #1C2D05;
	}
	
a.menu:hover  
	{
	position: relative; top: -11px; right: 1px;
	padding-left: 10px;		/* 21px; */
	padding-right: 10px;	/* 19px; */
	padding-top: 6px;		/* 13px; */
	margin-bottom: -22px;
	padding-bottom: 7px;	/* 14px; */
	background-color:#1C2D05;
	color: #FFFFFF;
	border-right: #1C2D05 1px solid;
	border-bottom: 0px solid #1C2D05;
	}
		
a.menu-last:hover  
	{
	position: relative; 
	top: -11px; 
	right: 1px;
	padding-left: 10px;		/* 21px; */
	padding-right: 10px;	/* 9px; */
	padding-top: 6px;	/* 13px; */
	margin-bottom: -22px;
	padding-bottom: 7px;	/* 14px; */
	background-color: #1C2D05;
	color: #FFFFFF;
	border-right: #1C2D05 0px solid;
	border-bottom: 0px solid #1C2D05;
	}
		
.hh2
	{ 
	font-size: 115%;
	letter-spacing: 2px;
	color: #111111;
	font-weight: bold;
	text-decoration: underline;
	}
	
.hh3
	{ 
	font-size: 110%;
	letter-spacing: 1px;
	color: #111111;
	font-weight: bold;
	}
.containerRight
	{
	width: 98%;
	margin-top: 0;
	padding-top: 0;
	}
	
.title-bar
	{
	clear: both;
	width: 99%; 
	height: 5px; 
	background-color: #707070;
	padding-top: 0px;
	margin-top: -7px;
	}
	
.title-bar-lower
	{
	clear: both;
	width: 99%; 
	height: 5px; 
	background-color: #707070;
	padding: 0;
	margin: 0 0 0 1px;
	}
.center
	{
	text-align: center;
	margin: 0 auto 0 auto;
	}
.margin-center
	{
	margin: 0 auto 0 auto;
	}
.footerBar
	{
	z-index: 102; 
	vertical-align: middle;
	line-height: 100%;
	border: 2px solid #707070;
	font-size: 90%;
	padding: 10px 0 10px 0;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 85%;
	border-radius: 10px;
	}
	
.ow	{ font-size: 110%;	}
.pcontacts
	{
	margin-left: 32px;
	font-size: 90%;
	font-family: verdana, arial, Helvetica, sans-serif;
	}
.pfont1
	{
	font-size: 90%;
	font-family: verdana, arial, Helvetica, sans-serif;
	}
.pfont-rescue
	{
	font-size: 100%;
	font-family: verdana, arial, Helvetica, sans-serif;
	line-height: 20px;
	}
.index-page-content
	{
	height: 380px; 
	width: 92.5%;
	margin-top: 12px;
	padding-top: 22px;
	}

.datestring	{ color: #FFFFCE; text-decoration: none; border-right: 0px solid #2D4A07; }
/*
 * The width of the content box is set at 97%.  
 * Add in the padding on the left and right to the width
 * and this box fits very comfortably within the white area
 * of the page.
 */
.contentBox
	{
	margin: 0 0 12px 0;
	padding: 6px 11px 12px 11px; 
	border-top: 0px solid #323232; 
	width: 99%;
	text-align: left;
	clear: both;
	}
/*
 * Everyghing on the page is contained in the page box.  This includes:
 * - header/banner text
 * - page image
 * - the 2 navigation bars
 * - page contents
 * - only the main page conatins the footer with the copyright
 */
.page-box
	{
	padding: 0; 
	border: 0px solid brown; 
	width: 970px;
	margin: 0 auto 0 auto;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	}
	
.img-style	{ margin-top: 4px; }
.lavender	{	background-color: lavender; }
#errorMessages
	{
	display: none;
	position: relative;
	top: 2px;
	height: 10px;
	color: #202020;
	width: 84%; 
	font-size: 12px;
	border: 2px solid red;
	margin: 0 auto 14px auto;
	padding: 12px 12px 4px 12px;
	font-family: verdana, arial, Helvetica, sans-serif;
	background-color: lavender;
	}
	
.td15		/* used by the board of governors table */
	{
	padding-right: 12px;
	text-align: right;
	width: 40%;
	font-size: 12px;
	line-height: 16px;
	}
.rescue		/* used by the board of governors table */
	{
	font-size: 12px;
	line-height: 16px;
	}
	
.td15-left		/* used by the board of governors table */
	{
	padding-left: 2px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	}
	
.ca4a4a4	{ background-color: #a4a4a4; }
.brc		{ clear: both; }
.mactive	{ color: #ee0000; border-bottom: 0px solid red; }
.indent25	{ margin-left: 25px; }
.over40		{ margin: 0 0 0 40px; }
.top12		{ margin: 12px 0 0 0; }
.b-bottom	{ border-bottom: 1px solid black;	}
.yellow-back{ background-color: yellow; }
.tcenter	{ text-align: center; }
.boxcenter	
	{ 
	width: 84%;
	margin: 0 auto 0 auto;
	}
/*
	float: left;
	clear: right;

 * The boxleft class is a kludge for IE 7 and IE6 so that a warning
 * box is centered on the page.  The box is centered in FireFox and
 * Safari without this style and is still centered with it.
 */
.boxleft
	{
	display: none;
	float: left;
	width: 7%;
	height: 56px;
	}
.liststyle-decimal
	{
	margin-left: 20px; 
	padding-left: 0px;
	list-style-type: decimal;
	line-height: 22px;
	}
.liststyle-none
	{
	list-style-type: none; 
	margin-left: 20px;
	}
.liststyle-circle
	{
	margin-left: 20px; 
	margin-bottom: 10px;
	padding-bottom: 0px;
	list-style-type: circle;
	font-size: 100%;
	}
.liststyle-square
	{
	margin-left: 20px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-type: square;
	}
.liststyle20
	{
	margin-left: 20px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-type: disc;
	}
.liststyle30
	{
	margin-left: 30px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-type: disc;
	}
.liststyle30circle
	{
	margin-left: 30px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	list-style-type: circle;
	}

.li-space
	{
	margin-bottom: 14px;
	}
	
.awardstyle
	{
	list-style-type: circle; 
	margin-left: 20px;
	}
	
.disclaimer
	{
	border-radius: 15px;
	width: 88%; 
	clear: both;
	margin: 0 auto 0 auto; 
	font-weight: bold; 
	color: black; 
	padding: 14px; 
	border: 4px solid #ee0000; 
	background-color: lavender;
	}
.winners
	{
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	}
/*
 * ===================================================================
 * The following styles are for the junior handler awards
 */
#security img { border: 2px solid #000; }
label, input, #security img { margin: 8px 0 0 8px; padding: 0 0 0 10px;}
label { float: left; width: 7em; }

.boxstyle
	{
	margin: 0 auto 0 auto; 
	border: .2em solid blue; 
	padding: .4em; 
	text-align: left; 
	width: 84%; 
	font-size: 90%; 
	line-height: 120%;
	}
.boxstyle2
	{
	margin: .5em auto .5em auto; 
	border: 0em solid blue; 
	padding: .4em; 
	text-align: left; 
	width: 98%; 
	letter-spacing: .1em;
	line-height: 110%;
	}
.rules-header
	{
	font-size: 120%; 
	font-family: verdana, sans-serif;
	font-weight: bold;
	letter-spacing: .2em;
	text-decoration: underline;
	padding-bottom: .7em;
	}
.rules
	{
	font-size: 100%; 
	font-family: verdana, sans-serif;
	letter-spacing: .1em;
	padding-bottom: .7em;
	}
.explain
	{
	font-family: verdana, sans-serif;
	letter-spacing: .1em;
	background-color: lavender;
	margin-top: 12px;
	padding: 10px 12px 10px 12px;
	border-radius: 15px;
	}

.fancy-bottom
	{
	height: 62px;
	margin: 0 auto 6px auto;
	padding: 0 6px 6px 6px;
	background-image: url( images/decor-bottom3.jpg );
	background-repeat: no-repeat;
	background-position: center center;
	}
	
.glow-box
	{
	color: #333333;
	box-shadow: 0 0 0 0 #ffffff;
	transition:         box-shodow .3s ease-in .4s;
	 -moz-transition: box-shodow .3s ease-in .4s;
	-webkit-transition: box-shodow .3s ease-in .4s;
	}
	
.glow-box:hover
	{
	box-shadow: 5px 5px 5px 5px  #ffdd99;
	}

.asterisk
	{
	color: red;
	font-weight: bold;
	font-size: 120%;
	padding: 0;
	margin: 0;
	}
.li_bold	{ font-weight: bold; }

.cb {	clear: both; }
.border0	{ border: 0; }
.alignleft	{ text-align: left; }
.aligntop	{ vertical-align: top;	}
.aligntopleft { text-align: left; vertical-align: top; }
.border-spacing 
	{ 
	border-collapse: separate; 
	border: 1px solid red; 
	border-spacing: 18px; 
	}
/*
 * styles used for the health survey pages
 */
.ostyle
	{
	margin: 0 0 0 40px;
	list-style-type:decimal; 
	line-height: 120%;
	font-size: 100%;
	font-weight: bold;
	}

 
/* ======= styles from css/dropdown.css ================= */
/* 
 * Drop-Down Navigation styles
 */
* 
	{
	margin: 0;
	padding: 0;
	}
.menu-container
	{
	margin: 0 auto 0 auto;
	width: 96%;
	padding-top: 6px;		/* 20px; */
	padding-bottom: 2px;		/* 20px; */
/*
	border-top:    2px solid blue;		** #999; **
	border-bottom: 2px solid red;		** #999; **
*/
	height: 32px;
	border-bottom: 0px solid #333333;
	}
	
.dropdown 
	{
	background: #fff;
	padding: 1px 0 0 1px;
	/* overflow: hidden; */
	display: inline;
	height: 29px;
/*
	border-top:    2px solid yellow;	
	border-bottom: 2px solid lime;	
*/
	width: 98%;
	}

.dropdown a 
	{
	background: #222 url(../images/gradient.gif) repeat-x;
	border: 1px solid #fff;
	border-top-width: 0;
	color: #333;
	display: block;
	line-height: 25px;
	overflow: hidden;
	text-decoration: none;
	height: 27px;		/* 28px; */
	font-weight: bold;
	padding: 0;
	border-radius:    7px;
	-webkit-border-radius: 7px;
	border-radius:         7px;
	}
	
.dropdown a:hover 
	{
	color: #fff;
	background: #666;
	}

.dropdown ul a 
	{
	background: #222;
	}

.dropdown li 
	{
	list-style: none;
	position: relative;
	text-align: left;		/* center */
	/* width: 180px; */
	padding: 0 4px 0 4px;
	background-color: red;
	}

.dropdown li.dropdown_trigger 
{
	display: inline;
	float: left;
	margin: 0 0 0 -1px;
}

.dropdown ul 
	{
	background: #fff;
	border: 1px solid #999;
	border-top-width: 0;
	position: absolute;
	top: 26px;
	left: -1px;		/* -1px; */
	z-index: 9999;
	}

.dropdown ul 
	{
	display: none;
	}

.dropdown li.dropdown_trigger:hover ul 
	{
	display: block;
	}

/* 
 * Rounded Corners --------------------------------------------------
 */
.dropdown li.dropdown_trigger ul,
.dropdown li.dropdown_trigger  ul  li:last-child  a 
{
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/*
 * ********************************** new navbar styles *************************
 */
.mycenter {
	margin: 0 auto !important; 
	width: 100%;
	}
.red { color: #ee0000; }
.under {
	margin: 0;
	padding: .1rem .2rem 0 1.0rem;
	border-bottom: .1rem solid gray;
}
a:hover { background-color: silver !important; }
.round_links { border-radius: 5px; font-weight: bold; margin-right: .15rem;}

.link_spacing {border: .2rem solid purple; }
.pagewidth2	
	{ 
	width: 90%;	 /* { width: 850px; } */
	border-left: 2px solid #a1a1a1;
	}

/*
 * styles for about2.html 
 */
.about2_back {
    background-image:  url('../images/about2.jpg') ;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	font-weight: bold;
}	
.donations2_back {
    background-image:  url('../images/evelyn_nate.jpg') ;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	font-weight: bold;
	padding-left: 1rem;
}	

.SSCAheader {
	margin: 1rem auto 0 auto;  
	background-color: purple; 
	width: 60%; 
	padding: 0 4%;
	font-weight: bold;
	line-height: 2.5;
	font-size: 130%;
	color: #dcdcdc;
	border-radius: 35px;
}
/* 1172 - 1024  */
@media only screen and (max-width: 1172px) and (min-width: 1045px) {
	.SSCAheader {
		margin: 1rem auto 0 auto;  
		background-color: purple; 
		width: 65%; 
		padding: 0 4%;
		font-weight: 500;
		line-height: 2.25;
		font-size: 120%;
		color: #dcdcdc;
		border-radius: 25px;
	}
	#breedDrop { "margin" : 0 0 0 0;}
	#sscainfoDrop { "margin" : 0; }
	#awardsDrop { "margin-top" : 0; }
	#membersDrop {"margin-top" : 0; }
}

@media only screen and (max-width: 1044px) and (min-width: 960px) {
	.SSCAheader {
		margin: 0 auto;  
		background-color:purple; 
		width: 62%; 
		padding: 0 4%;
		font-weight: 500;
		line-height: 2.0;
		font-size: 110%;
		color: #dcdcdc;
		border-radius: 20px;
	}
	#breedDrop { "margin-top" : 6rem; }
	#sscainfoDrop { "margin-top" : 4rem; }
	#awardsDrop { "margin-top" : 6rem; }
	#membersDrop { "margin-top" : 6rem; }
}

@media only screen and (max-width: 959px) and (min-width: 760px) {
	.SSCAheader {
		margin: .50rem auto 0 auto;  
		background-color: purple; 
		width: 64%; 
		padding: 0 4%;
		font-weight: 500;
		line-height: 1.50;
		font-size: 100%;
		color: #dcdcdc;
		border-radius: 15px;
	}
	#breedDrop { "margin-top" : 6rem; }
	#sscainfoDrop { "margin-top" : 4rem; }
	#awardsDrop { "margin-top" : 6rem; }
	#membersDrop { "margin-top" : 6rem; }
}

@media only screen and (max-width: 759px) and (min-width: 480px) {
	.SSCAheader {
		margin: .50rem auto 0 auto;  
		background-color: purple; 
		width: 70%; 
		padding: 0 4%;
		font-weight: 500;
		line-height: 1.25;
		font-size: 90%;
		color: #dcdcdc;
		border-radius: 12px;
	}
/*
	#breedDrop { "margin-top" : 6rem; }
	#sscainfoDrop { "margin-top" : 4rem; }
	#awardsDrop { "margin-top" : 6rem; }
	#membersDrop { "margin-top" : 6rem; }
	*/
}

/*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

*/