/*stylesheet for talkslp10 updated Nov 19*/
*{margin:0; padding:0;}

* a:link {text-decoration:none; color:#000;}
* a:visited {text-decoration:none; color:#800000;}
* a:hover{text-decoration:none; color:#800000;}
* a:active{text-decoration:none; color:#000;}
* img {border:none;}

#logo{
padding: 20px 10px 30px 60px; float:left; width: 102px;
}

#container {min-width:800px; max-width:1000px; margin-right:auto; margin-left:auto;
margin:0; padding:0;}/*sets container div max min widths see also javascript - min-width was 800*/

img.displayed {
display: block;
margin-left: auto;
margin-right: auto; 
margin-top:5px;
margin-bottom: 2px;
/*padding: 5px 0 5px 0;*/
width: 70%;
border: solid ipx #000;
}
/*to center images, such as Laura's photo*/

body{
background:#738639 url(images/backtexture.gif);/*sets green texture background*/
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
width: 95%;
/*border: 1px solid #000;*/
margin-left:auto; margin-right:auto; 
font-family:Arial, Helvetica, sans-serif;
color: #000;
font-size: 100%;
/*margin:0; 
padding:0;*/


}


body a:link{text-decoration:none; color:#000;}

h3, h4, h5, h6
{
margin-left:0px;
margin-bottom: 0;
padding-bottom: 1px;
line-height:130%;/*matches the leading for the text*/
}

h1, h2
{
margin-top:10px;
margin-left:0px;
margin-bottom: 0;
padding-bottom: 10px;
line-height:130%;/*matches the leading for the text*/
}

h1{color:#d26666;}

#wrap{
max-width: 1200px;
background:url(images/index3beige400px.gif) repeat-y 80% 0; /*80% from the left*/
text-align:left; 
margin:0;
padding:0;
}

#innerwrap{
background:url(images/redlipsleftback450px.gif) repeat-y 22.5% 0;

/*
30% of 75% is 22.5% on a 2000px background = 450px - but it's not quite right*/
text-align: left; 
margin:0;
padding:0;
}


#header{
background-color:#abc894;/*was lip red #ce5c5c; before was burgundy#800000;*/
height:100%; /*160px;*/
}

.talkslp/*styles company name in the header area*/
{font-family:"comic sans ms" , arial, sans-serif; text-align:left; letter-spacing:15px; color:#fff; font-size:2.3em; font-weight:bold; line-height:120%; padding-top:25px;}  

.underhead {font-size: 1.30em;}

/*#boxstyles the white box of the lgo in the header area
{float: left; width: 280px; padding:15px; margin: 15px; background-color:#FFF; font-family:"Times New Roman", Times, serif; font-size:36px; font-weight:bold; line-height:120%;}*/

/*#box p{ text-align:center; letter-spacing: 10px; border-top: 3px solid #336699; border-bottom: 3px solid #336699;}*/

/*#box hr{font-weight: bold; height:3px; color:#336699; width: 100%;} If use this add hr to box html*/
#slogan p{padding: 20px 10px 20px 10px; margin:0px; font-size:180%; line-height: 100%; color:#fff; text-align:center;}

/*syles horizontal nav buttons div*/
#navlist
{
/*float:left;
width:100%;*/
border-bottom: 3px solid #3399ff; /* was #FFCC66; */
border-top: 2px solid #3399ff; /* was #FFCC66; */
margin: 0px;/*was 0px*/
margin-bottom: 0px; /*area beneath buttons was 30*/
padding-left: 2em;/*was 0.5em*/
padding-right: 2em;/*was 0.5em*/
background-color:#336699; /* was yellow #FF9900*/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
padding-bottom: 5px;
padding-top:10px;
height:20px;
}


#navlist a
{
/*border: 1px solid #3399ff;  was yellow #FF9900*/
padding: 0px;/*was 0*/
padding-left: 1em;/*was 0.5em*/
padding-right: 1em;/*was 0.5em*/
color: #fff;
font-weight: bold;
text-decoration: none;
}

#navlist a:link
{
/*border: 1px solid #3399ff;  was yellow #FF9900*/
padding: 0px;/*was 0*/
padding-left: 1em;/*was 0.5em*/
padding-right: 1em;/*was 0.5em*/
color: #fff;
font-weight: bold;
text-decoration: none;
}
#navlist a:visited
{
/*border: 1px solid #3399ff;  was yellow #FF9900*/
padding: 0px;/*was 0*/
padding-left: 1em;/*was 0.5em*/
padding-right: 1em;/*was 0.5em*/
color: #fff;
font-weight: bold;
text-decoration: none;
}

#navlist a:hover 
{
/*border: 1px solid #fff;*/
background-color:#000; /*background color when mouseoveredd*/
padding: 1px;
padding-left: 1em;/*was 0.5em*/
padding-right: 1em;/*was 0.5em*/
text-decoration: none;
}

#navlist a:active, #navlist a:focus
{
/*border: 1px solid #3399ff;  was yellow #FF9900*/
padding: 0px;/*was 0*/
padding-left: 1em;/*was 0.5em*/
padding-right: 1em;/*was 0.5em*/
color: #fff;
font-weight: none;
text-decoration: none;
}

#navlist li
{
padding-right: 1px;/*was 1px*/
display: inline;
font-size: 0.9em; /* was 0.6em, change padding to fit in reduced page sizes*/
}

#navlist ul
{
margin: 0px; /*was 0*/
padding: 0px; /*was 0*/
}


#mainbody{
float:left;
width:75%;
margin-right:auto; /*was5%*/
/*background-color:#FFFFFF;*/
margin:0; 
padding:0;
}

ul.aboutlist {list-style-type:disc; padding: 0 30px; margin-left: 20px; font-size:100%}/*styles list on about  page*/
ul.aboutlist li{padding-bottom:10px;}
/*these style list on About page*/

ul #servicesublist{padding-left:20px;}/*aims to indent sublist on contact page in IE and mac*/

#content{
float:right;
width:65%;
background: #fff;
margin-left:auto; /*was5%*/
line-height:1.5em;
margin:0; 
padding:0;
}

#quote{width:200px; float:left; margin-right:15px; margin-left:5px; border-top: 5px solid #336699; border-bottom:5px solid #336699;} /*quote box on index*/

/*#quote hr{ 
color:#336699; height: 5px;}*/

#quote .quotetext
{font-size:150%; line-height:140%; font-weight:bold; }



#leftsidebar{
/* background: #d26666;red lips is #d26666; #fff; was orange#ff8257;*/
float:left;
width: 30%;
line-height:1.5em;
margin:0;
padding:0;
/*overflow:auto;*/
}

#leftsidebar a:link, a:visited, a:hover, a:active{color: #000;}

.lauraname{/*makes name larger and fit on one line*/
/*margin:0px; padding:0px;
letter-spacing:-0.005em;
word-spacing:-0.01em;*/
font-size:140%;
text-align:left;
padding-left:0;
margin-left:1.5em;
}


#leftsidebar p{
text-align:left;
margin: 5px 2em 0 2em;
/*padding: 5px;*/
font-size:95%;
}

#rightsidebar2{
float:right;
width:20%;
background: #f0e7d7;
}

#rightsidebar2 p{
margin: 0.5em 0.5em 0.5em 2em;}


/*style for right col buttons*/
#column3 ul{width:160px;}

ul#servicelist
{
text-align: left;
list-style: none;
padding: 0 0 5px 0;
margin: 0 auto;
width: 90%;
font-size:90%;
}

ul#servicelist li
{
display: block;
margin: 0;
padding: 0;
}

ul#servicelist li a
{
display: block;
width: 100%;
padding: 0.5em 0.5em 0.5em 2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #000;/*#777;*/
text-decoration: none;
background:#f7f2ea ;/*was #849c32*/
}

ul#servicelist li a { width: auto; }

ul#servicelist li#active a
{
background: #f0e7d7;
color:#800000; /* or salmon #cd5c5c ;*/
}

ul#servicelist li a:hover, ul#servicelist li#active a:hover
{
color:#800000; /* liked burgundy #cd5c5c;*/
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

/*end of vertical list styling*/

div#formcontainer table {border-collapse:collapse; width:40%;}
div#formcontainer table td {border: 1px solid #000; padding: 5px; background-color:#CCCCCC; }


#footer{
background: #336699;
clear:both;
}

.topper
{font-size:0.75em; font-style:italic;}
.topper a:visited {text-decoration:none; color:#000000;}

.copyright{font-size:75%; padding-left:20px; padding-bottom:10px;}

/*styles menu in bottom area*/

#footerlist{text-align:center; padding-bottom:10px;}

#footernavlist li{
display: inline;
list-style-type:none;
/*padding: 10px;*/
font-size:75%;
}



#footernavlist li a:link {color:#FFFFFF; padding: 0 1px 0 1px;}
#footernavlist li a:visited {color:#FFFFFF;padding:0 1px 0 1px;}
#footernavlist li a:hover {color:#800000;padding:0 1px 0 1px;}
#footernavlist li a:active {color:#FFFFFF;padding:0 1px 0 1px;}

.clearfloats {clear:both;}/*aslett clearing method*/