@charset "utf-8";


* {
  box-sizing: border-box;
}

body {
  font-family: Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
  padding: 5px;
  background-image: url(../figs-sl/decor/blue-darknew-margin.png); background-repeat: repeat;
  max-width: 820px;
  margin: auto;
}
    
.searchword  {color: #222; background-color: #ffd; border: 1px dotted #ffd;}
.searchword0 {color: #222; background-color: #ff0; border: 1px dotted #ff0;}
.searchword1 {color: #222; background-color: #0f0; border: 1px dotted #0f0;}
.searchword2 {color: #222; background-color: #0ff; border: 1px dotted #0ff;}
.searchword3 {color: #222; background-color: #fbb; border: 1px dotted #fbb;}
.searchword4 {color: #222; background-color: #dfd; border: 1px dotted #dfd;}
.searchword5 {color: #222; background-color: #faf; border: 1px dotted #faf;}
.searchword6 {color: #222; background-color: #ccc; border: 1px dotted #ccc;}
  
}

/* Header/Blog Title */
.header {
  padding: 20px;
  margin:  padding: 10px 0px 0px 0px;
  text-align: center;
  background-image: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;
}


/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  color: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;  
  background-image: url(../figs/decor/blue-darknew.png); background-repeat: repeat;
}

/* Style the topnav links */
.topnav a {
  background-image: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;
  color: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;  
  text-align: left;
  padding: 0px 20px 0px 20px;
  margin: 0px 0px 0px 20px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-image: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;
  color: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
  float: left;
  width: 100%;
}


h1.main	{
        margin:         0px 0px 0px 15px;
        padding: 	0px 0px 0px 5px;        
}

h2.main	{
        margin:         0px 0px 0px 15px;
        padding: 	0px 0px 0px 5px;        
}

h2.line	{
        margin:         30px 20px 30px 20px; 
        padding-left: 	40px;
	padding-right: 	40px;   
}

h3.main	{
        margin-left:    15px;
        padding-left: 	5px;      
}

h4.main	{
        margin-left:    15px;
        padding-left: 	5px;        
}

p	{
  	font-family:     Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
        margin-top:      0;
	padding-right:   40px;
	padding-left:    40px;
        font-size : 	 1.1em;
	text-align:      justify;
	line-height:     1.2;
}

p.main	{
  	font-family: 	 Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
        margin-left:     25px;
        margin-bottom:   0px;
        margin-top:      5px;        
        padding: 	 0px;   ;
        font-size : 	 1.1em;
	text-align:      justify;
	line-height:     1.2;
}

p.SmallIndent	{
        margin:         5px 20px 10px 20px; 
        padding-left: 	40px;
	padding-right: 	40px;
        font-size : 	 1.1em;
	text-align:      justify;
	line-height:     1.2;        
}

p.LineIndent	{
        margin:         5px 20px 10px 20px; 
	text-indent:	15px;
        padding-left: 	40px;
	padding-right: 	40px; 
        font-size : 	 1.1em;
	text-align:      justify;
	line-height:     1.2;        
}

p.FirstlineIndent	{
        margin:         5px 20px 0px 40px; 
	text-indent:	-30px;
        padding-left: 	70px;
	padding-right: 	40px; 
        font-size : 	 1.1em;
	text-align:      justify;
	line-height:     1.2;        
}

p.details {
	text-align: 	justify;
  	font-family: 	Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size : 	0.9em;
	color : 	#000000;
        padding-left: 	40px;
	padding-right: 	40px;
}

p.quote {
	text-align: 	justify;
  	font-family: 	Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	color : 	#000000;
        margin:         5px 20px 10px 40px; 
        padding-left: 	40px;
	padding-right: 	40px;
}

p.details-fig {
	text-align: 	justify;
  	font-family: 	Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size : 	0.9em;
	color : 	#000000;
        margin:         5px 20px 10px 20px; 
        padding-left: 	40px;
	padding-right: 	40px;
}

p.PhoneIndent	{
        margin:         0px 15px 0px 15px;
        padding: 	0px 00px 0px 0px;   
        font-size : 	 1.1em;
	text-align:      justify;
	line-height:     1.2;        
}

a.more:link 	{
	color:                  #630;
	font-family:		Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size : 		1em;
	font-weight:		400;
	background: 		none;
	text-decoration: 	none;  
}

a.more:visited {
	color:			#630;
	font-family:		Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size : 		1em;
	font-weight:		400;
	background: 		none;
	text-decoration: 	none;
}

a.more:hover {
	color:			#003;
	font-size : 		1em;
	font-weight:		400;
	background: 		none;
	text-decoration: 	none;
} 

a.contents:link 	{
	color:                  #003;
	font-family:		Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size : 		1em;
	font-weight:		400;
	background: 		none;
	text-decoration: 	none;  
}

a.contents:visited {
	color:			#003;
	font-family:		Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size : 		1em;
	font-weight:		400;
	background: 		none;
	text-decoration: 	none;
}

a.contents:hover {
	color:			#630;
	font-size : 		1em;
	font-weight:		400;
	background: 		none;
	text-decoration: 	none;
} 

a.alpha:link 	{
	color:			blue;
	font-family:		Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size : 		1em;

	font-size : 		1em;
	font-weight:		600;
	background: 		none;
	text-decoration: 	none;
}

a.alpha:visited {
	color:			blue;
	font-family:		Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size : 		1em;
	font-size : 		1em;
	font-weight:		600;
	background: 		none;
	text-decoration: 	none;

}

a.alpha:hover {
	color:			#ffcc00;
	text-decoration: 	none;
	font-family:		Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size : 		1em;
	font-size : 		1em;
	font-weight:		600;
} 

figure.indent {
        margin:         5px 20px 10px 20px; 
        padding-left: 	40px;
	padding-right: 	40px;
} 

table.bottom {
        margin:         5px 20px 10px 20px; 
        padding-left: 	40px;
	padding-right: 	80px;
} 


/* Right column */
.rightcolumn {
  float: left;
  width: 0%;
  background-image: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;
  padding-left: 20px;
}

/* Fake image */
.fakeimg {
  background-image: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;
  width: 90%;
  padding: 0px;
  margin: 10px 0px 0px 20px; 
}

/* Add a card effect for articles */
.card {
  background-image: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;
  padding: 10px;
  margin-top: 15px;
}

.card-plus {
  background-image: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;
  padding: 10px;
  margin:  15px 0px 15px 0px; 
}

.card-board {
  background-image: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;
  padding-left:     10px;
  padding-right:    10px;
  padding-top:      10px;
  padding-bottom:   10px; 
  margin-top:       0px;
  margin-bottom:    5px;
  margin-left:      0px;
  margin-right:     20px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Footer */
.footer {
  padding: 10px;
  width: 100%;  
  text-align: center;
  background-image: url(../figs-sl/decor/blue-darknew.png); background-repeat: repeat;
  margin: 0px 0px 0px 0px; 
}


div.smartinfo {
  background-color: none;
  padding: 0px;
}

@media screen and (min-width: 800px) {
  div.smartinfo {
    display: none;
  }
}

div.reginfo {
  background-color: none;
  padding: 0px;
}

@media screen and (max-width: 820px) {
  div.reginfo {
    display: none;
  }
}