/*
style sheet for Lewis & Taylor
12/1/06
*/


body { background: #000000;
	   margin: 31px 31px 51px 31px; 
	   font: .7em/1.4em  Verdana, Arial, sans-serif;
	   text-align: center;
}
/*
text-align: center does not work w/Mozilla or Opera
need to use margin: auto; but not w/IE, as it tends to be buggy
place margin: auto; on the Mozilla/Opera CSS only
*/

li { line-height: 1.75em;
	 list-style-type: square; 
	 text-align: left;
}

li.circle { margin-bottom: 20px;
			line-height: 1.4em;
			list-style-type: circle; 
			text-align: justify;
}


.hilite1 { color: rgb(26, 140, 118); }
/* hilite 1 is green */
.hilite2 { color: rgb(0, 109, 145); }
/* hilite 2 is blue */
.hilite3 { color: rgb(127, 182, 200); }
/* hilite 3 is blue @ 50% opacity */

.hideTxt { display: none; }
/* 
to hide descriptive text which isn't necessary when viewing site 
w/css enabled, but gives clarification to an item when it isn't, 
or when user is visually impared
*/


#page { background: rgb(94, 107, 105);
		margin: 0px;
		padding: 6px 6px 0px 6px;
		width: 780px;
		word-spacing: 2px;
}
/* 
pgcomp width = 856 
body margin (31+31) + page padding (7+7) + page width (780) = 856 
*/


/* HEADER -------------------------------------------- BEGIN */
#header { margin-bottom: 6px; }

#navbar { margin: 0px; 
		  padding: 0px;
		  width: 780px;
}

#navbar img { margin-right: 6px;
			  float: left;
}

#navbar img.navimgEnd { margin-right: 0px;
			 			float: left;
}
/* for the end img, because it does not need to have xtra space next to it */

/* HEADER -------------------------------------------- END */



/* PGBODY, COLUMNS --------------------------------------------- BEGIN */
#pgbody { background: #E6E7E8 url(./images/btm-corner.gif) no-repeat bottom right;
		  width: 780px;
		  clear: both;
}
/* used hex instead of rgb for bgcolor so it would match corner imgs */

#pgbody a:link { color: rgb(26, 140, 118); 
		 		 text-decoration: none; 
		 		 border-bottom: dashed 1px rgb(26, 140, 118);
}

#pgbody a:visited { color: rgb(26, 140, 118); 
		 			text-decoration: none; 
					border-bottom: dashed 1px rgb(26, 140, 118);
}

#pgbody a:hover { color: rgb(0, 109, 145); 
		  		  text-decoration: none;
		  		  border-bottom: none; 
}
/* link/visited is green */
/* hover is blue */
/* put tags into pgbody to keep header imgs from having btm borders */



#column1BG { background: #E6E7E8 url(./images/top-corner.gif) no-repeat top left;
		     margin: 0px;
		     float: left;
}

#column1 { margin: 25px 0px 25px 0px;
		   border-right: dashed 1px #B8BBBD; 
		   padding: 15px 70px 20px 70px;
		   width: 417px;
		   text-align: justify;
}

#column1 h1 { font: bold 1.5em 'Palantino Linotype', Palantino, serif; 
			  color: #000000;
			  text-align: left;
}

#column1 h2 { font: bold 1.4em 'Palantino Linotype', Palantino, serif; 
	 		  color: #000000;
			  text-align: left;
}

.b2t { padding-top: 20px;
	   font-size: .8em;
	   text-align: right;
}

#column2 { background: #E6E7E8; 
		   margin: 0px;
		   padding: 45px 10px 0px 40px;
		   width: 172px;
		   float: left;
		   word-spacing: normal;
		   text-align: left;
}

#column2 h2 { font: bold 1.4em 'Palantino Linotype', Palantino, serif; 
	 	  	  color: #000000;
}


#column2 li { margin-left: -15px; 
			  margin-bottom: 20px;
}





#column1HMPG { background: #E6E7E8 url(./images/top-corner.gif) no-repeat top left;
		   	   margin: 0px;
		   	   padding: 30px 70px 30px 70px;
		   	   width: 378px;
		   	   float: left;
		   	   text-align: justify;
}

#column1HMPG h1,h2 { padding-top: 10px;
		  		  	 font: bold 1.4em 'Palantino Linotype', Palantino, serif; 
	 	  		  	 color: #000000; 
}
/* 
text has visual separation between h1 and h2 when viewed in monitor w/css, etc.
however, if not, h2 allows for the distinction for text
useful when viewing site via mobile device/pda/cell phone
and for user-agent assisted viewing as per W3C standards for accessible sites
*/

#column2BGHMPG { background: #E6E7E8 url(./images/btm-corner.gif) no-repeat bottom right;
				 margin: 0px;
		   		 padding: 25px 0px 25px 0px;
		   	   	 float: left;
		   	   	 word-spacing: normal;
}

#column2HMPG { border-left: dashed 1px #B8BBBD;
			   padding: 0px 40px 0px 26px;
			   width: 195px;
			   text-align: left;
}

#column2HMPG img { margin: 5px 6px 0px -5px;
			 	   float: left; 
}

#column2HMPG p { border-bottom: dashed 1px #B8BBBD; 
		   		 padding-left: 44px;
		   		 padding-bottom: 20px;
}

#column2HMPG p.NBB { border-bottom: none; 
			 		 padding-left: 44px;
					 padding-bottom: 0px;
}


#svcsList ul { margin-left: 0px; }

#svcsList li { margin-left: 39px;
			   font-weight: normal;
			   color: #000000;
			   list-style-type: none;
}

#svcsList li.title { margin-left: 0px;
					 color:  rgb(0, 109, 145);
}


td.txt { padding-bottom: 20px;
		 text-align: left;
		 vertical-align: center;
}

td.img { padding: 20px 0px 20px 10px;
		 text-align: center;
}

/* for use in the prof affiliations text/logo table */


#espanol { border-top: dashed 1px #B8BBBD;
		   padding-top: 15px;
}


#form { text-align: left; }

#form p { display: inline; }

#form ul { margin-top: 10px; }

#form li { padding-bottom: 5px;
		   list-style-type: none;
}

#form li label { vertical-align: 15%; }

#form label { line-height: 1em; }

#form select,textarea,input.formField,input.formButton { font: 1em Verdana, Arial, sans-serif; }


#pgList ul { margin-left: 0px; }

#pgList li { margin-left: 39px;
			 list-style-type: none;
}

#pgList li.subSect { margin-left: 59px; }

/* pgList is used on formConfirm and sitemap pages */


/* PGBODY, COLUMNS --------------------------------------------- END */



/* FOOTER -------------------------------------------- BEGIN */
#footer { width: 780px;
		  padding-bottom: 6px;
		  font: .8em Verdana, Arial, sans-serif;
		  color: #B8BBBD;
		  text-align: center;
}

#footer a:link { color: #E6E7E8; 
				 text-decoration: underline; 
				 border-bottom: none;
}
#footer a:visited { color: #E6E7E8;
					text-decoration: underline; 
					border-bottom: none;
}
#footer a:hover { color: #000000; 
				  text-decoration: none; 
				  border-bottom: none;
}


/* FOOTER -------------------------------------------- END */