/*  BG shorthand = background:#f00 url(background.gif) no-repeat fixed 0 0;  
## is bg color, image, position ##
Font Shorthand 
## Color, decoration and alignment ##  are NOT font - they are TEXT.
##   pixels ##  are not font-family, just  font-size
(odd font details =
font-size/line-height   caption  icon  menu  
message-box   small-caption  status-bar)
FONT-FAMILY:    family-name (eg arial)   generic-family
FONT-SIZE
  xx-small   x-small    small    medium    large    x-large    
  xx-large    smaller    larger    length    %
FONT-STYLE
  normal ## italic ##  oblique
FONT-VARIANT
  normal  ## small-caps  ##
FONT-WEIGHT
  normal  bold  bolder  lighter  100  200  300  400  500  600  700  800  ## 900 ##
*/

body  {
background-color: #e5ded8;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

.inset_italic
{
position:relative;
font:italic 98% times, serif;
width:80%; height:auto;
margin-right:10%;
margin-left:10%;
}
.clearright {clear:right;}
img  {  position:relative; display:inline;  border:0;  margin:0.5em;  }

img.corner    {  border:0;  margin:0;  padding:0;  }


.centerstrip {
position : relative;
width : 580px;
height : auto;
text-align : left;
font : 1.4em palatino, times, "new times roman", bookman, "new century schoolbook", serif;
}

.leftthird
{    
        position:relative;
       display:inline;
       width:30%;
       height:auto;
       background:transparent;
       float:left;       
       text-align:justify;
       margin:0.75em;
}  


.rightthird
{    
        position:relative;
       display:inline;
       width:30%;
       height:auto;
       background:transparent;
       float:right;       
       text-align:justify;
       margin:0.75em;
}  

.two_thirds
{    
        position:relative;
       display:inline;
       width:60%; 
       float:left;
       text-align:justify;
       margin:0.75em;
}

.right2thirds
{    
        position:relative;
       display:inline;
       width:60%; 
       background-color:#ffffff;
       float:right;
       text-align:justify;
       margin:0.75em;
}

.footer
{
padding:5px 20px 5px 20px;
font-size:85%;
}
.footstrip
{
padding:5px 20px 5px 20px;
font-size:80%;
}

a:link {font: bold 98% Arial, sans-serif; color: blue; text-decoration: underline;}
a:active {font: bold 98% Arial, sans-serif; color: blue; text-decoration: underline;}
a:visited {font: bold 98% Arial, sans-serif; color: blue; text-decoration: underline;}
a:hover {font: bold 98% Arial, sans-serif; color: #ad0018; text-decoration:underline;}


.clear
{clear:both;}

.left
{
    /* floats item to LHS of page, and adds a margin */
    float:left;
}

.right
{
    /* floats item to RHS of the page, and adds a margin */
    float:right;
}

h1, h2, h3, h4
{
	color:#ad0018;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
}


h1  {
	font-size:1.5em; 
        text-align:center;
color:blue;
}

h1.silver_header
{
font-size: 1.6em;
	    font-weight:bold;
	    color:#ad0018;
text-align:center;
}

h2  {
	font-size:1.2em;
        text-align:left;
color:black;
}

h4  {
	font-size:1.2em;
	text-align:right;
        display:inline;
        margin:0;
        padding:0;
}


h5  {
        color:yellow;
	font-size:1.3em;
        line-height:1.1;
        text-align:center;
}

h6
{
font: italic 0.7em Arial, Helvetica, sans-serif;
 color: black;
text-align:right;
	padding:0;
        margin:0;
        line-height:1.1;
}

h3  {
	font:  bold 150% Arial, Helvetica, sans-serif;
color:#ad0018;	
border: 1px solid #7088B0!important;
	line-height:1.1;
	padding:3px 3px 3px 5px;
	background:#ffffff;
        text-align:center;
}


.caption
{
position:relative;
width:80%; height:auto;
 font-size : 0.5em;
font-style : italic;
font-weight : bold;
 text-align : center;
color: black;
clear:both;
}


/*
font:italic 1.5em Times 'New Century Schoolbook', Palatino, serif;   */

.quotebox
{
position:relative;
   display:inline;
       width:38%; 
       float:right;
font:italic 1.1em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#330066;
       padding:0.5em 1em 1.5em 1em;
       margin:1em 1em 1.5em 1em;
border-top: medium solid #330066;
border-bottom: medium solid #330066;
}


table  {  border:thin solid #99ccff;  }

td {  padding: 10px 10px;  vertical-align: middle;  }

td a { font:  98% Arial, sans-serif; color: blue; text-decoration: none;}
	
	
th {  padding: 10px 10px;
 font: bold 100% Verdana, sans-serif, sans-serifArial,Helvetica,sans-serif;
 color: #666;
 background: #ccffff;  }

.menu_item
{

background:#ffffff url(http://steepturnpikechurch.inmatlock.com/latvia/silver_strip_side.jpg) repeat; 
border-top: medium solid #e8e1db;
border-right: medium solid #e5ded8;
border-bottom: medium solid #C5C0BC;
border-left: medium solid#e5ded8;
padding:0.5em;
}

.lefthalf  {    
position:relative;
display:inline;    float:left;  text-align:left;
width:48%;  height:auto;  
background-color:#ffffff;
border:0;
padding:0 0.1em 0.1em 0.1em;
margin-bottom:0.1em;
}  




.righthalf
{  
position:relative;  
display:inline;   float:right;   text-align:left;
width:48%;  height:auto;  
background-color:#ffffff;
border:0;
padding:0 0.1em 0.1em 0.1em;
margin-bottom:0.1em;
}


/* EXPLANATORY POPUPS */

.popup  {
color:#9f141a;
text-decoration:none;
}

.rightbar  {
position:absolute;
width:200px;  height: auto;
top:120px;  right:2px;
padding:0;  margin:0 0 2px 2px;
font-family:Arial, Helvetica, sans-serif; 
color:#000000; 
border:0;
}

p.left
{ text-align:left; }

p.right
{ text-align:right; }

.leftbar  {
position: absolute;
display:inline;
top:14em;  bottom:0;  left:1%;
width:16%;  height:200%;
padding:0.1%;  margin:0;  
font:12px Verdana, sans-serif;
}



.topleftbox  {
display:inline;  float:right;
width:200px;
margin:5px 5px 0 0;  padding:0;  border:none;
font-size:8pt;  text-align:center;
}

.maincol  {
width:auto;   position:relative;
padding:0.2em;  margin:60px 220px 20px 180px;
text-align:justify;
}

.main_content  {
background:#ffffff url(http://steepturnpikechurch.inmatlock.com/latvia/grey_tl.gif) no-repeat;
width:auto;   position:relative;
background-color:#ffffff;
padding:2em;  margin-left:18%;
text-align:left;
}

.header  {
position:absolute;
top:0;  right: 0;  left: 0;  
width:100%;   height:auto;
padding:0;  margin:0;  
text-align:center;
}

 /* this is  TOP BAR FOR HORIZ LINKS  place BELOW maincol end of div */      

.topbar_latvia {
position:absolute;
width:94%;
 top:2%;  margin-left:2%;  margin-right:2%;
padding:1em 0 1em 0;
color:#ad0018;
text-align:center;  font-size:100%;
background:#ffffff url(http://kids.inmatlock.com/latvia/silver_strip.jpg) no-repeat top left;
}

.topbar   {
position:absolute;  
width:auto;    height:auto;
left:2px;   right:2px;
padding:.0.5em;
font-size:1em;
text-align: center;
}

 /*   TOP NAV Plain   */

a.navhoriz:link {line-height:300%; font: bold 80% Arial, sans-serif; color:#000000; text-decoration: none;}
a.navhoriz:active {font: bold 80% Arial, sans-serif; color:#000000; text-decoration: none;}
a.navhoriz:visited {font: bold 80% Arial, sans-serif; color:#000000; text-decoration: none;}
a.navhoriz:hover {font: bold 80% Arial, sans-serif; color: #ad0018; text-decoration:underline; background-color:#ffffff;}

.navhoriz   {line-height:300%; clear:left;
padding:0.5em 1.5em 0.5em 1.5em;
width:5%;
display:inline;  height:auto;
left:1%;  right:1%;  
text-align:center;  
color:#000000;   
}

.navhoriz_bar  {line-height:300%; clear:left;
padding:0.5em 1em 0.5em 1em;
width:auto;
border-top: medium solid #ffffff;
border-bottom: medium solid #C5C0BC;
background-color: #e5ded8;
display:inline;  height:auto;
left:1%;  right:1%;  
text-align:center;  
color:#000000;   
}

/*    FOR TEXT CENTER IN HEADER ONLY  */
.centerbox   {    
position:relative;
display:inline;  overflow: visible;
width:auto;  height:auto;
padding:0 0 1em 0;
right:2px; left:2px;
text-align:center;
font-size: 1em;
font-weight:bold;
color:#ad0018;
}


 /*   FOR HEADER AND OTHER USE    */
 /*
 .toprightcorner    {
position: absolute;  display:inline;
 width:auto;  height:auto;
top:0;  right:20px;
padding:5px;
font-size:10pt;
text-align:center;
}
*/

/*  LOGO BOX TO USE WITHIN HEADER */
 .logobox              {
position: absolute;  display:inline;   text-align: justify;
width:18em;
top: 5px;   left:5px;
padding:0;
font-size:130%; font-weight:bold;
color:yellow;
 }
.center {text-align:center;}
.small {font-size:60%;}
.floatleft { float:left; }
.floatright { float:right; }