body{
 	background-color: #EAE4CC;
	background-image: url(/i/bkgrd_1.gif);
	background-repeat:repeat-x;
	background-position: top;  
	color: #2D2D32; 
	}

#wrap {
	border: 1px solid #C3BFA7;
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
	margin:3px auto;
	}

.title {
 	background-color: #eaebdb;
	color:#ffffff;
	border-bottom: 5px solid #44030F;
	}

.title h3 {
	font-family:Lora;
	}

img.block  {
	margin:0 auto;
	display:block;
	}

.practice-spec {
	width:100%;
	background-color:#4e555f;
	border-bottom:1px solid #5D6169;
	}

.break {
	background-color:#fff;
	min-height:1px;
	}

.center {
	width:100%;
	}

.whitebkgrd {
	background-color:#ffffff;
	}

.content {
	padding: 3rem 1rem;
	border-right:1px solid #d0d1d4;
	}
	
.sidebar {
	padding: 3rem 1rem;
	}

.hr-dot {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-width: 0;
  border-top: 1px dotted #E1E1E1;
	clear:both
	}


/* Page, Footer and Copywrite Content */

div.footer {
	background: #DBDCCD;  /* khaki C3BFA7 green C3BFA7 grey BDBEB6  */
	border-top: 1px solid #6B2700; 
	color: #FFF;
	clear:both;
	width:100%;
	padding: 25px 0px 25px;
}

.footer {text-align:left; width: 100%; margin-top: 0px; text-align:center; padding-bottom: 20px;clear:both;font-size: 1.2rem}
.footer .copy {text-align:center; }
.footer .copy .copytxt {color: #ffffff; text-transform:uppercase;padding:0 8px;margin:auto;} 
.footer .copy .copytxt a {color: #ffffff;  text-decoration: none;}
.footer .copy .copytxt a:link {color: #ffffff; }
.footer .copy .copytxt a:visited {color: #ffffff; }
.footer .copy .copytxt a:active {color: #ffffff; }
.footer .copy .copytxt a:hover {color: #ffffff;  text-decoration: underline;}
.footer .copy .spacer {padding: 0px 4px; }
.footer .copy .footerlinks {text-align:center; margin:10px auto; padding:0;height:auto;color:#ffffff;text-transform:uppercase;}
.footer .copy .footerlinks a {color:#ffffff;}
.footer .copy .footerlinks ul li.last {}

.footer .copy ul {list-style: none;margin:0;padding:0;}
.footer .copy ul li {list-style: none; display:inline; padding:0;margin:0;}
.footer .copy ul li a {color: #42000C; text-decoration: none; padding: 2px 3px;}
.footer .copy ul li a:link {color: #42000C;}
.footer .copy ul li a:visited {color: #42000C;}
.footer .copy ul li a:active {color: #42000C;}
.footer .copy ul li a:hover {color: #42000C; padding: 2px 3px; text-decoration:underline;}
.footer .copy ul li a.on {color: #42000C; text-decoration: none; padding: 2px 3px;}
.footer .copy ul li a.on:link {color: #42000C;padding: 2px 3px;}
.footer .copy ul li a.on:visited {color: #42000C; padding: 2px 3px;}
.footer .copy ul li a.on:active {color: #42000C; padding: 2px 3px;}
.footer .copy ul li a.on:hover {color: #42000C; padding: 2px 3px; text-decoration:underline;}


.inset-div {
	 border:1px solid #ddd;
	 margin: 0 0px 20px;
	 padding: 10px 5px 10px;
	}

.practicelist li {
	margin-bottom:0;
	}

	
@media (min-width: 750px) {
.inset-div {
	 margin: 0 0px 30px;
	 padding: 15px 15px 15px;
	}
}



nav,
section { display: block; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html { -webkit-font-smoothing: antialiased; }

nav {
  display: block;
	border-top:1px solid #E29B02;
	border-bottom:1px solid #FFFFFF;
	background: #8A4901 url(/i/navbkgrd.gif) center top repeat-x;
	}

.menu * {
	margin: 0;
	padding: 0;
	}

.menu {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	}

ul.menu {
	letter-spacing: 0.05em;
	overflow: hidden;
	/*border-top:1px solid #E29B02;
	border-bottom:1px solid #FFFFFF;*/
	background: #8A4901 url(/i/navbkgrd.gif) center top repeat-x;
	}

.menu a {
  color: #fff;
  text-decoration: none;
	border:0;
	text-decoration: none;
	text-transform:uppercase;
  font-size: 90.0%;
	zoom: 1; /* IE7 */
	}

.menu a:hover {
	}

.menu li {
  display: inline-block;
	transition: all 0.2s ease-in-out 0s;
  position: relative;
  z-index: 100;
}

.menu li:first-child { margin-left: 0; }

.menu li a {
	/*padding: 20px 15px;*/
	display: block;
	color: #fff;
	transition: all 0.2s ease-in-out 0s;
	margin-left: 16px;
	margin-right: 16px;
	text-decoration: none;
	line-height: 4.5rem;
}

.menu li a:hover,
.menu li:hover>a {
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 170px;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0, 20px);
  transition: all 0.2s ease-out;
}

.menu ul:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.menu ul li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
	background: #340a0b;
	border-bottom: 1px solid #5e2b2c;
}

.menu ul li a {
	line-height: 3.5rem;
	text-transform:none;
  font-size: 100.0%;
}

.menu ul li:hover,
.menu ul li:hover>a {
  background: #5d1214;
	transition: all 0.2s ease-in-out 0s;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.menu ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;
}

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
	border-top:1px solid #E29B02;
	border-bottom:1px solid #FFFFFF;
	background: #8A4901 url(/i/navbkgrd.gif) center top repeat-x;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.responsive-menu:hover {
  color: #fff;
  text-decoration: none;
}

a.homer { background: #FC6D58; }

@media screen and (max-width: 749px){	
/*Mobile menu*/
.navbar,
.navbar-spacer {
	display: block;
	width: 100%;
	z-index: 99;
	border-top:1px solid #E29B02;
	border-bottom:1px solid #FFFFFF;
	background: #8A4901 url(/i/navbkgrd.gif) center top repeat-x;
	}
.navbar-spacer {
	display: none; 
	}
.navbar > .container {
	width: 100%; 
	}

.has-docked-nav .navbar {
	position: fixed;
	top: 0;
	left: 0; 
	}
.has-docked-nav .navbar-spacer {
	display: block; 
	}
/* Re-overiding the width 100% declaration to match size of % based container */
.has-docked-nav .navbar > .container {
	width: 90%; 
	}

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; }

.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

li.remove-menu {
	display:none;
	}

.menu li a {
	border-top:1px solid #E29B02;
	border-bottom:1px solid #FFFFFF;
	background: #8A4901 url(/i/navbkgrd.gif) center top repeat-x;
  color: #ffffff;
}

.menu li a:hover,
.menu li:hover>a {
  background: #dc7601;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
}



/* Shared */
.button {
  border-radius: 100px;
}


/* Bigger than 550 */
@media (min-width: 550px) {
}

/* Bigger than 750 */
@media (min-width: 750px) {
	.content {
		padding: 3rem 5rem;
	}
	.sidebar {
		padding: 3rem 5rem;
	}

}

/* Bigger than 1000 */
@media (min-width: 1000px) {
}

/* Larger than tablet */
@media (min-width: 750px) {
/***** Nav Menu ********************/
.navbar,
.navbar-spacer {
	display: block;
	width: 100%;
	/*height: 4.5rem;*/
	border-top:1px solid #E29B02;
	border-bottom:1px solid #FFFFFF;
	background: #8A4901 url(/i/navbkgrd.gif) center top repeat-x;
	z-index: 99;
	}
.navbar-spacer {
	display: none; 
	}
.navbar > .container {
	width: 100%; 
	}

.has-docked-nav .navbar {
	position: fixed;
	top: 0;
	left: 0; 
	}
.has-docked-nav .navbar-spacer {
	display: block; 
	}
/* Re-overiding the width 100% declaration to match size of % based container */
.has-docked-nav .navbar > .container {
	width: 90%; 
	}
}


.remove-menu {
	display:none;
	}

@media (min-width: 950px) {
}


/* =Structure Mobile
-------------------------------------------------------------- */
 
/*.wrap{
    max-width: 1400px;
    margin: 0 auto;
    padding: 1em;
}
 
.wrap:after {
    content: "";
    display: table;
    clear: both;
}*/
 
#primary{
    max-width: 720px;
    margin: 0 auto;
		border-left:1px solid #dfe0d7;
		border-right:1px solid #dfe0d7;
}
 
#secondary,
#tertiary{
    min-width: 200px;
    /*max-width: 300px;*/
    margin: 0 auto;
}

#content, 
#secondary .widget,
#tertiary .widget{
    padding: 1em;
    margin-bottom: 1em;
}

#secondary {
	background-color:#f1f2e8;
}

/* =Structure Tablet
-------------------------------------------------------------- */
 
@media screen and (min-width : 900px) {
    #primary{
        float: left;
        width: 65%;
        padding-right: 1em;
    }
 
    #secondary,
    #tertiary{
        float: right;
        clear: right;
        width: 35%;
    }

	#content, 
	#secondary .widget,
	#tertiary .widget{
			padding: 25px 1em;
			margin-bottom: 1em;
	}
}

/* =Structure Desktop
-------------------------------------------------------------- */

@media screen and (min-width : 1140px) {
    #primary{
        float: left;
        margin-left: 25%;
        width: 50%;
        padding: 0 1em;
    }
 
    #secondary{
        float: left;
        margin: 0 0 0 -75%;
        width: 25%;
        clear: none;
    }
 
    #tertiary{
        float: right;
        width: 25%;
        clear: none;
    }

	#secondary .widget,
	#tertiary .widget{
			padding: 25px 2em;
			margin-bottom: 1em;
	}
}