/* css style sheet for Susan Lyndes Photography */
/* ------------------------------------------------ */
/* Common characteristics */
.commonTextStyle {
  /*color:#144D56;*/
  color:black;
  font-family:Verdana; /*Arial;*/
  font-weight:normal;
  letter-spacing:0.1em;
  font-size:12px;
}

.commonPageTitleStyle {
  color:#144D56;
  font-family:Georgia;
  font-size:30px;
  font-weight:bold;
  letter-spacing:0.1em;
  text-shadow:6px 4px 2px #999999;
}

.commonPageHeaderStyle {
  color:#144D56;
  font-family:Verdana;
  font-size:16px;
  font-style:italic;
  font-weight:bold;
  /*letter-spacing:0.1em;*/
  text-shadow:1px 1px 1px #999999;
}

.commonPageHeaderSubStyle {
  color:#144D56;
  font-family:Verdana;
  font-size:12px;
  font-style:italic;
  font-weight:bold;
}

.navigationTextStyle {
  color:#144D56;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}

.navigationQuoteStyle {
  color:#144D56;
  font-family:Arial;
  font-size:10px;
  font-style:italic;
  /*font-weight:bold;*/
}

.navigationTextStyleHeader {
  color:gray;
  font-family:ArialMT,Arial;
  font-size:14px;
}

.topicHeadingTextStyle {
  color:#144D56;
  font-family:Brush Script MT;
  font-size:35px;
  font-weight:bold;
}

.underPictureTextStyle {
  color:#144D56;
  font-family:Arial;
  font-size:12px;
  font-style:italic;
  font-weight:bold;
}


/* -- Draws a shadow at the lower edge of the image */
.imageShadowRaisedLowerEdge {
    -webkit-box-shadow: 0 15px 5px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 15px 5px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 15px 5px -5px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}


/* -- Navigation menu setup */
/*
These need to be coded in the following manner

<div id="wrapper" style="text-align:left;">
  <header class="main_headline">
  <nav>
  <ul>
    <li><a href="#">About</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Products</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
  </nav>
  </header>
</div>
*/
nav {  
    display: block;  
    margin-bottom: 10px;  
}  

nav ul {  
    list-style: none;  
    font-size: 14px;  
}  

nav ul li {  
    display: inline;  
}  

nav ul li a {  
    display: block;  
    float: left;  
    padding: 3px 5px;  
    color: blue;  
    text-decoration: none;  
    font-weight: bold;  
}  

nav ul li a:hover {  
    background:#144D56; /*#2E8B57;  #999999; */ 
    color:#FAF0E6; /*#485e0f; */ 
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    border-radius: 3px;  
    padding: 3px 6px;  
    margin: 0;  
    text-decoration: none;  
}  



/* ------------------------------------------------ */
/* Index page characteristics #F5F5DC #999999*/
.indexPageStyle {
  background-color:#144D56;
}

.indexPageTableStyle {
  width:800px; 
}

.indexPageColumnStyle {
  background-color:#FDF5E6;
}



/* ------------------------------------------------ */
/* Sub page characteristics #999999*/
.subPageStyle {
  background-color:#144D56;
}

.subPageTableStyle {
  width:855px; 
}

.subPageColumnStyle {
  background-color:#FDF5E6;
}







/* ------------------------------------------------ */
/* old stuff from the bg site for info purposes only */


.bodyDivStyle {
  width:800px;
}



.buttonStyle {
  color:white;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  height:20px;
  width:150px;
}



.buttonBoxStyle {
  background-color:green;
  border-color:white;
  border-style:solid;
  border-width:1px;
  height:20px;
  width:145px;
  text-align:center;
}



.buttonTextStyle {
  color:white;
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
}



.frameBackgroundStyle {
  background-color:#F5F5DC;
  border-color:green;
  border-style:solid;
  border-width:1px;
}


.framePageBodyBackgroundColorStyle {
  background-color:#F5F5DC;
}



.hyperLinkStyle {
  color:gray;
  font-family:Arial;
  font-size:22px;
  font-weight:bold;
}



.pageBackgroundStyle {
  width:800px; 
  background-color:#F5F5DC;
  position:absolute;
  top:0px;
  left:80px;
}



.pageFooterStyle {
  color:green;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  text-align:center;
}



.pageHeaderTextStyle {
  color:#A0522D;
  font-family:Times New Roman;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}



.pageHeaderTitle {
  color:green;
  font-family:Arial;
  font-size:42px;
  font-weight:bold;
  text-align:center;
}



.pageTextCaptionStyle {
  color:#A0522D;
  font-family:Arial;
  font-size:10px;
  font-weight:normal;
  text-align:left;
}



.pageTextStyle {
  color:black;
  font-family:Arial;
  font-size:13px;
  font-weight:normal;
  text-align:left;
}



.paragraphHeaderTextStyle {
  color:black;
  font-family:Arial;
  font-size:13px;
  font-weight:bold;
  text-align:left;
}