
hr{
 	clear: none; 
  	margin: 10px 0 10px 0;
}

#breakoutbox P {
 	font-family: Arial, Helvetica, sans-serif !important;
  	font-size: 100% !important;
  	line-height:20px !important;
  margin: 0px;
}

em{
 font-size:100% !important; 
  line-height:20px !important;
}

#Padding_Blank_Box {
 padding-bottom:5px !important;
  padding-top:5px !important;
  padding-right:10px !important; 
  padding-left:10px !important; 
}

.DNNContainer_noTitle {
 padding-bottom:5px !important;
  padding-top:5px !important;
  padding-right:10px !important; 
  padding-left:10px !important; 
}

.TitleH2{
 	padding-bottom:0px !important;
  padding-top:0px !important;
}

#Breadcrumb{
	margin: 0px 10px 10px 10px !important;
}

#content{
 /*padding-left:25px;
  padding-right:25px;*/
}

.ListContent{
 font-size:12px; 
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
    margin: 0 0 10px 0;
    color: black;
}

h1 {
    font-size: 26px;
}

h2, h2 .Head {
    font-size: 22px;
}

h3, h3 .Head {
    font-size: 20px;
}

h4, h4 .Head {
    font-size: 18px;
}

h5, h5 .Head {
    font-size: 16px;
}

h6, h6 .Head {
    font-size: 15px;
}

.ListTitleRow{
 font-size:15px !important; 
}

.TitleH3_breakout{
 font-size:18px !important; 
}

table, tr, td, th {
  	vertical-align:top;
  	text-align:left;
}

.linklist{
 font-size:14px; 
}

/*table styles*/

table { 
      width: 100%; 
      border-collapse: collapse;
}
/* Zebra striping */
.responsiveTable tr:nth-of-type(odd) { 
  background: #eee; 
}

.responsiveTable tr:nth-of-type(even) { 
  background: #fff; 
}

.responsiveTable th { 
  background: #333; 
  color: white; 
  font-weight: bold;
}

.responsiveTable table h1,.responsiveTable table h2,.responsiveTable table h3,.responsiveTable table h4,.responsiveTable table h5, .responsiveTable table h6{
    color:black;
    font-family: Arial, Helvetica, sans-serif;
}

.responsiveTable th h1,.responsiveTable th h2, .responsiveTable th h3, .responsiveTable th h4,th .responsiveTable h5,.responsiveTable th h6{
    color:white;
}

.responsiveTable td, .responsiveTable th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left;
}

.contactCards table {
    border-collapse:separate;
    border-spacing: 8px;
    box-sizing: border-box;
}
    
.contactCards td, .contactCards th {
    background-color: #cfc7ab;
    border-radius: 3px;
    width:50%;
  	padding:5px;
    box-sizing: border-box;
}

.contactCards img{
    float:right;
    max-width:33%;
    margin: 0 0 0 10px;
}

.noStyleTable th { 
  background: none; 
  color: black; 
  font-weight: normal;
}

.noStyleTable td, .noStyleTable th { 
  padding: 0px; 
  border: none; 
  text-align: left;
}

.threeCol table {
    border-collapse:separate;
    border-spacing: 5px;
    box-sizing: border-box;
}
    
.threeCol td, .threeCol th {
    background-color: none;
    width:33%;
    box-sizing: border-box;
    border:none;
}
     
.threeCol tr:nth-of-type(odd) { 
    background: none; 
}

.threeCol img{
    max-width:100%;
    margin: 0 auto;
}

.twoCol table {
    border-collapse:separate;
    border-spacing: 5px;
    box-sizing: border-box;
}
    
.twoCol td, .twoCol th {
    background-color: none;
    width:50%;
    box-sizing: border-box;
    border:none;
}
     
.twoCol tr:nth-of-type(odd) { 
    background: none; 
}

.twoCol img{
    max-width:100%;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {

.contactCards tr { border: 0px solid #ccc; }
       
    .contactCards td { 
        border: 1px solid #ddd; 
        width:100%;
        position: relative;
        margin-bottom: 5px;
		display: block;
		text-align:center;
    }
    
    .contactCards img{
        float:none;
        display:block;
        max-width:100%;
        text-align: center;
        margin: 0 auto 10px auto;
		
    }
  
  .responsiveTable tr { 
	border: 1px solid #ccc;
	display:block;
  }

    .responsiveTable td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #ddd; 
        position: relative;
		display:block;
        
    }
  .responsiveTable th{
		display:block;
  }
  
  .threeCol tr { border: 0px solid #ccc; }
    
    .threeCol td { 
        width:100%;
        position: relative;
        margin-bottom: 5px;
		display:block;
    }
    
    .twoCol tr { border: 0px solid #ccc; }
    
    .twoCol td { 
        width:100%;
        position: relative;
        margin-bottom: 5px;
	display:block;
    }
  
}
@media only screen and (max-width: 600px) {
  .noStyleTable tr { border: none; display:block;}

    .noStyleTable td { 
        display:block;
        border: none;
        border-bottom: none; 
        position: relative;
    }
}

/*image styles*/
.borderImg{
  border: 3px solid #a19b85;
  background-color: #000000;
}

.borderImg img{
  width:100%;
  	max-width: 100%;
  	height: auto !important;
  	box-sizing:border-box;
    
}

.borderImg:hover img{
    opacity: 0.8;
}

.pageImg img{
  	width: 100%;
  	height: auto !important;
  	box-sizing:border-box;
    
}

@media only screen and (max-width: 991px) {
  .pageImg{
	display:none;
  }
}

/*Mobile Home Page Boxes*/
.homeBox{
 display:none; 
}
.homeBoxText{
 display:none; 
}
.pageBox{
  display:none;
}

@media only screen and (max-width: 767px) {
  .homeBox{
	width:100%;
	border: 3px solid #a19b85;
	margin-bottom:5px;
	display:block;
  }
  
  .homeBox img{
	width: 100%;
  	height: auto !important;
  }
  
  .homeBox .homeBoxText{
	display:block;
	text-align:center;
	font: 26px Georgia, serif;
	color:#e9e2cf;
	background:#550000;
	width:100%;
	padding:10px;
	
  }
  .homeBoxes a,.homeBoxes a:link,.homeBoxes a:visited{
	text-decoration:none !important;
  }
  
}

@media only screen and (max-width: 991px) {
  .pageBox{
	width:100%;
	border: 3px solid #a19b85;
	margin-bottom:5px;
	display:block;
  }
  
  .pageBox img{
	width: 100%;
  	height: auto !important;
  }
  
  .pageBox .pageBoxText{
	display:block;
	text-align:center;
	font: 26px Georgia, serif;
	color:#e9e2cf;
	background:#550000;
	width:100%;
	padding:10px;
	
  }  
}

/*desktop - mobile only classes*/
.desktopOnly{
 	display:block;
}

.mobileOnly{
  display:none;
}



@media only screen and (max-width: 767px) {
.desktopOnly{
	display:none;
  }
  .mobileOnly{
	display:block;
  }
  
}

/*Side Bar Bav Box*/
.sideBarNav{
  border: 1px solid #c0c0c0;
  padding: 15px 15px 10px 15px;
  margin: 5px 10px 5px 10px;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 991px) {
  .sideBarNav{
  	display:none;
  }
}





