/* Body Styles apply to the entire page unless overridden by a more specific style. 
This style sheet is applied only to the home page
*/

body {padding: 0; margin: 0; background-color: rgb(255,255,219); color: black;}

/* Style the masthead area
The border on the masthead div is required to force the masthead to fill up the width of the screen
Color refers to text color
The company name and phone are contained in paragraph tags
 */

#masthead {	background: black; color: yellow; margin: 0; width: 100%; border: 1px solid black; text-align: center; font-family: Arial, Helvetica, Sans-Serif;}
#masthead #coName {font-size: 300%; padding-top: .25em;}
#masthead #coPhone {font-size: 175%; margin-top: 0;}
#masthead p { margin-bottom: 0;}
#ownerImg {float: left; padding: .5em .5em 0 0 }


/* Style the navigation bar
menu is the bar behind the tags
tab is the class for the tabs themselves
right is a container dif that hold the right graphic for the tab
*** Important **************
The tab for the current page has an id of "here" in addition to the class of tab. The container
div has an id of "righthere" instead of a class
****************************
*/

#menu {background-color: black; color: yellow; padding: 5px 10px 2px; margin: 0;
 font: bold 0.8em Verdana, sans-serif;  }
#menu .tab {display: inline; background: yellow  url(images/l1.gif) top left no-repeat; padding: 0px 0  2px 0; color: black;}
#menu .right {background:  url(images/r1.gif) top right no-repeat; display: inline; }
#menu .tab a {padding: 2px 10px 2px 10px; text-decoration: none;   margin-left: 10px}
#menu .tab a:link {color: black;}
#menu .tab a:visited {color: gray;}


#menu #here {display: inline; color: black; background: rgb(255,255,219) url(images/lhere1.jpg) no-repeat scroll top left}
#menu #righthere {background:  url(images/rhere1.jpg) top right no-repeat; display: inline; }


/* Style the content Section
*/
#content h1 {margin-top: 1em; margin-bottom: 0; padding: 0; font-size: 125%}
#content #childimage{float: left; margin-right: .5em; margin-top: .5em}
#content p {margin: .5em 1em;}


#clear {clear: both}