/* CSS Document */
* {
   margin:0px;
   padding:0px;
   text-decoration:none;
   border:none;
   list-style-type:none;
  }
body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:92%;
	background-color: #ABC89B;
	background-image: url(images/dropdownshadow.jpg);
	background-repeat: repeat-y;
	background-position: center top;
        }
#container {
  background-color: #F7F9E4;
  width:700px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  text-align:justify;
  position:relative;
  border: 10px solid #F7F9E4;    
         }
body#documentpage #container {
  background-color: #F7F9E4;
  width:700px;
  height:1560px;
  margin-left:auto;
  margin-right:auto;
  text-align:justify;
  position:relative;
  border: 10px solid #F7F9E4;    
         }
body#portfoliopage #container {
  background-color: #F7F9E4;
  width:700px;
  height:1800px;
  margin-left:auto;
  margin-right:auto;
  text-align:justify;
  position:relative;
  border: 10px solid #F7F9E4;    
         }

a:link, a:visited {
    text-decoration: none;
    color: #6C7896;
                   }
a:hover, a:active {
    text-decoration: none;
    color:#FF9900;
                  }
h1	{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border:none;
	}
body#aboutpage #header h1 {
	width:700px;
	height:200px;
	background:url(images/lindaHeader1.jpg) no-repeat top center;
        }
body#portfoliopage #header  h1{
	width:700px;
	height:200px;
	background:url(images/lindaHeader2.jpg) no-repeat top center;
            }
body#documentpage #header h1{
	width:700px;
	height:200px;
	background:url(images/lindaHeader3.jpg) no-repeat top center;
           }
body#contactpage #header h1{
	width:700px;
	height:200px;
	background:url(images/lindaHeader4.jpg) no-repeat top center;
         }
div#mainnav	{
	height: 30px;
	width: 700px;
	margin: 0 ;
	padding: 0;
	border: 0;
	background-color: #F7F9E4;
	}

div#mainnav ul#menu	{
	height: 30px;
	width: 700px;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#mainnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#menu li, ul#menu a {
	height: 30px;
	display: block;
	}
	
div#mainnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#about {
    left: 100px;
    width: 138px; 
    background:transparent url(images/about.jpg) no-repeat top;
          }
#portfolio	{
    left: 239px; 
    width: 138px;
    background: transparent url(images/portfolio.jpg) no-repeat top;
            }
#document	{
    left: 378px; 
    width: 180px;
    background: transparent url(images/document.jpg) no-repeat top;
            }
#contact {
    left: 560px; 
    width: 140px;
    background: transparent url(images/contact.jpg) no-repeat top;
         }

#about a:hover	{background: transparent url(images/about.jpg) 20px -28px no-repeat;}
#portfolio a:hover {background: transparent url(images/portfolio.jpg) 9px -34px no-repeat;}
#document a:hover {background: transparent url(images/document.jpg) 0px -40px no-repeat;}
#contact a:hover {background: transparent url(images/contact.jpg) 10px -34px no-repeat;}

	/* You are here - main nav */
	
body#aboutpage #about {background: transparent url(images/about.jpg) 20px -28px no-repeat;}
body#portfoliopage #portfolio {background: transparent url(images/portfolio.jpg) 9px -34px no-repeat;}
body#documentpage #document{background: transparent url(images/document.jpg) 0px -40px no-repeat;}
body#contactpage #contact{background: transparent url(images/contact.jpg) 10px -34px no-repeat;}

#leftbar {
  width:35%;
  height:650px;
  background: url(images/leftbarbg.jpg) no-repeat top left;
  text-align:center;
  list-style: none;
  float:left;
          }
body#documentpage #leftbar {
  width:35%;
  height:auto;
  background: url(images/leftbarbg.jpg) no-repeat top left;
  text-align:center;
  list-style: none;
  float:left;
          }

#leftbar img {
  margin-top:50px;
             }
#content {
	background:url(images/contentbg.jpg) no-repeat top left;
    float:right;
    width:65%;
    height:650px;
	font-size: small;
    text-align:left;
         }
body#documentpage #content, body#portfoliopage #content {
	background: transparent url(images/contentbg.jpg) no-repeat top left;
    float:right;
    width:65%;
    height:auto;
	font-size: small;
    text-align:left;
         }
img#resume {
    padding:10px 0 0 50px;
       }
#content h2 span {
    visibility:hidden;
           }
body#aboutpage #content h2 {
    background:transparent url(images/aboutlogo.jpg) no-repeat 90px 75px;
    width:300px;
    height:110px;
          }
body#portfoliopage #content h2 {
    background:transparent url(images/portfoliologo.jpg) no-repeat 90px 75px;
    width:300px;
    height:110px;
          }
body#documentpage #content h2 { 
    background:transparent url(images/documentlogo.jpg) no-repeat 90px 75px;
    width:300px;
    height:110px;
          }
body#contactpage #content h2 { 
    background:transparent url(images/contactlogo.jpg) no-repeat 90px 75px;
    width:300px;
    height:110px;
         }
body#contactpage #content p span {
    font-weight:bold;
        }
#content h4 {
	padding:15px 50px 0px 50px;
    font-size:small;
	color:#6C7896;
    line-height:0.1em;
       }
#content p {
	padding:15px 30px 0 50px;
	color:#6C7896;
	line-height:1.5em;
    text-align:left;
           }
body#portfoliopage #portfolioimage {
    margin-top:20px;
                }
body#portfoliopage #portfolioimage li {
    padding-bottom:50px;
    padding-left:30px;
                }
body#portfoliopage #portfoliodetail {
    float:right;
    margin-left:100px;
    margin-top:-1250px;
                     }
body#portfoliopage #portfoliodetail h4{
    padding:20px 30px 0 30px;
	color:#6C7896;
    text-align:left;
    font-size:11px;
}
body#portfoliopage #portfoliodetail  p {
	padding:10px 30px 3px 30px;
	color:#6C7896;
	line-height:1.4em;
    text-align:justify;
    font-size:12px;
    height:90px;
           }
body#portfoliopage #portfoliodetail  a:link, body#portfoliopage #portfoliodetail a:visited {
     text-decoration:underline;
                  }
body#portfoliopage #portfoliodetail  a:hover, body#portfoliopage #portfoliodetail a:active{
     text-decoration:none;
              }
body#contactpage a:link, body#contactpage a:visited {
     text-decoration:underline;
                  }
body#contactpage a:hover, body#contactpage a:active{
     text-decoration:none;
              }
body#documentpage table {
    margin:10px 10px 2px 30px;
    width:410px;
	color:#6C7896;
	background-color:#6C7896;
}
body#documentpage th {
	font-weight:bold;
    text-align:center;
	font-size:85%;
	color:#666666;
	line-height: normal;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F7F9BF;
 }
body#documentpage td {
    text-align:left;
    padding:0px 3px;   
            }
body#documentpage td.name {
    font-weight:bold;
    text-align:center;
          }
body#documentpage td.download {
    text-align:center;
}
body#documentpage .row1 {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F7F9E4;
}
body#documentpage .row2 {
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F7F9FF;
}
body#contactpage form {
  margin:20px 0px 0px 40px; 
  color:#6C7896;
  font-family:Arial, Helvetica, sans-serif;
  width:400px;
         } 
body#contactpage fieldset {
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  padding-top:10px;
  border:1px solid #6C7896;
  background-color:#F7F9E4;
}
body#contactpage fieldset#new{
  border:1px solid #6C7896;
  background-color:#F7F9FF;
  margin-top:10px;
  padding-top:10px;
  }
body#contactpage label {
  padding-left:10px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:smaller;
   }
body#contactpage input {
  border:1px solid #6C7896;
  margin-left:10px;
  margin-bottom:5px;
 }
body#contactpage textarea {
  border:1px solid #6C7896;
  margin-left:10px;
  margin-bottom:5px;
}
body#contactpage #submit {
  margin-left:150px;
  margin-top:5px;
  margin-bottom:5px;
}

#footer {
    clear:both;
    background:url(images/footerbg.jpg) no-repeat top left;
    width:700px;
    height:50px;
    text-align:center;
      }
#footer h1 {
	background: url(images/footleft.jpg) 0 0 no-repeat;
	height: 230px;
	width: 200px;
	position: absolute;
	z-index: 101;
	top: 710px;
	right: -80px;
	margin: 0;
	left: -152px;
}
html>body #footer h1 {background-image: url(images/footleft.jpg);}
#footer h1 span {visibility:hidden;}
#footer p {
    padding-top:32px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:smaller;
    font-weight:bold;
    color:#6C7896;
               }
body#documentpage #footer {
    clear:both;
    position:absolute;
    top:1510px;
    left:0px;
    background:url(images/footerbg.jpg) no-repeat top left;
    width:700px;
    height:50px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    font-weight:bolder;
    font-size:15px;
      }
 body#portfoliopage #footer {
    clear:both;
    position:absolute;
    top:1750px;
    left:0px;
    background:url(images/footerbg.jpg) no-repeat top left;
    width:700px;
    height:50px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:center;
    font-weight:bolder;
    font-size:15px;
      }
body#documentpage #footer h1, body#portfoliopage #footer h1 {
	background: url(images/footleft.jpg) 0 0 no-repeat;
	height: 230px;
	width: 200px;
	position: absolute;
	z-index: 101;
	top: -170px;
	right: -80px;
	margin: 0;
	left: -152px;
}
body#documentpage #footer p, body#portfoliopage #footer p {
    text-align:center;
               }