/* CSS Document WHITE BACKGROUND */

/*  /////////////////////////////////////////////////////////////////////////////////
	JBC Web Design and Computer Services (www.pghpchelp.com)
   	CSS for Have Art Will Travel (www.pghbookart.com)
    /////////////////////////////////////////////////////////////////////////////////*/


/*  /////////////////////////////////////////////////////////////////////////////////
	Body, Paragraph, Title, Heading Structures
	/////////////////////////////////////////////////////////////////////////////////*/
   
body {
	color: #000000;
	margin: 0px auto;
	margin-bottom: 10px;
	overflow: visible;
	}
	
#container { 
    width: 770px; /* sets the width of the container to keep in body, p, h3's */
	background: #fff url(images/body.jpg) repeat-y;
	margin: 0px auto; 
	overflow: visible;
	}
	
p {
	padding: 5px 50px 5px 50px; /*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: justify;
	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.title {
	font-weight: bolder;
	text-align: center;
	font-size: 14px;
	}
	
b.bold {
	font-weight:bolder;
	color: #000000;
	}
	
/*  /////////////////////////////////////////////////////////////////////////////////
	Logo Structure
	/////////////////////////////////////////////////////////////////////////////////*/


#pageHeader { 
    width: 770px; 
	height: 166px; 
    background: transparent url(images/pageHeader.jpg) no-repeat top center;
	}



/*  /////////////////////////////////////////////////////////////////////////////////
	Navigation Structure
	/////////////////////////////////////////////////////////////////////////////////*/

#navBackground
	{	
	width: 770px;
	height: 50px;
	background-image: url(images/navBackground.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 */

#navbar
	{
	padding: 0px 20px 0px 27px;
	}

/* link heights corresponds with image height 
.navButton, .navButton:visited {
	height:29px;
	position:relative !important;
	}
*/
/* link and list-item widths correspond with image widths */
#home, #homeButton, #homeButton:visited {
	height: 18px;
	width:119px;
	text-indent: 45px;
	}

#books, #booksButton, #booksButton:visited {
	height: 18px;
	width:119px;
	text-indent: 45px;
	}	

#teaching, #teachingButton, #teachingButton:visited {
	height: 18px;
	width:119px;
	text-indent: 35px;
	}

#jewelry, #jewelryButton, #jewelryButton:visited {
	height: 18px;
	width:119px;
	text-indent: 35px;
	}
	
#about, #aboutButton, #aboutButton:visited {
	height: 18px;
	width:119px;
	text-indent: 30px;
	}
	
#contact, #contactButton, #contactButton:visited {
	height: 18px;
	width:119px;
	text-indent: 23px;
	}

#leftnav
	{
	font-size: 12px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	padding: 0px 0px 0px 40px;
	}
	
#rsAllBooks
	{
	font-size: 12px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	padding: 0px 0px 0px 0px;
	border-left: medium;
	border-left-color:#003399;
	border-left-style: solid;
	border-left-width: medium;
		}	

/* span is same dimensions as link and positioned to superimpose 
.navButton span, .navButton:visited span {
	display: inline;
	height:29px;
	width:111px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}
*/

/* button images are span background images 
#homeButton span, #homeButton:visited span {
	background-image:url(udm-resources/button-home.gif);
	}

#booksButton span, #booksButton:visited span {
	background-image:url(udm-resources/button-books.gif);
	}

#teachingButton span, #teachingButton:visited span {
	background-image:url(udm-resources/button-books.gif);
	}

#saleButton span, #saleButton:visited span {
	background-image:url(udm-resources/button-books.gif);
	}

#aboutButton span, #aboutButton:visited span {
	background-image:url(udm-resources/button-books.gif);
	}

#contactButton span, #contactButton:visited span {
	background-image:url(udm-resources/button-books.gif);
	}
	
	

rollovers are background position so that no preloading is necessary 
.navButton span, .navButton:visited span {
	background-position:0 0;
	}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:0 -100px;
	}



	
/* 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 */


/*#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;
	}*/



/*  /////////////////////////////////////////////////////////////////////////////////
	Footer Structure
	/////////////////////////////////////////////////////////////////////////////////*/

	
#supportingText {
	width: 770px;
    background: url(images/footer.jpg) no-repeat bottom; 
	}
	
#title1 {
	padding: 10px 0px 10px 0px;
	text-align: center;
	font-weight: 900;
	font-size: 16px;
	font-variant:small-caps;
	}
	
#footer { 
    font-size: 12px;
   	text-align: center; 
	height: 45px;
	}
	
#logoFooter {
	display: none;
	}
	
#footer a:link, #footer a:visited { 
    color: #FFFFFF;
	padding: 0px 30px 0px 30px;
	}
	
#menu {position:relative; top:10px; left:100px; width:75px; background-color:#fff; z-index:100;}
#menu a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu a.p1:hover .large {display:block; position:absolute; top:-60px; left:150px; width:300px; height:300px; border:10px solid #fff;}

#info {z-index:100; height:22em;}

.cssform p {
width: 300px;
float: left;
margin: 0;
padding: 5px 0px 8px 0px;
padding-left: 100px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

p.centerAlign {
	padding: 0px 0px 0px 290px;
	}