@charset "UTF-8";

/* CSS Document */

/* First we are just defining some global styling using the body element -- font, and line height */

body{
font-family:'PT Sans', sans-serif;
line-height:1.5;
}

/* We are indenting paragraphs so paragraph text doesn't bump into other elements */

p{
margin-left:5px;
}

/* We are adding a bit of spacing around images */

img{
max-width: 100%;
height: auto;
}


.space{
	margin:20px;
}

.sidebardecor {
	border-style:double;
	background-color:#848484;
	border-width:thick;
	border-color: #282828;
}

header a:link {
	text-decoration: none;
	color: #000; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

header a:visited {
	text-decoration: none;
	color: blue;
}

header a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #C0C0C0;
}

a:link {
	text-decoration: underline;
	/* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

.row a:link {
	text-decoration: none;
	/* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}


a:visited {
	text-decoration: underline;
	
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;

}


.noline {
	text-decoration:none;
}

row a:link {
	text-decoration: none;
}




@media (max-width:480px){

  
  p, h1, h2, h3, h4, h5, h6, li, ul {
	  font-size:1.2rem;
  }
   
   /*The following style rules are new*/
      a{
      font-size:1.5rem;
      text-decoration:underline;
      }
	
	  .shrink5 {
    font-size: 70%;
  }

}


/*THIS REPLACES MEDIA QUERY 1 - Media query for viewports 960px and wider*/

@media (min-width: 960px) {

      h1{
      font-size:2.5rem;
      }


      /*The following style rules are new*/


} /*END MEDIA QUERY 1*/


.smallfont {
	font-size: 60%;
}

.margins20 {
	margin:10px;
	margin-right:20px;
}

.responsive-photo-90 {
	display:block;
	width:90%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	max-width:1000px;
}

.marginleft {
	margin-left:20px;
}


.white {
	color: #fff;
}

.white a:link {
	color: #FFD600;
}

.white a:visited {
	color: #FFD700;
}

.white a:hover, a:active, a:focus {
	color: #FF3;
}



.red {
	color: red;
}


.table-borderless td,
.table-borderless th {
    border: 0;
}

.table th, .table td { 
     border-top: none !important; 
 }


.sidebardecor2 {
	border-style:solid;
	background-color: #FFFF33;
	border-color: #DCDCDC;
	border-width: medium;
	float: none;
	width: 90%;
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
}

.sidebardecor3 {
	border-style:solid;
	border-color: #DCDCDC;
	background-color: #FFD700;
	border-width: medium;
	float: none;
	width: 90%;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
}

.sidebardecor65 {
	float: right;
	width: 300px;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 92px;
	padding: 10px;
}

.sidebardecor7 {
	border-style:solid;
	border-color: #DCDCDC;
	background-color: #FFD700;
	border-width: thin;
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 58px;
	margin-bottom: 250px;
	padding: 10px;
}

.sidebardecor75 {
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 58px;
	margin-bottom: 250px;
	padding: 10px;
}

.sidebardecor8 {
	border-style:solid;
	border-color: #DCDCDC;
	background-color: #FFD700;
	border-width: thin;
	float: right;
	width: 300px;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 250px;
	padding: 10px;
}

.sidebardecor85 {
	float: right;
	width: 300px;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 250px;
	padding: 10px;
}

.sidebardecor55 {
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
}

#new-board-btn {
    white-space: normal;
}

.multi-line-button { white-space: normal; }

.btn-responsive {
    white-space: normal !important;
    word-wrap: break-word;
	font-size:medium;
}

.btn {
	font-size: 16px;
	}

.btn btn-primary btn-lg {
	    white-space: normal !important;
    word-wrap: break-word;
	font-size:medium;
}

.btn a:link {
	text-decoration: none;
	color: #000; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}

.btn a:visited {
	text-decoration: none;
	color: blue;
}


.smallfont {
	font-size: 60%;
}

.blackcolor {
	color: #000000;
}