html, body { margin: 0; padding: 0; } 
 
body { margin-left: auto; margin-right: auto;  font-family: verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; color: #600;  background: url(design/bgSpecklesMaroon.jpg); }
   
.container { background-position: center;  margin-left: auto; margin-right: auto;  width: 90%; background: #FFF; border: none; margin: 5% 5%; background: url(design/lines3.jpg) repeat-y; }
  
.sideouter { margin-top: 2.75%; margin-left: -1.5em;  padding-right: 2em; }
	
.side navMenu {margin: 0; }

.side li {list-style-image: url(design/bullet8.gif); list-style-position: outside; } 

.side a:link, .side a:visited, .side a:active 
                           {text-decoration: none; color:  #600;
                             font-weight: 900; font-size: 0.65em; line-height: 1.8em; padding: 2px; }

.side a:hover {text-decoration: none; color: #FFF;  background: #600; font-style: italic;  font-size: 0.65em; line-height: 1.8em; padding: 2px; }
  
.side a.current:link, .side a.current:visited, .side a.current:active 
                       { text-decoration: underline; color: #006633;
                         font-style: normal; font-weight: 900;  font-size: 0.65em; line-height: 1.8em; padding: 2px; }
						 
.side a.current:hover  {text-decoration: none; color: #FFF;  background: #600; font-style: italic;  font-size: 0.65em; line-height: 1.8em; padding: 2px; }
		
.navouter {clear: both; width: 100%; text-align: center; }

.navbar p {margin: 0 auto; padding: 0 0 3px 0;                  
             border-top: 1px solid #600; border-bottom: 1px solid #600; }

.navbar img {border: none; margin: 0 1.5%; }

.navbar a:link, .navbar a:visited, .navbar a:active
              { color: #600;  text-decoration: none;
             font-weight: 900; font-size: 0.66em;  line-height: 1.8em;  padding: 2px; } 

.navbar a:hover {text-decoration: none; color: #fff; background: #600; font-size: 0.66em;  line-height: 1.8em;  padding: 2px; }
  
.navbar a.current:link, .navbar a.current:visited, .navbar a.current:active 
                       { text-decoration: underline; color: #006633; 
                         font-style: normal;  font-weight: 900; font-size: 0.66em;  line-height: 1.8em;  padding: 2px; }
						 
.navbar a.current:hover {text-decoration: none; color: #fff; background: #600; font-size: 0.66em;  line-height: 1.8em;  padding: 2px; } 
			
.outercontent { width: 90%; border: none; margin: 0; padding: 2% 5%;}

.content  { margin-left: auto; margin-right: auto;  width: 100%;  margin: 0; padding: 0; border: none;               
              font-size: 0.75em; color: #333; text-align: justify; line-height: 1.4em; }
			  
h1 { text-align: center; margin: 1em 0 0.5em; font-size: 2em; color: #F96; }

.h1-sm1 {text-align: center; font-family: "CopprplGoth Bd BT", Arial, Helvetica; font-size: 1.6em; line-height: 120%; font-weight: bold; margin-top: 1em; color: #F96;}

.h1-sm2 {
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-align: center; 
		font-size: 1.6em; 
		line-height: 120%;  
		margin-top: 1em; 
		color: #934900;		
		} 

.h1-sm3 {text-align: center; font-size: 1em; line-height: 120%;  margin-top: 1em; color:#999999;}
		  			  
h2 { margin-bottom: 1em; 
		text-align: center;
		font-size: 1.42em;
		font-weight: 400;
		color: #600;  }

h3 {  margin-bottom: 1em; 
	text-align: center;
	font-size: 1.0em; line-height: 120%;
	font-weight: bold;
	text-decoration: none;
	color: #999; }
	
h4 { margin-bottom: 1em; 
	text-align: center;
	font-size: 1.0em; line-height: 120%;
	font-weight: bold;
	text-decoration: underline;
	color: #360; }		
	
p { color: #600;}
span.firstletter {color: #600; background: transparent;  
                   font: bold 3em/0.8 "Monotype Corsiva", "Bradley Hand ITC"; 
                   float: left; padding-right: 2px; margin-top: -4px; }
      
p.subHeading {text-align: center; color: #600; font-weight: 600; padding: 5px; 
	}
	
.jh1 {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;	
	color: #999;
    }

.jh3 {
  margin-left: auto;
  margin-right: auto;
	text-align: center;
	font-size: .95em;
	font-weight: bold;	
	color: #999;
    }

.centerItem {margin-left: auto; margin-right: auto; }
   
img.centerItem {
    margin-left: auto;
    margin-right: auto; }

.txt1	{ margin-bottom: 1em; 
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	color: #999; }
	
.txt2	{ margin-bottom: 1em; 
	text-align: center;
	font-size: 1.5em;
	color: #600; }

/* Click for enlargements in Galleries */
.txt4	{ margin-bottom: 1em; 
	text-align: center;
	font-size: 1.0em; line-height: 120%;
	font-weight: bold;
	text-decoration: underline;
	color: #999; }
	
/* wedding pix captions */
 .txt5  {  margin-bottom: 1em; font-weight: bold;  text-align: center; color: #999;}
 
 /* gallery pix captions */				  
 .txt6	{ margin-bottom: 1em; font-weight: bold; color: #006633;}
 
#bgAmber {
background-image: url(design/bgSpeckledAmber.gif);
}

#bgBlackParchment {
background-image: url(design/bgBlackParchmentSq.gif);
}

#bgBrownParchment {
background-image: url(design/bgBrownParchmentSq.gif);
}

table {
	border-color: #660000;
}

td	{
	border-color: #660000;	
}

/* BOTTOM PAGE LINKS */		  
.links { width: 90%; margin: 0; padding: 2% 0; font-size: 0.95em; color: #600;             
           padding-left: 5%; text-align: center; list-style-image: none;}

.links a:link, .links a:visited, .links a:active {color: #006633;}

.links a:hover {text-decoration: none; color: #006633;}
  
.miscLink  a:link, .miscLink  a:visited, .miscLink a:active {color: #006633;}
  
.miscLink a:hover {text-decoration: none; color: #006633;}

/*FOOTER INFO */  

.centerText {text-align: center;}
       
#titleInfo {text-align: center; font-size: 1.4em;  font-weight: 600; text-decoration: underline; }
  
#contact  {text-align: center; font-size: 0.95em; line-height: 120%;
              color: #600;  border: none;  margin-top: 1em;} 

#copyright {text-align: center; font-size: 0.75em; line-height: 120%;  margin-top: 1em;}

.style1 {
	font-family: "English111 Vivace BT", "French Script MT", Script, Mistral,"Palatino Linotype", "Copperplate Gothic Bold", "PosterBodoni BT", Arial, Tahoma, Verdana;
	font-size: 45px;
	font-weight: bold;
}  

/*  big thankyou to Audrey for guiding me in CSS.  Thanks to her I have
 more compact markup,  
CSS style sheets, 
my name in the status bar,  
compacting the penWELCOME page, 
styling the first letters of the paragraphs, 
making the pages both fluid and scalable (so that my background would show up even at a resolution of 800 x 600),  
making changes pretty easy to implement by just changing the styling instead of having to revise tables, 
suggestion to split styling with an overall CSS and specific embedded styles in the head of individual pages
getting the pages to load faster.
the "current page" coloured link
translucency effect on the about Page
doctypes, meta tags, search engines
save for the web
 */