/* li, 7/02

known bugs: 
 NN4 navbar width, footer border, photo margin, strange printing for navbar, 
 		extra space btw navbar & content, map border creates extra empty box,
 		map imgs won't load next to each other,
 		14px bold appears as 12px bold (highlight, listhead, contrast)
 NN4 doesn't support content centering or list-style-image
 NN4 & IE5 don't support a:hover or a:active
 IE5 ul>li margin doesn't work
 
*/

/*
body { 
	background-color: white;
	color: black;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
}*/

body { 
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	text-align: center;
	color: #333; 
	background-color: #fff;  /* was white */
	background: white url(/images/wp_damask_190-40.jpg) repeat top left;
	margin: 0px; 
	padding: 0px;
}

/*  for colored background */
#container {
	background: white;
	width: 720px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

#banner {
	width: 700px;   /* 680px if colored borders */
	margin-right: auto;
	margin-left: auto;
}

#navbar {
	width: 700px;   /* 680px if colored borders */
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	color: #ccccff; 
	background-color: #333399;
	border-top:    1px solid #333399;  /* same-color borders for */
	border-bottom: 1px solid #333399;  /*  printability in opera */
	margin-top: 2px;    /* don't use if colored borders */
/*	padding-top: 0px;      do use if colored borders */
/*	padding-left: 10px;  doesn't work with NN4 */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	line-height: 20px;
}
#content {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align: left;
	color: #000;
	background-color: #fff; 
	
		/* ie5win fudge -- which i don't understand but which breaks NN4
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 711px; */
}
div.bqphoto {  /* top page experiment */
    background: white url(/images/062-recept400-grad8.jpg) no-repeat; 
    color: #000;
    padding: 22px 0px 22px 240px; 
	border-top: 1px groove #ccc;
	border-bottom: 1px groove #ccc;
	margin-top: 20px;
	margin-bottom: 20px;
}
blockquote {
  background-color: white;
}

div.subsect {  /* aesthetics svcs */
	margin-left: 10px;
}

#listleft {
	float: left;
	width: 50%;
}
#listright {
	float: left;
	width: 50%;
}

#handout {
	text-align: left;
	width: 678px;         /* subtract padding+border for O6+NN6 */
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #666666;
	
		/* ie5win fudge
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 678px;  */
}

#footnav { 
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-top: 1px solid #c9d4de;  /* was cc9 */
	margin-top: 30px; 
	padding-top: 10px;
	color: #000;
	background-color: #fff; 
}

#copyright { 
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	line-height: 12px;
	padding-top: 8px;
	background-color: white;
	color: #73828C;  /* was 666 */
}

/*ie5win fudge  [i'm not convinced that this is necessary] */
html>body #banner    { width: 700px; }
html>body #navbar    { width: 700px; }
html>body #content   { width: 700px; }
html>body #handout   { width: 678px; } /* subtract padding+border for O6+NN6 */
html>body #footnav   { width: 700px; }
html>body #copyright { width: 700px; }


h1.listhead {
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	background-color: white;
	color:#396;  /* was 393 */
}

h1.section, h1.sectionfollow {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	color:#396;  /* was 393 */
	background-color: white;
/*  background: white url(/styletest/green-ding2-16.jpg) no-repeat; */
/*	padding-left: 25px; */
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 16px; 
	font-weight: bold;
}
h1.sectionfollow {  /* our staff,our svcs */
	margin-top: 25px;
}

h1.handouthead {
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 16px; 
	font-weight: bold;
	background-color: white;
	color:#396;  /* was 393 */
}

h2.subsect, h2.section {  /* our staff, our svcs subpages */
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	background-color: white;
	color: #939; 
}
h2.subsect {
	margin-bottom: -10px;
	padding-bottom: 0px;
}
h2.section {
	margin-top: 25px;
	padding-bottom: 0px;
}

h2.handouthead { /* for privacy notice 4/03  */
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 13px; 
	font-weight: bold;
	background-color: white;
	color:#396;  /* was 393 */
}

h3.handouthead { /* for privacy notice 4/03, "pvderm pc" at top  */
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	background-color: white;
	color:#396;  /* was 393 */
	margin-top: -12px;
}

.highlight {
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	background-color: white;
	color:#396;  /* was 393 */
}
			
.contrast, .contrastsmall {
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-weight: bold;
/*	background-color: white; */
	color: #939;  /* was c66 */
}
				
.contrast {
	font-size: 14px; 
}

.contrastsmall {
	font-size: 12px;
}

/*
.overphoto {
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
   font-size: 12px;
	font-weight: bold;
	background-color: transparent;
	color: #cc6666;
}
*/

.question {  /* for admin use */
	color: red;
/*	font-weight: bold; */
}

p {
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px; 
}

p.indent {  /* for driving directions */
   margin-left: 25px;
}

p.revisiondate {  /* for privacy handout */
	font-style: italic;
	font-size: 10px;
	text-align: right;
}

#div.floatme {
	float: left;
}
p.floatleft {  /* svcs photos experiment *** */
	float: left;
}

table.dryskin {  /* dry skin handout */
	margin-left: 30px;
}

td {
  	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 12px; 
}

td.border {  /* dry skin handout */
	border: 1px solid #333399;
	padding: 10px;
}


img.floatright {  /* staff photos, svcs photos */
	float: right; 
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
}
img.floatleft {  /* svcs photos */
	float: left; 
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 5px;
}

img.border {
	border: 1px solid #cccc99;
}

ul { 
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
   font-size: 12px;
   list-style-type: square; 
   list-style-image: url(/images/gl_bl.gif); 
}
ul.level2 {
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
   font-size: 12px;
   list-style-type: disc; 
   list-style-image: url(/images/gl_gr.gif); 
}

ol { 
   font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
   font-size: 12px;
}

ul>li {
	margin-bottom: 3px;
}

blockquote {
	background-color: transparent;
}

.bqhandout { 
	padding-left: 30px;
}

.smallcaps {
	font-variant: small-caps;
}

a {
	text-decoration: underline;
}

a.subtle {
	background-color: white;
	color: #73828C;  /* was 666 */
}

/* HEADER AND FOOTER STYLES */

/*  navbar 
	color: #ccccff; 
	background-color: #333399;
	line-height: 20px;
*/

div#navbar a:link, div#navbar a:visited {
	text-decoration: none;
	background-color: #339;
	color: white;
	padding-left: 4px;
	padding-right: 4px;
}
div#navbar a:hover, div#navbar a:active, div#navbar a.this {
	text-decoration: none;
	background-color: #339; /* was 339 */
	color: #339; /* was ccf */
	background: #c9d4de;
	padding-top: 2.5px;
	padding-bottom: 3.5px;  /* 3px for dark border */
	padding-left: 4px;
	padding-right: 4px;
}

div#navbar a.this:hover {  /*   ***   use a slighly different color? */
}



/* CSS TRICK TO DISPLAY LIST INLINE
	from http://www.alistapart.com/stories/practicalcss/
	
li.inline {
  display: inline;
  padding-left: 3px;
  padding-right: 7px;
  border-right: 1px dotted #066;
  }

li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
  }

HTML:

<ul>
<li class="inline">Item one</li>

<li class="inline">Item two</li>

<li class="last">Item three</li>
</ul>
*/