/* CSS Document for Karleen Stevens McAllester's Web Site*/

body 
{
	background-color: #Efefef;
	text-align: center;
}


H1 {
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;  
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  padding-top: 4px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 0px;
  background-color: #ffffff;
  color: #444444;
}


H2 {
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;  
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  padding-top: 4px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 0px;
  background-color: #ffffff;
  color: #444444;
}


H3 {
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 0px;
  background-color: #ffffff;
  color: black;
}

H2.websample {
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 0px;
  background-color: #fefeee;
  color: #666666;
}


TD {
  background-color: #ffffff;
  color: black;
  vertical-align: top;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}

TD.menubar {
  background-color: #ffffff;
  color: black;
  vertical-align: bottom;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 3px;
}

TD.sidecolumn {
  background-color: #ffffff;
  color: black;
  vertical-align: top;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}




TD.gold {
  background-color: #FFFF33;  
  vertical-align: top;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 8px;
  padding-bottom: 1px;
}




P  {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  text-align: left;
  line-height: 16px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
  background-color: #ffffff;
  color: black;
}


P.contact  {
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 12px;
  text-align: left;
  line-height: 18px;
  padding-top: 0px;
  padding-left: 25px;
  padding-right: 20px;
  padding-bottom: 0px;
  background-color: #ffffff;
  color: black;
}




P.signature  {
  font-family: "Lucida Handwriting", "Lucida Sans", helvetica, arial, verdana, sans-serif;
  font-size: 14px;
  text-align: right;
  line-height: 18px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 20px;
  padding-bottom: 2px;
  background-color: #ffffff;
  color: black;
}


P.websamplepic  {
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 12px;
  text-align: center;
  line-height: 12px;
  padding-top: 2px;
  padding-left: 10px;
  padding-right: 5px;
  padding-bottom: 2px;
  background-color: #fefeee;
  color: #666666;
}


P.indent  {
  line-height: 18px;
  padding-left: 20px;
}

P.indent2  {
  line-height: 18px;
  padding-left: 40px;
}



a.portfoliolink  {
 font-family: helvetica, arial, verdana, sans-serif;
  font-size: 14px;
  line-height: 22px;
  padding-left: 20px;
  font-weight: bold;
}

a.portfoliolinkpic  {
 font-family: helvetica, arial, verdana, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  font-weight: bold;
}

P.visualcaption  {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
}




P.example {
background-color: #ffffcc;
}


P.menu  {
  font-family:  "Lucida Sans", Arial, Verdana, sans-serif; 
  font-size: 12px;
  line-height: 25px;
  text-align: left;
  vertical-align: bottom;
  padding: 0px;
  background-color: #999999;
  color: #FFFF33;
  font-weight: bold;
}

P.menu2  {
  font-family: "Lucida Sans", "Times New Roman", Times, serif;
  font-size: 12px;
  line-height: 25px;
  text-align: left;
  vertical-align: bottom;
  padding-left: 400px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #ffffff;
  color: #444444;
  font-weight: bold;
}


P.sidelist  {
  font-family: helvetica, arial, verdana, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  background-color: #fefeee;
  color: black;
  vertical-align: top;
  padding-left: 4px;
  padding-right: 0px;
  padding-top: 4px;
  padding-bottom: 0px;
}





a.sidemenu  {
  font-weight: bold;
}



P.footer  {
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 10px;
  text-align: center;
  line-height: 18px;
  padding-left: 10px;
  padding-right: 5px;
  background-color: #ffffff;
  color: black;
}





P.up  {
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 10px;
  text-align: right;
  line-height: 18px;
  padding-right: 25px;
  background-color: #ffffff;
  color: #666666;
}




a.bodylink:link { text-decoration: underline; color: #0000CC; } links in body text3333ff
a.bodylink:active { text-decoration: underline; color: #FF3300; }
a.bodylink:visited { text-decoration: underline; color: #333399; }
a.bodylink:hover { text-decoration: underline; color: #FF3300; }



a.portfoliolink:link { text-decoration: underline; color: #0000CC; } links for work samples
a.portfoliolink:active { text-decoration: underline; color: #FF3300; }
a.portfoliolink:visited { text-decoration: underline; color: #333399; }
a.portfoliolink:hover { text-decoration: underline; color: #FF3300; }


a.portfoliolinkpic:link { text-decoration: none; color: #0000CC; } links for work samples
a.portfoliolinkpic:active { text-decoration: none; color: #FF3300; }
a.portfoliolinkpic:visited { text-decoration: none; color: #333399; }
a.portfoliolinkpic:hover { text-decoration: none; color: #FF3300; }


a.sidemenu:link { text-decoration: none; color: #0000CC; } links in side menu
a.sidemenu:active { text-decoration: underline; color: #FF3300; }
a.sidemenu:visited { text-decoration: none; color: #0000CC; }
a.sidemenu:hover { text-decoration: underline; color:  #FF3300; }


a.nav1:link { text-decoration: none; color: #fefeFF; } the menu bar links
a.nav1:active { text-decoration: none; color: #ececFF; }
a.nav1:visited { text-decoration: none; color: #fefeFF; }
a.nav1:hover  { text-decoration: underline; color: #ececFF; }

a.navcontact:link { text-decoration: none; color: #0000CC; } the menu bar links
a.navcontact:active { text-decoration: none; color: #333399; }
a.navcontact:visited { text-decoration: none; color: #0000CC; }
a.navcontact:hover  { text-decoration: underline; color: #333399; }


a.navup:link { text-decoration: underline; color: #333399; } back to top link
a.navup:active { text-decoration: underline; color: #333399; }
a.navup:visited { text-decoration: underline; color: #333399; }
a.navup:hover { text-decoration: underline; color: #333399; }