@charset "utf-8";

/* CSS Document */



@charset "utf-8";

/* CSS Document */



body



{

	background-color: #E4E4E4;	

	margin: 0;

	padding: 0;

	

}





#background

{

	width: 1024px;

	margin:0 auto;

	padding:0;

	background-image:url("../images/parchmentBackground3.jpg");

	background-repeat:repeat-y;

}

#container

{

	width: 1000px;

	margin: 0 auto;

	padding: 0;

	height: 278px;

	

	

}

#mainBox
{
	width: 90%;
	margin: 0 auto;	
}


 * {
    box-sizing: border-box;
	}
	
 .row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
    -ms-flex: 50%; /* IE10 */
    flex: 50%;
    max-width: 50%;
    padding: 0 4px;
}

.column img
	{
    margin-top: 8px;
    vertical-align: middle;
	}


/* MENU */



/*

*	Setup

*/

#menu

{

	width: 975px;

	margin-left: auto;

	margin-right: auto;	

}



ul.cssmenu {

	list-style: none;

	padding: 0px;

	}



.displace {

	position: absolute;

	left: -5000px;

	}



ul.cssmenu li {

	float: left;

	}



ul.cssmenu li a {

	display: block;

	width: 327px;

	height: 278px;

	background:url("../images/menuBar_Sheriff3.png");

	}



/*

*	Normal Links

*/

ul.cssmenu li.home a {

	background-position: 0 0;

	}



ul.cssmenu li.about a {

	width: 180px;

	background-position: -327px 0;

	}



ul.cssmenu li.portfolio a {

	width: 132px;

	background-position: -507px 0;

	}



ul.cssmenu li.services a {

	width: 159px;

	background-position: -639px 0;

	}



ul.cssmenu li.contact a {

	width: 177px;

background-position:-798px 0;

	}

	

	

/*

*	Hover Links

*/

ul.cssmenu li.home a:hover {

	width: 327px;

	background-position: 0 -278px;

	}



ul.cssmenu li.about a:hover {

	width: 180px;

	background-position: -327px -278px;

	}



ul.cssmenu li.portfolio a:hover {

	width: 132px;

	background-position: -507px -278px;

	}

	

ul.cssmenu li.services a:hover {

	width: 159px;

	background-position: -639px -278px;

	}

	

ul.cssmenu li.contact a:hover {

	width: 177px;

	background-position:-798px -278px;

}

/*

*	Clicked Links

*/

ul.cssmenu li.home a:active {

	width: 327px;

	background-position: 0 -556px;

	}



ul.cssmenu li.about a:active {

	width: 180px;

	background-position: -327px -556px;

	}



ul.cssmenu li.portfolio a:active {

	width: 132px;

	background-position: -507px -556px;

	}

	

ul.cssmenu li.services a:active {

	width: 159px;

	background-position: -639px -556px;

	}

ul.cssmenu li.contact a:active {

	width: 177px;

	background-position:-798px -556px;

	}





/*

*	Selected/Active Links

*/

ul.cssmenu li.home a:selected {

	width: 327px;

	background-position: 0 -556px;

	}



ul.cssmenu li.about a:selected {

	width: 180px;

	background-position: -327px -556px;

	}



ul.cssmenu li.portfolio a:selected {

	width: 132px;

	background-position: -507px -556px;

	}

	

ul.cssmenu li.services a:selected {

	width: 159px;

	background-position: -639px -556px;

	}

ul.cssmenu li.contact a:selected {

	width: 177px;

	background-position:-798px -556px;

	}



/* END MENU */



#mainStuff

{

	width: 975px;

	/* height: 800px; */

	margin-top: -16px;

	margin-left:auto;

	margin-right:auto;

	background-image:url("../images/sideBorder.png"); 

	background-repeat: repeat-y;

	

	

	

}



.titles

{

	padding-left:60px;	

}



/* .headline

{

	font-family: 'Playfair Display SC', serif;

	font-size: 30px;

	text-align:left;

	margin-left:90px;

	font-weight: 900;

	color:#433110;

}

*/



.headline

{

	font-family: 'Rye', cursive;

	font-size: 36px;

	text-align:left;

	margin-left:90px;

	font-weight: 900;

	color:#433110;

}



.subHeadline

{

	font-family: 'Rye', cursive;

	font-size: 26px;

	text-align:left;

	margin-left:90px;

	font-weight: 900;

	color:#433110;

}

.subHeadlineCentered

{

	font-family: 'Rye', cursive;
	font-size: 26px;
	text-align:center;
	font-weight: 900;
	color:#433110;

}

.blurb

{

	/* font-family: 'Playfair Display SC', serif; */
	font-family: 'Raleway', sans-serif;
	/* font-family: "Courier New", Courier, monospace; */
	font-size: 17px;
	text-align:left;
	margin-left: 90px;
	font-weight: normal;
	width: 800px;

}

.blurbForDiv

{

	font-family: 'Raleway', sans-serif;
	font-size: 17px;
	text-align:left;
	font-weight: normal;
	margin-left:10px;

}







#footer

{

	width: 975px;

	height: 200px;

	background-image: url("../images/footer_border.png");

	background-repeat: no-repeat;

	margin:-18px auto 0 auto;

	padding: 0;

}



.copyright

{

	font-family: 'Playfair Display SC', serif;

	font-size: 12px;

	text-align:right;

	margin-right: 20px;

	position: relative;

	top: 140px;

	

}



#clipping a

{

	width: 500px;

	height: 280px;

	display:block;

	background: url("../images/newspaperClippings-Double.png") no-repeat;

	background-position:0 0;

}



#clipping a:hover

{

	width: 500px;

	height: 280px;

	background: url("../images/newspaperClippings-Double.png") no-repeat;

	background-position:0 -279px;

}



#error

{

	position: relative;

	top: 120px;

	left: 150px;

	width: 300px;

	font-family: 'Playfair Display SC', serif;

	font-weight:900;

	font-size: 20px;

	text-align:left;

}



.errorBlurb

{

	font-family: 'Playfair Display SC', serif;

	font-weight:normal;

	font-size: 15px;

	text-align:left;

}



.dropdown {

    position: relative;

    display: inline-block;

    border-radius: 10px;

    border: 2px solid #000000;

    padding: 10px;

	left:620px;

	bottom: 275px;

	background-color:rgba(255,255,255,0.3);

	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6);

	width: 200px;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color:#D0DCDD;

    min-width: 260px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    padding: 12px 16px;

    z-index: 1;

    font-family: Arial, Helvetica, sans-serif;

	margin-top: 10px;

}



.dropdown:hover .dropdown-content {

    display: block;

	margin-top:15px;

}



.center

{

	text-align:center;

	font-family: 'Playfair Display SC', serif;

	font-size: 17px;	

}



.center a

{

	color:#333333;

}



.center a:hover

{

	color:#000000;

	text-decoration:underline;

}



.niceList

{

	font-family: 'Playfair Display SC', serif;
	font-size: 17px;
	text-align:left;
	/* margin-left: 90px;
	margin-top:-10px; */
	font-weight: normal;
}


.niceList a
{
	color:#433110;	
}

niceList a:hover
{
	color:#000000;	
}

.brownWordsRight
{
	font-family: 'Playfair Display SC', serif;
	font-size: 17px;
	text-align:right;
	margin-right: 90px;
	margin-top:-30px;

}


.brownWordsRight a
{
	color:#433110;		
}

.brownWordsRight a:visited
{
	color:#433110;		
}

.brownWordsRight a:hover
{
	color:#000000;		
}

.serviceTable

{

	font-family: 'Playfair Display SC', serif;

	font-size: 17px;

	text-align:left;

	background-color:rgba(255,255,255,0.3);	

	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.10);

	padding: 15px;

}



.serviceTableColumns

{

	border-left: 1px solid color:#433110;

	border-right: 1px solid color:#433110;	

}



.red

{

	color:#900;	

}



.smallRed

{

	font-size:14px;

	text-align:left;

	color:#900;	

}



/* SIGN UP FORM */

input[type=text] {

    width: 70%;

    padding: 12px 20px;

    margin: 0px 5px 8px 0px;

    box-sizing: border-box;

	font-size: 15px;

	

}



input[type=text]:focus {

    border: 3px solid #555;

}



.button {

    background-color:#433110;

    border: 1px solid #000000;

	border-radius: 10px;

    color: white;

    padding: 16px 32px;

    text-decoration: none;

    margin: 4px 2px;

    cursor: pointer;

	font-family: 'Playfair Display SC', serif;

	font-weight: bold;

	font-size: 18px;

}



.button:hover

{

	background-color:#A3966D;

    color:#000;

}





#formBox

{

	font-family: 'Playfair Display SC', serif;

	font-size: 18px;

	margin-left: 90px;

}



/* COLLAPSIBLE PANELS */

.collapsibles

{

	

	text-align:left;

	

}



.collapsibles h3 {

  font-family: 'Rye', cursive;

  font-size: 30px;

  margin-left: 42px;

  width: 850px;

  

}



.collapsibles h3 a {

  background:url("../images/sprite.png") 15px 22px no-repeat;

  display: block;

  padding: 10px;

  padding-left: 35px;

  margin: 0;

  color:#000000;

  text-decoration: none;

  font-weight: normal;

  border-bottom: 1px solid rgba(35, 24, 5, 0.6);

  

}

.collapsibles h3:hover { background-color:rgba(214, 146, 30, 0.3); }

.collapsibles h3.open  { background-color:rgba(214, 146, 30, 0.6); }

.collapsibles h3.open a { background-position: 13px -25px; }

.collapsibles h3 + div { padding: 10px; }

.collapsibles h2 + div,

.example {

  background: #fff;

  overflow: hidden;

  border-radius: 3px;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  margin-bottom: 20px;

}



/* Pre hide sections with JavaScript on

--- */

.collapsibles h3+div {

  display: none;

}



/* END COLLAPSIBLE PANELS */



.smallOrange

{

	color:rgba(214, 146, 30, 0.7);

	font-family:Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight:bold;

	padding-left:20px;

}

#borderfun
{

	width: 750px;
	margin: 0 auto;
	border: 3px dotted #999;
	background-color:rgba(214, 146, 30, 0.3);
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	outline-radius: 3px; -webkit-outline-radius: 3px; -moz-outline-radius: 3px;
}