/* JBC Web Design and Computer Services www.pghpchelp.com
   CSS for the site.

/////////////////////////////////////////////////////////////////////
- Body, Paragraph Information
/////////////////////////////////////////////////////////////////////*/

body {
	color: #000000;
	margin: 2px auto;
	margin-bottom: 0px;
	overflow: visible;
	}

p {
	padding: 0px 0px 0px 0px; 
	margin-top: 0px; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14pt;
	overflow: visible;
	}

#index-bottom-p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12.5pt;
	font-style: normal;
	text-align: left;
	}

/*/////////////////////////////////////////////////////////////////////
- faq.html
/////////////////////////////////////////////////////////////////////*/

#ho-faq-p {
	padding-left: 25px;
	padding-right: 15px;
	color: #000000;
	}

#ho-faq-li1 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	font-weight:bold;
	}
		
#ho-faq-li2 {
	margin-left: 55px;
	list-style: square;
	margin-bottom: 15px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	


/*///////////////////////////////////////////////////////////////////
- Universal CSS
/////////////////////////////////////////////////////////////////////*/

#container { 
    width: 580px; 
	background: #fff url(../images/ml-body.jpg) no-repeat;
	margin: 0px auto; 
	padding-top: 0px;
	overflow: visible;
	}

#pageHeader { 
    width: 580px; 
	height: 89px; 
    background: transparent url(../images/ml-PageHeader.jpg) no-repeat top center;
	}
	
#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;
	}	
	
#logo img {
	display: none;
	}
	
#supportingText {
	width: 580px;
    background: url(../images/ml-footer.jpg) no-repeat bottom; 
	}	
	
	
#footer { 
    font-size: 12px;
   	text-align: right; 
	}

#footer a:link, #footer a:visited { 
 	margin-top: 0px;
    color: #003366;
	padding: 0px 0px 0px 10px;	
	}
	

/*/////////////////////////////////////////////////////////////////////
-  Navigation Bar Information
/////////////////////////////////////////////////////////////////////*/

#navBarBackground
	{	
	width: 580px;
	height: 35px;
	background-image: url(../images/ml-navBarBackground.jpg);
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 0px;	
	}	
	




	
/*///////////////////////////////////////////////////////////////////
- index.html---Tables, DIV's Information for Images
///////////////////////////////////////////////////////////////////*/
	
#ho-index-header {
	width: 579px;
	height: 303px; 
	background: transparent url(../images/ho-index-header.jpg) no-repeat top center;
	}
	
#ho-index-bottom1 {
	width: 580px;
	height: 168px; 
	background: transparent url(../images/ho-index-bottom1i.jpg) no-repeat top center;
	}

#ho-index-bottom2{
	width: 580px;
	height: 168px; 
	background: transparent url(../images/ho-index-bottom2.jpg) no-repeat top center;
	}


/*///////////////////////////////////////////////////////////////////
- services.html---Tables, DIV's Information for Images
///////////////////////////////////////////////////////////////////*/
	
#ho-services-div-header	{
	width: 580px;
	height: 51px; 
	background: transparent url(../images/ho-all-div-header.jpg) no-repeat top center;
	}
	
#ho-services-div-bckgd {
	width: 580px;
	height: 2000px; 
	background: transparent url(../images/ho-services-div-bckgd.jpg) repeat-y;
	}

#ho-services-div-footer {
	width: 580px;
	height: 29px; 
	background: transparent url(../images/ho-services-div-footer.jpg) no-repeat;
	}
	
#ho-services-table-bckgd {
	width: 535px;
	height: 212px; 
	background: transparent url(../images/ho-services-table-bckgd.jpg) no-repeat;
	}
	

/*///////////////////////////////////////////////////////////////////
- specials.html---Tables, DIV's Information for Images
///////////////////////////////////////////////////////////////////*/

#ho-specials-div-bckgd {
	width: 580px;
	height: 210px; 
	background: transparent url(../images/ho-services-div-bckgd.jpg) repeat-y;
	}

#ho-specials-table-bckgd {
	width: 535px;
	height: 212px; 
	background: transparent url(../images/ho-services-table-bckgd.jpg) no-repeat;
	}
	
#ho-specials-div-header	{
	width: 580px;
	height: 51px; 
	background: transparent url(../images/ho-all-div-header.jpg) no-repeat top center;
	}

/*///////////////////////////////////////////////////////////////////
- faq.html---Tables, DIV's Information for Images
///////////////////////////////////////////////////////////////////*/

#ho-faq-div-bckgd {
	width: 580px;
	height: 990px; 
	background: transparent url(../images/ho-services-div-bckgd.jpg) repeat-y;
	}
	
#ho-faq-div-header	{
	width: 580px;
	height: 51px; 
	background: transparent url(../images/ho-all-div-header.jpg) no-repeat top center;
	}

#ho-faq-div-table-background {
	width: 535px;
	height: 990px;
	margin: 0px 0px 0px 20px;
	background: transparent url(../images/ho-faq-div-table-background.jpg) no-repeat;
	}
	
/*///////////////////////////////////////////////////////////////////
- contact.html---Tables, DIV's Information for Images
///////////////////////////////////////////////////////////////////*/

#ho-contact-div-bckgd {
	width: 580px;
	height: 380px; 
	background: transparent url(../images/ho-services-div-bckgd.jpg) repeat-y;
	}
	
#ho-contact-div-header	{
	width: 580px;
	height: 51px; 
	background: transparent url(../images/ho-all-div-header.jpg) no-repeat top center;
	}		
	
#ho-contact-div-table-background {
	width: 535px;
	height: 380px;
	margin: 0px 0px 0px 20px;
	background: transparent url(../images/ho-contact-div--background.jpg) no-repeat;
	}

#edu-contact-p {
	text-align: center;
	font-size:20px;
	font-family: "Times New Roman", Times, serif;
	color: #FFFFFF;
	}	
	
#ho-contact-mailing-address {
	padding-left: 50px;
	padding-top: 20px;
	color: #000000;
	}

/*///////////////////////////////////////////////////////////////////
- 
///////////////////////////////////////////////////////////////////*/

#ho-sitemap-div-bckgd {
	width: 580px;
	height: 1225px; 
	background: transparent url(../images/ho-services-div-bckgd.jpg) repeat-y;
	}

#ho-sitemap-div-table-background {
	width: 535px;
	height: 1200px;
	margin: 0px 0px 0px 20px;
	background: transparent url(../images/ho-sitemap-div-table-bg.jpg) no-repeat;
	}

#ho-copyright-div-bckgd {
	width: 580px;
	height: 290px; 
	background: transparent url(../images/ho-services-div-bckgd.jpg) repeat-y;
	}

#ho-copyright-div-table-background {	
	width: 535px;
	height: 280px;
	margin: 0px 0px 0px 20px;
	background: transparent url(../images/ho-faq-div-table-background.jpg) no-repeat;
	}

#edu-eportfolio-image {
	float: left;
	position: relative;
	visibility: visible;
	}

#edu-eportfolio-image-right {
	float: right;
	position: relative;
	visibility: visible;
	z-index: auto;
	top: auto;
	}
	
p img{
	margin: 5px 10px 5px 10px;
	}







/*///////////////////////////////////////////////////////////////////
- Navigation Bar Information
///////////////////////////////////////////////////////////////////*/
/* Navbar button widths
This allows the navigation bar to align precisely with the border of the container.
Only need to make first images bigger to align the last imagee link and list-item widths correspond with image widths */

#homeOfficeNavBar, #homeOfficeNavBarButton, #homeOfficeNavBarButton:visited {
	width:160px;
	text-indent: 5px;
	}

#homeOfficeServicesNavBar, #homeOfficeServicesNavBarButton, #homeOfficeServicesNavBarButton:visited {
	width: 110px;
	text-indent: 30px;
	}	

#homeOfficeSpecialsNavBar, #homeOfficeSpecialsNavBarButton, #homeOfficeSpecialsNavBarButton:visited {
	width: 110px;
	text-indent: 25px;
	}
	
#homeOfficeFAQNavBar, #homeOfficeFAQNavBarButton, #homeOfficeFAQNavBarButton:visited {
	width: 90px;
	text-indent: 17px;
	}
	
#contactNavBar, #contactNavBarButton, #contactNavBarButton:visited {
	width: 110px;
	text-indent: 18px;
	}
	
#udm ul li.navButton a.udmY, #udm ul li.navButton a.udmY:visited {
	background-imag: url(../Home Office/udm-resources/navBarRollover.jpg}
	
	
