body {
width:100%;
background:#000 url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg) repeat; color:yellow;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
margin:0;
padding:0;
}

.blackcol { position:relative;  display:block; background:#050505; width:95%; padding:2em;  /*050505  */
color:#ffffcc; font-size:1.1em;}
.dark  { position:relative;  display:block; background:#000; width:94%; padding:2%;  /*050505  */
color:#ffffcc; font-size:1.1em;}
h1.white { text-align:center; font-size:2em; color:#fff; }

.yellow { color:yellow; }
.footstrip  { background:#fff; color:#000; padding:5px 20px 5px 20px; font-size:70%;  }

.footer  {  background:#fff; color:#000; /* margin:0 185px 0 160px;  */  padding:5px 20px 5px 20px;  font-size:85%;  }

p.article:first-letter {  font: italic 250% 'Times New Roman', Palatino, serif;  color: #FF0000;}

/* EXPLANATORY POPUPS */
.popup  {  color:#9f141a;  text-decoration:none;  }

a:link {font:100% verdana; color: blue; text-decoration: none;}
a:active {font: 100% verdana; color: blue; text-decoration: none;}
a:visited {font: 100% verdana; color: #0000cc; text-decoration: none;}
a:hover {font: 100% verdana; color: #330099; text-decoration:underline;}
#home .home, #about .about, #about .about, #contact .contact, #matlock .matlock, #kids .kids, #yourkids .yourkids, #help .help, #how .how, #youth .youth
#christmas_events .christmas_events, #christmas_resources .christmas_resources, #christmas_sense .christmas_sense, #christmas_real .christmas_real, #christmas_cards .christmas_cards, #christmas_shop .christmas_shop, #christmas_dec .christmas_dec, #christmas_fun .christmas_fun, #christmas_help .christmas_help, #beth_gall .beth_gall, #christmas .christmas, #cfun .cfun, #realchristmas .realchristmas, #service .service, #sun_eve .sun_eve, #sundayclub .sundayclub, #sundays .sundays, #special .special, #general .general, #diary .diary, #hol .hol, #trip .trip, #baptism .baptism,
#youth_activities .youth_activities, #youth_links .youth_links
{ font: 100% verdana; color: white; background: blue; text-decoration: none; }

.clear {clear:both;}
.left {  float:left; }
.right {    float:right;  }

img {  position:relative; display:inline;
border:0;
margin:0.5em;
}
img.butt {  position:relative; display:inline;
border:0;
margin:-2em -2em 0px -2em; padding:0px;
clear:both;
}

img.quote  {  display:inline;
border:0;
margin:0 0.5em 0 0;
}

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

h1  { font-size:125%;    text-align:center;  line-height:1.1; }

h2  {  font-size:120%;  text-align:left;  }

h3  { color:black; font-size:120%; text-align:left; }

/*    S M A L L    I T A L I C    */
h4 {  font:italic 1.3em 'Times New Roman', Palatino, serif;  font-size:110%;
    padding:0;
    color:#330066;
}

/*    L A R G E    I T A L I C    */
h5 { font: italic 200% 'Times New Roman', Palatino, serif;
    text-align: center;
    color: #330066;
    padding:0.5em 0 0.5em 0;
    border: 0;
    margin:0;
}

h6  {  color: #000000;  font-size:80%;
padding:0;
border:0;  margin:0;
}

.baritalic { font: italic 200% 'Times New Roman', Palatino, serif;
    text-align: center;
    color: #330066;
    padding:0.5em 0 0.5em 0;
    border: 0;      margin:0;
}

.barh3  {  border:0.3em solid #9F3400;
 text-align:center;
	margin:1.5em 0em 1.5em 0em;
padding:0em 1em 0em 1em;
	background:#fff28e;
}

.sidelinktop  {  
padding:0.5em 0 0.5em 0;
border-top:1px solid #9F3400;
border-bottom:1px solid #9F3400;
}

.sidelink  {
padding:0.5em 0 0.5em 0;
border-bottom:1px solid #9F3400;
}

.maincol  { position:relative; display:block; 
width: 78%;
background:#fff url(http://steepturnpikechurch.inmatlock.com/corner-starsky.gif) top left no-repeat;
color:#000;
padding:1% 3% 1% 1%;
margin:15% 40% 0px 2%;
text-align:justify;
}

.frontcol { position:relative;  width:92%;
background:#fff url(http://steepturnpikechurch.inmatlock.com/corner-starsky.gif) top left no-repeat;  
color:#000;
/* margin:150px 0px 10px 160px;  */
margin:150px 0 10px 20px;
padding:20px;
text-align:justify;
}

.starsite { position:relative;   display:inline;
width:38%;
float:right;
text-align:center;
background-image:url(http://steepturnpikechurch.inmatlock.com/fallstars.gif);
background-repeat: no-repeat;
color:#330066;
padding:0.5em 0.5em 0.5em 1em;
margin:0 0 0.5em 1em;
border-top: medium solid #330066;
border-bottom: medium solid #330066;
}

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

.quoteboxcenter   { position:relative;
font:  italic 140% Times 'New Century Schoolbook', Palatino, serif;
width:75%;
padding:1em;
left:3em;
right:3em;
border-top: medium solid #CF4C0C;
border-bottom: medium solid #CF4C0C;
color:#ad0018;
text-align:center;
}

.quoteboxleft  { position:relative; display:inline; float:left;
font:  italic 140% Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#ad0018;
width:33%;
border-top: medium solid #CF4C0C;
border-bottom: medium solid #CF4C0C;
padding:1em 1em 0.3em 0.2em;
margin:1em 1em 0.5em 0em;
}

.full  { position:relative;  display:inline; float:left;
width:90%;
height:auto;
text-align:justify;
padding:0.1em 0.05em 0.5em 1.5em;
margin:123px 0 0 0;
}

.lefthalf  {  position:relative; display:inline; float:left;
background-color:transparent;
width:46%;
height:auto;
text-align:left;
padding:0.1em .1em 0.5em .8em;
margin:0;
}

.lefthalftransp {  position:relative; display:inline; float:left;
background-color:transparent;
width:43%;
height:auto;
text-align:left;
padding:0.1em 1.2em 0.5em 0.5em;
margin:0;
}

.righthalf { position:relative;  display:inline;
width:45%;
background-color:transparent;
float:right;
text-align:left;
padding:0.1em 1em 0.5em .4em;
margin:0;
}
.righthalftransp { position:relative;  display:inline;
width:43%;
background-color:transparent;
float:right;
text-align:left;
padding:0.1em 1em 0.5em 1.2em;
margin:0;
}

.righthalfright { position:relative;  display:inline;  float:right;
width:44%;
background-color:#ffffff;
text-align:right;
padding:0.1em 1em 0.5em 1.2em;
margin:0;
}

.halfinsert {   position:relative; display:inline; float:left;
width:45%; height:auto;
background:transparent;
text-align:left;
margin:0.5em 0.2em 0.4em 0.2em;
}

.bgleftbox { position:relative;  display:inline; float:left;
width:45%; height:auto;
text-align:left;
margin:5px;
}

.stars  { position:relative; display:inline;  float:left;
width:93%;
background-color:blue;
background-image:url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg);
color:yellow; font-size:140%; text-align:left;
padding:2em;
}

.marg { margin:2em;}

.dadhalf { position:relative; display:inline; float:right;
width:45%;
background-color:#ffffff;
background-image:url(http://steepturnpikechurch.inmatlock.com/finger.jpg);
background-repeat: no-repeat;
background-position:3em 4.5em;
text-align:left;
margin:0.5em 0.2em 0.4em 0.2em;
}

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

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

.smaller {font-size:80%;  }

a:link #stars {color:#94f2fe;}
a:hover #stars {color:yellow;}

.left2thirds { position:relative; display:inline; float:left;
width:59%;
background-color:#ffffff;
text-align:justify;
padding:0.5em 2em 0.5em 0;
margin:0.5em 0.5em 0.5em 0;
}

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

.rightnewboxcream { position:relative; display:inline;  float:right;
width:40%;
color:#ad0018;
background-color:#FFF59F;
text-align:left;
margin:1em 0 0.5em 0.1em;
padding:0px 1.2em 0.75em 1.2em;
}

.maincolquote { position:relative; display:inline;  float:right;
width:45%;
color:#000000;
background-color:#ffffff;
border-top: 8px solid #FFF59F;
border-right: 0;
border-bottom: 8px solid #eedd99;
border-left: 0;
text-align:left;
margin:1.5em 0.5em 0.5em 1.5em;
padding:0;
}

.rightcolor { position:relative; display:inline;  float:right;
width:38%;
color:#000;
background-color:#ffffff;
border-top: 8px solid #FFF59F;
border-right: 8px solid #f7ffc2;
border-bottom: 8px solid #eedd99;
border-left: 8px solid #EED986;
text-align:left;
margin:1.5em 0.5em 0 0;
padding:1em 1.3em 3em 1.3em;
}

.news { position:relative; display:inline;  float:right;
width:40%; height:auto;
color:#ad0018;
background-color:#ffffff;     background-image:url(http://steepturnpikechurch.inmatlock.com/flash1.gif);
background-repeat: no-repeat;
background-position:top left;
text-align:center;
margin:0 0 0 2em;
padding:0 0 0 0;
border:0;
}

.creambox {  position:relative; display:inline;  float:right;
width:38%;
color:#ad0018;
background-color:#FFF59F;
text-align:center;
margin:0 0 1em 1.5em;
padding:0 0.75em 1em 0.75em;
border:0;
}

.p { font-size:0.8em; color:#330066; text-align:justify; }

.epigraph {         position:relative;
font:italic 3em verdana;
text-align:center;
color:#330066;
}

.epigraph2 { position:relative;
font:italic 1.7em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#330066;
background-color:#F0E68C;
       margin:0.75em 0.75em 0.3em 0.3em;
       padding:0.75em 0.75em 0.3em 0.3em;
}

.epiwhite {  position:relative;
font:italic 1.7em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#ffffff;
       margin:0.75em 0.75em 0.3em 0.3em;
       padding:0.75em 0.75em 0.3em 0.3em;
}

.epigraphred { position:relative;
width:auto;
padding:1.5em 1em 1.5em 1em;
font:  italic 125% Arial, Helvetica, sans-serif;
text-align:center;
color:#ad0018;
}

.rightbar { position:absolute;
background:blue url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg) repeat; color:yellow;
width:170px;
height: 120%;
top:12em;
padding:3em 10px 0 5px;
right:0;
margin:0;
     font-family:Arial, Helvetica, sans-serif;
border:0;
}
.rightbar a { color:yellow; }
.rightbar a:hover {text-decoration:underline;}
/*
background-image:url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg);
*/
.rightstars {  position:relative;
       width:98%;
height:auto;
background:blue url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg) repeat; color:yellow;
     font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
       text-align:center;
       margin:0;
}


.rightstarscenter
{
       width:94%;
height:auto;
background:blue url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg) repeat; color:yellow;
     font-family:Arial, Helvetica, sans-serif;
	font-size:65%;
       text-align:center;
       margin:4px;
}

.rightitemcenter
     {
     width:98%;
background-color:#ffffff;
     height:auto;
     text-align:center;
     border:thick double #ad0018;
     padding:0;
     margin:0;
     font-family:Arial, Helvetica, sans-serif;
     color:#000000;
}


.rightnoborder
     {
     width:100%;
     height:auto;
     text-align:center;
     border:0;
     padding:0;
     margin:0;
     font-family:Arial, Helvetica, sans-serif;
     color:#000000;
}

.rightitemleft
     {
     width:98%;
background-color:#ffffff;
     height:auto;
     text-align:left;
     border:thick double #ad0018;
     padding:0;
     margin:0;
     font-family:Arial, Helvetica, sans-serif;
     }

.helpbox
     {
        position:relative;
     width:100%;
background-color:#fFFFCC;
     height:auto;
     text-align:left;
     border:thick double #ad0018;
     padding:0;
     margin:0;
     font-family:Arial, Helvetica, sans-serif;
     }
#starsky {background:#000 url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg) repeat; color:yellow; }
#starcorner {background:#fff url(http://steepturnpikechurch.inmatlock.com/corner-starsky.gif) top left no-repeat; padding-right:3em; }
	 
.leftbar {  position: absolute;
  top:150px;
  bottom:0;
  width:140px;
  height:190%;
  border-style:none;
  text-align:left;
  font-size:0.9em;
         padding:0.1em 5px 0.1em 10px;
background:#000 url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg) repeat; color:yellow;
}

.leftbaryellow  { position: absolute;
top:200px; bottom:0;
width:185px; height:120%;
left:5px;
padding:0.1em 0.1em 0.1em 1em;
margin:0;
font:12px verdana;
border:0;
background-color:#fcffcd;
}

/*  width135px  */
.leftitemleftcream  {   position: absolute;
  top:22em;
  bottom:0;
  width:135px ;
  height:190%;
  border-style:none;
  text-align:left;
  font-size:0.9em;
         padding:0.1em 5px 0.1em 8px;
background:blue url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg) repeat; color:yellow;
}
.leftitemleftcream a { color:yellow; }
.leftitemleftcream a:hover {text-decoration:underline;}

.leftitemleft      { position:absolute;
         width:140px;
         height:190%;
         color:#000000;
         border-style:none;
         text-align:left;
         padding:0.1em 5px 0.1em 5px;
     }

.leftitemcenter      { position:absolute;
         width:140px;
         height:190%;
         color:#336699;
         border:0;
         text-align:center;
         padding:0.1em 5px 0.1em 5px;
     }

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

.fullwidth {  position:relative;
width:auto;
background:#fff url(http://steepturnpikechurch.inmatlock.com/corner-starsky.gif) top left no-repeat;
padding:5px;
margin:120px 0px 0px 0px;
text-align:justify;
}

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

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

 .topbar    { position:relative;   
 color:yellow;
            width:100%; height:4em;
            left:2px; right:2px;
            padding:0;  margin:0;
            font-size:10pt;
            text-align: center;
            }
.topbar a { color:yellow; font-weight:bold; line-height:1.6em; }
.topbar a:hover {text-decoration:underline; color:#FFA500; font-weight:bold; }  
/* orange */
.topbar a:visited {text-decoration:none; color:#FFD700; font-weight:bold; } 
/* gold */

 .topbar2  { position:absolute;
            width:100%;  height:auto;
            top:60px; left:2px;right:2px;
            padding:0;
			font-size:10pt;
            text-align: center;
            }

 /*   TOP NAV Plain   */
.navhoriz  {  overflow: visible;
            border-top: 1px solid yellow;
			border-bottom: 1px solid yellow;
			padding:0 .2em .2em .2em;
            width:100%;
			margin:0;
            text-align:center;
			color:yellow;
font-weight:bold;
            }

.centerbox   {
            width:100%;
            padding:1px;
            top: 40px; left:20px;right:20px;
            font:bold 200% Arial, Helvetica, sans-serif;
             color:#ad0018;
            text-align:center;
            }

.topcenterbox { display : inline; position:relative;
            width:30%;
            padding:1px;
            margin: 1em 20px 2px 20px;
            font:bold 100% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align:center;
            }
			.top { color:yellow; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  font-size:1.5em;}
			.smaller-sky { font-size:.9em; color:#fff; padding-bottom:2em; }

.centerbox2  { display:block;
            width:100%;
            padding:1px 1px 10px 1px;
            font:bold 150% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align:center;
            margin-left:2px; margin-right:2px;
clear:both;
            }


.centerbox3  {
            width:100%;
            top: 40px;
            padding:1px;
            left:20px;
            right:20px;
            font:bold 200% Arial, Helvetica, sans-serif;
             color:#ad0018;
            text-align:center;
            }


.frontcenterbox2    { display:block;
            width:100%;
            padding:1px 1px 10px 1px;
            font:bold 200% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align:center;
            margin-left:2px;
            margin-right:2px;
clear:both;
            }

/*   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 */

 .logobox1  { position: absolute; display:inline;
            width:25%;
            top: 5px; left:5px;
            padding:1px; margin:2px;
font:  bold 1.5em Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align: justify;
            }


.logobox1 a   { color:#ad0018; font-weight:bold; }
.logobox2 a  { color:#ad0018; font-weight:bold; }
.logobox2     { position: absolute; display:inline;
            width:14em;
            left:5px;
            padding:1px; margin:2px;
font:  bold 12px Arial, Helvetica, sans-serif;
            text-align: justify;
           color:#ad0018;
            }

.logobox   {  position: absolute; display:inline;
            width:25%;
            top: 5px; left:5px;
            padding:0;
            font-size:1.5em; font-weight:bold;
            color:#ad0018;
            text-align: justify;
            }

.toprightbox { position:relative; display:inline; float:right;
width:auto;
margin:2px 2px 0 0;
padding:0;
border:0;
font-size:8pt;
text-align:left;
}


.centerframe {display:block;
            width:40%;
background-color:#ffffff;
border-top: 8px solid #FFF59F;
border-right: 8px solid #f7ffc2;
border-bottom: 8px solid #eedd99;
border-left: 8px solid #EED986;
margin-left:2px; margin-right:2px;
            padding:1px 1px 10px 1px;
            font:bold 130% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align:center;
clear:both;
            }

.first_quarter { position:relative;  display:inline; float:left;
       width:12%; height:auto;
text-align:center;
font-size:70%; font-weight:bold;
padding: 0 1em 0 1em;
margin:0 0 0 21%;
clear:left;
}

.last_quarter { position:relative;  display:inline; float:left;
       width:12%; height:auto;
       text-align:center;
font-size:70%;
font-weight:bold;
padding: 0 1em 0 1em; margin:0 21% 0 0;
clear:right;
}


.quarter { position:relative;  display:inline; float:left;
       width:12%;
       height:auto;
       text-align:center;
font-size:70%; font-weight:bold;
padding: 0 1em 0 1em; margin:0;
}

.pyramid_center  { display:block;
background-image: url(http://steepturnpikechurch.inmatlock.com/pyramid_rock/cover.jpg);
background-repeat: no-repeat;
background-color: #B0CDC8;
            width:765px;
            padding:0;
            text-align:center;
            margin-left:10px; margin-right:10px;
clear:both;
}

.rightbar_white { position:absolute;
background-color:#ffffff;
width:140px;
height: 120%;
top:135px;
padding:3em 10px 0 5px;
right:0;
margin:0;
     font-family:Arial, Helvetica, sans-serif;
     color:#000000;
border:0;
}

.leftbar_white {  position: absolute;
  top:135px;
  bottom:0;
  width:140px;
  height:190%;
  color:#000000;
  border-style:none;
  text-align:left;
  font-size:0.9em;
         padding:0.1em 5px 0.1em 10px;
   background-color:#ffffff;
}

.centerpic_inline { position:relative; display:inline;
width:80%;
margin:2px 20% 2px 20%;
padding:0;
text-align:center;
}

.maincol_white { position:relative;
width:80%;
background-color: #ffffff;
color:#000000;
        position:relative;
       padding:1em;
        margin:123px 0 0 145px ;
        text-align:justify;
}

.center { text-align:center; }

/* border:0.3em solid #9F3400; */
.bluestars  {display:block; position:relative;
	text-align:center;
	margin:0;
	padding:2.5em;
border:7px solid #000;
background:#000 url(http://steepturnpikechurch.inmatlock.com/star_sky_bckgrd.jpg) repeat; 
color:yellow;
 width:94%; 
}

.whitestarbg { border:3px solid yellow; display:block; height:auto;  width:100%;  color:#000; background:#fff url(http://steepturnpikechurch.inmatlock.com/star-gill2.gif) 100% 0 no-repeat; overflow:visible; margin:0; padding:1em; } 

#christmasstar {background:#00008B url("http://steepturnpikechurch.inmatlock.com/star-gill2.gif") top right no-repeat; }
#bkborder { border:1px solid black; }
#redborder { border:1px solid red; }
#mourning { border:8px solid black; }
.bigger { font-size: 150%; }
/*  ~~~~~~~~~~~~   FOR CHRISTMAS  FORMS   ~~~~~~~~~~~~~~~~  */

form textarea  { background: #ffffcc; width:90%;}

td { padding: 5px 10px; vertical-align: top; }
td a { font-weight: bold; color: #06c;  }
th {  font: bold 100% Arial,Helvetica,sans-serif;
	color: #666;  	background: #ccffff;
}

/*  ~~~~~~~~~~~~   FOR    FORMS   ~~~~~~~~~~~~~~~~  */
form {width:80%; margin-left:15%; text-align:left; }
form legend { margin:0; font-size:90%;}
form counter {width:4em;}
form checkbox {width:2em;
    border: 3px solid  red;
    background:  #ffffcc;
padding:1em 1em 1em 6em; 
margin-left:6em;
}
form label {
    display: inline;
float:right;
    width: 80%;
padding: 0 2em;
}
.inlinecheck { display: inline; margin-bottom:3em;}
form textarea  { width:65%;
    border: 1px solid  #9F3400;
    background:  #ffffcc;
}
form textarea:hover { background: #ff6; }
.text { width:65%;
    border: 1px solid  #9F3400;
    background:  #ffffcc;
}
.text:hover { background: #ff6; }
form button { width:auto;
    border: 1px solid  #9F3400;
    background:#ffffcc;
}
form button:hover {    border:1px solid  #9F3400; background:#ff6;  }
.feedbutton { width:auto;
    border:1px solid  #9F3400;
    background:#ffffcc;
}
.feedbutton:hover {  border: 1px solid  #ff6; background:#ff6; }
.submit { width:auto;
    border: 1px solid  #9F3400;
    background:#ffffcc;
}
.submit:hover { border:1px solid  #9F3400; background:#ff6; }
.cl { clear: left; }
q {font-style:italic; font-size:.9em; text-align:center; }

/*  use       p class=  firstletter      */
.firstletter:first-letter {
font-size:250%; 
float:left;
line-height:.6em;
color:#D2691E;
font-style:italic;
}

.bigfirstletter:first-letter {
font-size:550%; 
float:left;
line-height:.6em;
color:#D2691E;
font-style:italic;
}
.choc {color:#D2691E; }
.caption {font-size:90%; font-style:italic; text-align:right; }
.floatleft { display:inline; float:left; }
.floatright { display:inline; float:right; }