/* Add your CSS here */


/* Logo Height on Scroll */
.header.headhesive.headhesive--stick .logo img {
	/*height: 28px;*/
}

.color_sidebar
{
	background:#FFF;
	width:25%;
}

/**.widget-content a
{
	color:#039;
} **/

.sidebar .widget-content li.highlight > a
{
	color:#000;
}
.splash-row {
  width: 100%;
  margin: 0;
  min-width: 100%;   
  background-image: url('images/textimg.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-height: auto; 
  }

.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
    
}
.title-accent h1 {
   position: absolute; 
   top: 20px; 
   left: 20px; 
   width: 100%; 
   font-size:20px;
   color:#fff;
   -webkit-font-smoothing: antialiased;
     display:block;
 /**   transform: translate(-30%, -30%); **/
}

.spacernew-xxl {
  height: 25px;
  overflow: hidden;
}	
.spacerother-xxl {
  height: 10px;
  overflow: hidden;
}	

.content h2
{
	font-size:18px;
}

.aligntext
{
	text-align:justify;
}

.tablepara
{
	padding:5px 0 0 8px;
	margin:0;
}
@media screen and (orientation: portrait) {
.title-accent h1 { position: absolute; 
   top: 15px; 
   left: 20px; 
   width: 100%; max-width:100%; font-size:15px;vertical-align: middle; }
 }
 
 
 @media only screen and (max-width: 500px) {
    .title-accent h1 { position: absolute; 
   top: 20px; 
   left: 20px; 
   width: 100%; max-width:100%; font-size:15px;vertical-align: middle; }
 }


 
 @media only screen and (max-width: 320px) {
    .title-accent h1 { position: absolute; 
   top: 20px; 
   left: 20px; 
   width: 100%; max-width:100%; font-size:30px;vertical-align:middle;
   max-height:100%;
   margin-top:-4px;}
 }
 @media only screen and (max-width: 360px) {
    .title-accent h1 { position: absolute; 
   top: 20px; 
   left: 20px; 
   width: 100%; max-width:100%; font-size:15px;vertical-align: middle; }
 }