/* Typography CSS Document */

/* font: 72%/1.5 "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; is on the book */
body { font-size: 75%; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height: 1.2em; }

/* h2, h3, h4, p, ul, blockquote { margin: 0 20px .65em 30px; } */

h3 { margin: 0 0 1.2em 0; font-size: 150%; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.02em; text-transform: lowercase; text-align: left; font-weight: 100%; line-height: 1.2em; margin-bottom: 12px; }

p { font-size: 100%; }

a:link, a:visited { text-decoration: none; }

a#line:link, a#line:visited { text-decoration: underline; }

ul#nav_dept li { font-size: 1em; margin: 0 28px 0 0; font-weight: bold; }
ul#nav_dept a { display: block; padding: 3px 5px 4px 5px; font-weight: bold; }
ul#nav_dept a:hover { font-weight: normal; }

ul#nav_univ li { font-size: .92em; float: right; margin: 0 2px 0 2px; }
ul#nav_univ a { display: block; padding: 1px 5px 2px 5px; }

div#contact address { font-size: 0.93em; line-height: 1.26em; }
div#contact p { font-size: 0.85em; line-height: 2.3em; text-transform: uppercase; color: #999; }

div#content p { margin-bottom: 7px; }
div#content h4 { font-size: 125%; margin-bottom: 10px; line-height: 1.2em; color: #666; }
div#content h5 { font-size: 115%; margin: 8px 0 10px 0; line-height: 1.1em; color: #003876; }
div#content h6 { font-size: 115%; margin: 8px 0 10px 0; line-height: 1.1em; }

ul#news li { float: left; margin: 5px; }
ul#news a { display: block; padding: 5px; border: double #b3b3b3; }
ul#news a:hover { background-color: #f3f3f3; }

ul#under li { margin: 5px 0 5px 0; }
ul#under a { display: block; padding: 5px; border: dotted 1px #b3b3b3; }
ul#under a:hover { background-color: #f3f3f3; }

ol#style1 { list-style: decimal; margin-bottom: 10px; }
ol#style1 li { position: relative; left: 30px; width: 560px; margin-bottom: 5px; }
ul#style1 { list-style: square; margin-bottom: 10px; }
ul#style1 li { position: relative; left: 30px; width: 560px; margin-bottom: 5px; }
ul#style2 { list-style: square; }
ul#style2 li { position: relative; left: 60px; width: 500px; margin-bottom: 5px;}

.bold { font-weight: bold; }
/*****
li > h4 { margin-left: 0; }

li > p { margin-left: 0; }

h2 + p { font-size: 110%; }

div#nav_main p { font-size: 160%; }

ul#nav_tools a {font-weight: bold; }

div#content_main h3 { border-top-width: 1px; border-top-style: solid; border-top-color: #D0D89E; margin-top: 20px; padding-top: 20px; }
div#content_main p { margin-bottom: 1em; }
div#content_main h2 { margin-top: .25em; }

ul#ingredients_parts h4, ul#ingredients_parts p { display: inline; }
ul#ingredients_parts p { font-size: 95%; }
ul#ingredients_parts h4 { font-weight: bold; margin-right: .5em; }
ul#ingredients_parts a:hover img { outline: 1px solid #666; }
ul#ingredients_parts li:target { margin: .5em 0; padding: 0.5em; border: 1px dashed #dab69c; background-color: #fff; }
ul#ingredients_parts li:target p { color: #333; }

ul#ingredients_parts_zoom li, ul#ingredients_parts_zoom h5, ul#ingredients_parts_zoom p { display: inline; margin: auto; }
ul#ingredients_parts_zoom li { font-size: 105%; }
ul#ingredients_parts_zoom h5 { font-weight: bold; margin-right: .5em; }
ul#ingredients_parts_zoom p { line-height: 1.5em; }
ul#ingredients_parts_zoom a:link { text-decoration : underline; }
ul#ingredients_parts_zoom li:target { padding: 1px; background-color: #663333; }
ul#ingredients_parts_zoom li:target p { color: #fff; }
ul#ingredients_parts_zoom a:hover img { width: 160px; height: 160px; padding: 5px; background-color: #fff; border: 1px solid #333; z-index: 100; }
/* for positioning of the hovered images */