/*  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-heightcaption  icon  menu  
message-boxsmall-caption  status-bar)
FONT-FAMILY:family-name (eg arial)generic-family
FONT-SIZE
  xx-smallx-smallsmallmediumlargex-large
  xx-largesmallerlargerlength%
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 { float:left; }
.right { 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; }
.comp {color:#ad0018;}