/* JBC Web Design and Computer Services www.pghpchelp.com
   CSS for the site. */
   
body {
	color: #000000;
	margin: 2px auto;
	margin-bottom: 0px;
	overflow: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}



p {
	padding: 0px 0px 0px 0px; /*If four values are given, they apply to top, right, bottom, and left padding, respectively. If one value is given, it applies to all sides. If two or three values are given, the missing values are taken from the opposite side. */
	margin-top: 0px; /* controls the distance between p1 and p2 sections. Top and bottom. */
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	overflow: visible;
	}

/*h5 {
	position: static;
	text-align: right;
	margin-right: 50px;
	}*/
	
	
/*p img{
	margin: 5px 10px 5px 10px;
	}*/
	
#container { 
    width: 580px; /* sets the width of the container to keep in body, p, h3's */
	background: #fff url(images/ml-body.jpg) no-repeat;
	margin: 0px auto; 
	padding-top: 0px;
	overflow: visible;
	}

/*#intro { 
	min-width: 400px;
	}

#intro2 { 
	min-width: 400px;
	}*/

#pageHeader { 
    width: 580px; 
	height: 89px; 
    background: transparent url(images/ml-PageHeader.jpg) no-repeat top center;
/*	margin-bottom: -6px;*/
	}
	
#jbc-logo {
	width: 263px;
	height: 86px;
	background: transparent url(images/ml-jbc-logo.jpg) no-repeat top center;
	float: left;
	}
	
#lips {
	width: 317px;
	height: 87px;
	background: transparent url(images/ml-lips.jpg) no-repeat top center;
	float: right;
	}
	
	

#customerServiceTitle {
	width: 530px;
	height: 50px;
	background: none;
	margin-top: 10px;
	text-align: center;
	font-size:20px;
	font-family: "Times New Roman", Times, serif;
	color: #ffffff;
}



/*#headerContacts {
	width: 223px;
	height: 89px;
	background: transparent url(images/contacts.jpg) no-repeat top center;
	float: right;
	padding-right: 0px;
	}*/
	
/*#headerURL {
	width: 313px;
	height: 19px;
	background: transparent url(images/headerURL.jpg) no-repeat top center;
	float: right;
	clear: left;
	padding-right: 8px;
	}	*/

/*#bodyBorderTopRight {
	width: 156px;
	height: 121px;
	background: transparent url(images/bodyBorderTopRight.jpg) no-repeat;
	position: fixed;
	float: right;
	padding-right: 0px;
	left: 498px;
	top: 146px;
	}	
*/	

#logo img {
	display: none;
	}

#navBarBackground
	{	
	width: 580px;
	height: 35px;
	background-image: url(images/ml-navBarBackground.jpg);
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 0px;	
	}

/* the following are for the nav bar which is set to differ widths on differ pages
	#navbar- is for the Home and Home Office Division
	#navbarMorePadding is for the Home Page */
	
/*#navbarMorePadding
	{
	padding: 4px 0px 0px 6px;
	}*/

/*#navBackground a:link, #navigationLinks a:visited {
	font: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	color: #F7F7F7;
	padding: 0px 12px 0px 12px;
	text-align: center;		
	text-decoration: none;
	}*/

/*#navLogo {
	display: none;
	}*/
	
#supportingText {
	width: 580px;
    background: url(images/ml-footer.jpg) no-repeat bottom; 
	}
/*	
#title1 {
	padding: 10px 0px 10px 0px;
	text-align: center;
	font-weight: 900;
	font-size: 16px;
	font-variant:small-caps;
	}*/
	
/*#logoFooter {
	display: none;
	}*/	
	
	
#footer { 
    font-size: 12px;
   	text-align: right; 
	}
	
#footer a:link, #footer a:visited { 
 	margin-top: 0px;
    color: #003366;
	padding: 0px 0px 0px 10px;
	}
	
	
#homeHomeOffice {
	width: 580px;
	height: 191px; 
	background: transparent url(images/index-ho-pic.jpg) no-repeat top center;
	}
	
#smallBusiness {
	width: 580px;
	height: 191px; 
	background: transparent url(images/index-sb-pic2.jpg) no-repeat top center;
	}

#education {
	width: 580px;
	height: 191px; 
	background: transparent url(images/indexEduPic.jpg) no-repeat top center;
	}

#edu-eportfolio-image {
	float: left;
	height: auto;
	position: relative;
	visibility: visible;
	z-index: auto;
	top: auto;
	}

#edu-eportfolio-image-right {
	float: right;
	height: auto;
	position: relative;
	visibility: visible;
	z-index: auto;
	top: auto;
	}
	
p img{
	margin: 5px 10px 5px 10px;
	}





/* link and list-item widths correspond with image widths */
#homeOfficeNavBar, #homeOfficeNavBarButton, #homeOfficeNavBarButton:visited {
	width:180px;
	text-indent: 20px;
	}

#smallBusinessNavBar, #smallBusinessNavBarButton, #smallBusinessNavBarButton:visited {
	width: 160px;
	text-indent: 30px;
	}	

#educationNavBar, #educationNavBarButton, #educationNavBarButton:visited {
	width: 120px;
	text-indent: 27px;
	}

	
#contactNavBar, #contactNavBarButton, #contactNavBarButton:visited {
	width: 117px;
	text-indent: 23px;
	}


/*///////////////////////////////////////////////////////////////////
---> Contact Form Information
///////////////////////////////////////////////////////////////////*/	

#ho-contact-mailing-address {
	padding-left: 70px;
	color: #000000;
	}