/* CSS Document */ /*These are the styles you'll probably be using most often, so they're right up top. Structural coding follows below. */ div.feedburnerFeedBlock ul li span.headline { font-size: 10px; font-weight:bold; display:block; margin:2em 0 0 0; } div.feedburnerFeedBlock ul li { font-size:12px; } p {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 1em 1em 0em; line-height: 1.5em} /*your basic text*/ p.ten {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: .5em 0 .5em .5em; line-height: 1.5em;} /*smaller text, at 10px*/ .shading {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: .5em 0 .5em .5em; line-height: 1.5em; background-color: #EAEAEA;} /*applies shading to paragraph*/ p.indent {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0em 1em 1em 1em; padding: 0 3em 0 3em; line-height: 1.5em} /*text indented at 3em*/ p.indent15 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0em 1em 1em 0em; padding: 0 1.5em 0 1.5em; line-height: 1.5em} /*text indented at 3em*/ div#feedBurnerFeedBlock {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 1em 1em 0em; line-height: 1.5em} /*your basic text*/ p.feedTitle {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 1em 0 .25em 0; font-weight: bold;} /*Level 3 heading for the feeds*/ p.feedBurnerFeedBlock {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 1em 1em 0em; line-height: 1.5em} /*your basic text*/ h1 {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 22px; padding: 1em 0 .5em 0; margin: 0; font-weight: bold;} /*Level 1 headings*/ h2 {color: #333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; padding: 1em 0 .25em 0; margin: 0; font-weight: bold;} /*Level 2 headings*/ h3 {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 1em 0 .25em 0; font-weight: bold;} /*Level 3 headings*/ h4 {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding: 1em 0 0em 0; margin: 1em 0 0em 0; font-weight: bold;} /*Level 4 headings--great for table titles*/ ul.bullet {list-style: disc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 2em; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px;} ul.none {list-style: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 2em; margin-top: 0px; padding-top: 0px;} li.off {list-style: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 2em;}/*because sometimes you just want that extra line in there to stop and take a breath between bulleted items; ahhhh.*/ /*standard bulleted list*/ ol {list-style: decimal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; margin-top: 0px; padding-top: 0px;} /*standard numbered list*/ blockquote.hey {float: right; width: 40%; padding: .5em 0 .5em 3%; margin: 0; font-size: 10px; background-color:#eee; clear: both;} p.heyh {padding-left:.5em; padding-bottom: .5em; margin-bottom:0; font-size: 11px; background-color:#000000; font-weight: bold; color:#FFFFFF;}/*heading*/ /*lil area to add text info on right side of page; designed for the Resources page*/ blockquote.note {float: right; width: 15%; padding:.5em; MARGIN: 1em 0 1em 1em; font-size: 12px; font-weight:bold; background-color:#b2d235; clear: both; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.5em; border-color:#0066CC; border:dashed; text-align:center;} blockquote.notehm {float: right; width: 30%; padding: 1em; MARGIN: 0em 0 0em 0em; font-size: 12px; font-weight:bold; background-color:#fff; clear: both; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 1.5em;} blockquote.goto {float: right; width: 30%; margin-bottom: 2em; margin-top: 1em; font-size: 11px; background-color:#fff; clear: both;} blockquote.goto40 {float: right; width: 40%; margin-bottom: 2em; margin-top: 1em; font-size: 11px; background-color:#fff; clear: both;}/*goto increased to 40% width*/ p.gotoh {background-color:#000000; font-weight: bold; color:#FFFFFF; font-size:11px; padding-left:.5em; margin-bottom:0; padding-bottom:0}/*heading*/ p.gotogr {background-color:#eee; font-size:11px; padding-left:.5em; margin-top:0; padding-top:0;}/*text with grey background*/ a.goto:link {color: #cc5500; font-weight: bold; text-decoration: none} a.goto:visited {color: #91278E; font-weight: bold; text-decoration: none} a.goto:hover {color: #cc5500; text-decoration: underline} a.goto:active {color: #cc5500; text-decoration: none} ul.ar {list-style: disc; margin-top:0; padding-top:.5em;} img.gotor {PADDING: 0; FLOAT: right; MARGIN-top: .5em; margin-right: .5em; } /*floats an image to the right, and allows text to wrap around it; no borders*/ /*lil area to add extra nav buttons to the Research Highlights section*/ img.right {BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; PADDING: 4px; FLOAT: right; MARGIN: 1em 0 0em 1em; } /*floats an image to the right, and allows text to wrap around it*/ img.rightfig {PADDING: 2px; FLOAT: right; MARGIN: 1em 0 0em 1em; } /*floats an image to the right, and allows text to wrap around it; no borders, which is good for figures in technical docs*/ blockquote.capr {float: right; width: 30%; padding: .5em 0 2em 2em; margin: 0; font-size: 10px; font-weight: bold; clear: both;} /*caption for right-aligned photos*/ img.left {BORDER-RIGHT: #666 1px solid; BORDER-BOTTOM: #666 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING: 4px; FLOAT: left; MARGIN: 1em 1.5em 0 0; } /*floats an image to the left, and allows text to wrap around it*/ img.leftfig {PADDING: 4px; FLOAT: left; MARGIN: 1em 1em 1em 0; } /*floats an image to the left, and allows text to wrap around it; no borders, which is good for figures in technical docs*/ blockquote.capl {float: left; width: 30%; padding: .5em 2em 2em 0; margin: 0; font-size: 10px; font-weight: bold; clear: both;} /*caption for left-aligned photos*/ blockquote.capl80 {float: left; width: 80%; padding: .5em 2em 2em 0; margin: 0; font-size: 10px; font-weight: bold; clear: both;} /*caption for left-aligned photos*/ /* the following ids and classes come in handy when centering an image */ div#center {text-align: center; margin-left: auto; margin-right: auto; margin-top: 1em;} /*use to center an element horizontally*/ img.center {BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid; PADDING: 4px;} /*aligns an image in the center horizontally when used within the CENTER div*/ img.centfig {PADDING: 4px;} /*aligns an image in the center horizontally when used within the CENTER div; no borders, which is good for figures in technical docs*/ p.capc {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; margin-left: 10em; margin-right: 10em} /*captions under CENTERED images; use within the CENTER div*/ p.cen {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin-left: 2em; margin-right: 2em; margin-bottom: .5em; margin-top: 2em} /*captions above CENTERED images, as titles; use within the CENTER div*/ /* end centering section */ /* this set of ids and classes makes a lovely table with 2 columns of equal width; no borders are specified */ TABLE.two {width: 525px; margin-left: auto; margin-right: auto;} TR.two {} TD.two {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 50%} p.two {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } TH {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding: .5em 0 .5em 0; margin: 0em 0 0em 0; font-weight: bold;} /* end 2-equal-columns table section */ /* this set of ids and classes makes a lovely 3-column table whose rows are alternately un/shaded */ TABLE.three {width: 525px; display:block; clear:both} TABLE TR.odd {BACKGROUND: #eee; width: 525px;} TR.odd {BORDER-BOTTOM: #eee 1px solid;} TR.even {BORDER-BOTTOM: #eee 1px solid} TD {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 2em; width: 33%; padding-left: 2em;} TH {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding: .5em 0 .5em 0; margin: 0em 0 0em 0; font-weight: bold;} TD.three {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; vertical-align:top;} /* end 3-col table section */ /* this set of ids and classes makes a lovely 4-column table with columns of equal width*/ TABLE.four {width: 525px;} TR.four {BORDER-BOTTOM: #eee 1px solid} TD.four {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 25%; text-align:left;} TH.four {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding: .5em 0 .5em 0; margin: 0em 0 0em 0; font-weight: bold; BORDER-BOTTOM: #eee 1px solid} /* end 4-col table section */ /* this set of ids and classes makes a lovely 2-column table whose rows are alternately un/shaded; the first column is 25% width & the second is 75% width; designed for table of researcher bios*/ TABLE.bio {width: 525px; border-bottom: #eee thick solid} TABLE TR.oddbio {BACKGROUND: #eee;} TR.oddbio {BORDER-BOTTOM: #eee 1px solid;} TR.evenbio {BORDER-BOTTOM: #eee 1px solid} TD.onebio {width: 25%; padding: .5em 0 .5em 1em; vertical-align: top;} TD.twobio {width: 75%; padding: .5em 0 .5em 1em; vertical-align: top;} TH.bio {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding: .5em 0 .5em 1em; margin: 0em 0 0em 0; font-weight: bold; text-align: left;} p.bio {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0 .5em 0 0;line-height: 1.5em;} /*text for this table*/ /* end bio-table section */ /* table used for the PDF page */ table.pdf {width: 525px;} th.pdf {font-weight: bold; padding: .5em 0 .5em .5em; vertical-align: bottom; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; background-color:#eee} tr.pdf {margin: 0; margin-left: auto; margin-right: auto;} TD.title {width: 61%; padding: .5em 0 .5em .5em; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: #000000 1px solid; line-height: 1em} TD.spec {width: 13%; padding: .5em 0 .5em .75em; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: #000000 1px solid; line-height: 1em} /*end pdf-table section*/ /* table used for the Current Projects page */ table.cp {width: 525px;} th.cp {font-weight: bold; padding: .5em 0 .5em .5em; vertical-align: bottom; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; background-color:#eee} tr.cp {margin: 0; margin-left: auto; margin-right: auto;} TD.cp50 {width: 50%; padding: .5em 0 .5em .5em; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: #000000 1px solid; line-height: 1em} TD.cp10 {width: 10%; padding: .5em 0 .5em .75em; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: #000000 1px solid; line-height: 1em} TD.cp05 {width: 5%; padding: .5em 0 .5em .75em; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: #000000 1px solid; line-height: 1em} /*end Current Projects table section*/ /***************************Symposium Styles***********************************/ /* this set of ids and classes makes a lovely table with 2 columns of 10/90 split; quite handy for schedules; no borders are specified */ TABLE.sched {width: 400px;} TR.sched {font: Verdana, Geneva, Arial, Helvetica, sans-serif 1em; vertical-align:text-top; border-bottom:medium #b2d235 solid;} TD.time {width: 10%;} TD.event {width: 90%;} TH {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding: .5em 0 .5em 0; margin: 0em 0 0em 0; font-weight: bold;} p.sched {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; margin: 0; padding: 0;line-height: 1em;} /*text for this table*/ div#seshl {float: left; background: #fff; margin: 0; width: 45%; margin-top: 0; padding-top: 0; padding-right:5%;} div#seshr {float: left; background: #fff; margin: 0; width: 50%; margin-top: 0; padding-top: 0;} p.sesh {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; line-height: 1.5em;} p.seshtop {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; line-height: 1.5em; border-top:solid medium #CCCCCC;} /* puts a nice border atop the first entry in this div */ p.blue {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 1em 1em 0em; line-height: 1.5em; background-color: #CCFFFF} /*your basic text with a light blue background*/ div#shelby {clear:both;} form{ margin: 0; padding: 0; } fieldset { border: 2px solid #C9DCA6; padding:1em;} fieldset ol { margin: 0 0 1em 0; padding: 0; } fieldset li { list-style: none; padding: .5em; margin: 0; } legend { color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; padding: 1em .5em; } input, textarea, select { margin: 0; padding: 1px; font-size: 100%; font-family: inherit; } label {width: 10em; display: inline-block; vertical-align: top; } label.inner {width: 2em; vertical-align: top; } /***************************END Symposium Styles***********************************/ /*the following ul, h2, and img styles are specific to the home page*/ /* ul.new is used for the home page news items--padding on left is increased to provide more space between the feature photo and the bullets */ ul.new {list-style: disc; padding-left: 9em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; margin-top: 0px; padding-top: 0px;} /*Level 2 heading with no padding above or below*/ h2.new {color: #333; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; padding: 1em 0 0em 0; margin: 0; font-weight: bold;} /*Level 2 heading with no padding above or below*/ /*for feature photo on home page; floats the home page image to the left; no borders specified*/ img.home {PADDING: 0px; FLOAT: left; MARGIN: 0em 1em 0em 0; float:left} /*end home-page-specific styles*/ /*Now starts the structural code*/ body {margin: 0; padding: 1em 0 0 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; behavior: url(csshover.htc);} /* WinIE behavior call */ div#container {background: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border-left: 1px solid #555; border-right: 1px solid #555; padding: 0 0 0 0; margin-left: auto; margin-right: auto; width: 740px;} /*contains the header, nav bars and content area*/ div#header {padding: 0px; margin: 0px;} /*contains the header image of photo+logo */ .topper {display: block; border-bottom: 1px solid #999;} /* adding the "topper" class tag to the header image places a thin grey dividing line between that image and the top nav bar */ div#iconh {float: left; background: #fff; margin: 0; width: 30%; } div#iconk {float: left; background: #fff; margin: 0; width: 50%;} img.iconl {padding: 10px 0px 0px 10px; border:none;} img.iconr {padding: 10px 5px 0px 5px; border:none;} /* these 2 divs house the ut and coe logos as well as the ctr home icon */ div#content {float: left; background: #FFF; padding: 0 75px 10px 82px; border-bottom: 1px solid #ccc; width: 580px;} /* this is where all the content goes */ div#homies {float: left; background: #fff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 1em 0 1em 124px; margin: 0; width: 614px} /* contains the links to UT's main site and the College of Engineering */ /* link colors for the content area */ a:link {color: #000066; font-weight: bold; text-decoration: none; border-style: none;} a:visited {color: #330066; font-weight: bold; text-decoration: none; border-style: none;} a:hover {color: #663300; text-decoration: underline; border-style: none;} a:active {color: #000066; text-decoration: none; border-style: none;} /* link colors for links to the CTR intranet */ a.intra:link {color: #cc5500; font-weight: bold; text-decoration: none} a.intra:visited {color: #91278E; font-weight: bold; text-decoration: none} a.intra:hover {color: #cc5500; text-decoration: underline} a.intra:active {color: #cc5500; text-decoration: none} /* link colors/treatment for the UT & COE links */ a.kin:link {color: #000066; text-decoration: none} a.kin:visited {color: #330066; text-decoration: none} a.kin:hover {color: #663300; text-decoration: none} a.kin:active {color: #000066; text-decoration: none} /* footer nav bar starts */ div#nav {width: 740px; margin: 0 0 0 0; background: #000; font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; clear: both;} div#nav ul {margin: 0; padding: 0; background: #000;} div#nav li {position: relative; list-style: none; margin: 0; float: left; width: 8em; line-height: 2em; background: #000;} div#nav li:hover {background: #003333;} div#nav li.home {width: 130px;} div#nav li.search {float: right; width: 130px} div#nav li a {color: #fff; display: block; padding: 0; text-decoration: none;} div#nav>ul a {width: auto;} /* footer nav bar ends */ /*top nav bar starts here*/ div#nav_about {float: left; margin: 0 0 0 0px; background: #003333; text-align: center; font-weight: bold; font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } /* 1 of 2 locations background color for button is specified */ div#nav_about ul {margin: 0; padding: 0; background: #003333; border: 0 0 0 1px} /*2 of 2 locations background color for button is specified*/ div#nav_about li {position: relative; list-style: none; margin: 0; float: left; width: 12.3em; line-height: 2em;} /*line-height property here controls all levels of dropdown*/ div#nav_about li:hover {background: #000;} div#nav_about li.submenu {background-color: auto} div#nav_about li.submenu:hover {background-color: #000000;} div#nav_about li a {display: block; padding: 0.25em 0 0.25em .5em; text-decoration: none; width: 11.8em; color: #fff} /*color property here controls font color on all levels of dropdown*/ div#nav_about>ul a {width: auto;} div#nav_about ul ul {position: absolute; width: 12.3em; display: none;} div#nav_about ul ul li {border-bottom: 1px solid #CCC;} div#nav_about li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;} div#nav_about li.submenu li.submenu:hover {background-color: #000;} div#nav_about li.submenu li.submenu:hover {background-color: #000;} div#nav_about ul.level1 li.submenu:hover ul.level2, div#nav_about ul.level2 li.submenu:hover ul.level3 {display:block;} div#nav_about ul.level2 {top: 2.5em; left: 0px; } div#nav_about ul.level3 {top: -1px; left: 12.3em; border-top: 1px solid #CCC; BORDER-LEFT: #000 1em solid;} /*black border on dropdowns created here*/ div#nav_publications {float: left; margin: 0 0 0 0; background: #003333; text-align: center; font-weight: bold; font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } div#nav_publications ul {margin: 0; padding: 0; background: #003333;} div#nav_publications li {position: relative; list-style: none; margin: 0; float: left; width: 12.36em; line-height: 2em;} div#nav_publications li:hover {background: #000;} div#nav_publications li.submenu {background-color: auto} div#nav_publications li.submenu:hover {background-color: #000000;} div#nav_publications li a {display: block; padding: 0.25em 0 0.25em .5em; text-decoration: none; width: 11.8em; color: #fff;} div#nav_publications>ul a {width: auto;} div#nav_publications ul ul {position: absolute; width: 12.3em; display: none; } div#nav_publications ul ul li {border-bottom: 1px solid #CCC; } div#nav_publications li.submenu li.submenu {background: url(submenu.gif) 97% 50% no-repeat;} div#nav_publications li.submenu li.submenu:hover {background-color: #000;} div#nav_publications li.submenu li.submenu:hover {background-color: #000;} div#nav_publications ul.level1 li.submenu:hover ul.level2, div#nav_publications ul.level2 li.submenu:hover ul.level3 {display:block;} div#nav_publications ul.level2 {top: 2.5em; left: 0px;} div#nav_publications ul.level3 {top: -1px; left: 12.3em; border-top: 1px solid #CCC; BORDER-LEFT: #000 1em solid;} div#nav_articles {float: left; margin: 0 0 0 0; background: #003333; text-align: center; font-weight: bold; font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } div#nav_articles ul {margin: 0; padding: 0; background: #003333;} div#nav_articles li {position: relative; list-style: none; margin: 0; float: left; width: 12.3em; line-height: 2em;} div#nav_articles li:hover {background: #000;} div#nav_articles li.submenu {background-color: auto} div#nav_articles li.submenu:hover {background-color: #000000;} div#nav_articles li a {display: block; padding: 0.25em 0 0.25em .5em; text-decoration: none; width: 11.8em; color: #fff} div#nav_articles>ul a {width: auto;} div#nav_articles ul ul {position: absolute; width: 12.3em; display: none;} div#nav_articles ul ul li {border-bottom: 1px solid #CCC;} div#nav_articles li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;} div#nav_articles li.submenu li.submenu:hover {background-color: #000;} div#nav_articles li.submenu li.submenu:hover {background-color: #000;} div#nav_articles ul.level1 li.submenu:hover ul.level2, div#nav_articles ul.level2 li.submenu:hover ul.level3 {display:block;} div#nav_articles ul.level2 {top: 2.5em; left: 0px;} div#nav_articles ul.level3 {top: -1px; left: 12.3em; border-top: 1px solid #CCC; BORDER-LEFT: #000 1em solid;} div#nav_blog {float: left; margin: 0 0 0 0; background: #003333; text-align: center; font-weight: bold; font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } div#nav_blog ul {margin: 0; padding: 0; background: #003333;} div#nav_blog li {position: relative; list-style: none; margin: 0; float: left; width: 12.3em; line-height: 2em;} div#nav_blog li:hover {background: #000;} div#nav_blog li.submenu {background-color: auto} div#nav_blog li.submenu:hover {background-color: #000000;} div#nav_blog li a {display: block; padding: 0.25em 0 0.25em .5em; text-decoration: none; width: 11.8em; color: #fff} div#nav_blog>ul a {width: auto;} div#nav_blog ul ul {position: absolute; width: 12.3em; display: none;} div#nav_blog ul ul li {border-bottom: 1px solid #CCC;} div#nav_blog li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;} div#nav_blog li.submenu li.submenu:hover {background-color: #000;} div#nav_blog li.submenu li.submenu:hover {background-color: #000;} div#nav_blog ul.level1 li.submenu:hover ul.level2, div#nav_blog ul.level2 li.submenu:hover ul.level3 {display:block;} div#nav_blog ul.level2 {top: 2.5em; left: 0px;} div#nav_blog ul.level3 {top: -1px; left: 12.3em; border-top: 1px solid #CCC; BORDER-LEFT: #000 1em solid;} div#nav_links {float: left; margin: 0 0 0 0; background: #003333; text-align: center; font-weight: bold; font-family: Comic Sans MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } div#nav_links ul {margin: 0; padding: 0; background: #003333; border: 0 2px 0 0} div#nav_links li {position: relative; list-style: none; margin: 0; float: left; width: 12.3em; line-height: 2em;} div#nav_links li:hover {background: #000;} div#nav_links li.submenu {background-color: auto} div#nav_links li.submenu:hover {background-color: #000000;} div#nav_links li a {display: block; padding: 0.25em 0 0.25em .5em; text-decoration: none; width: 11.8em; color: #fff} div#nav_links>ul a {width: auto;} div#nav_links ul ul {position: absolute; width: 12.3em; display: none;} div#nav_links ul ul li {border-bottom: 1px solid #CCC;} div#nav_links li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;} div#nav_links li.submenu li.submenu:hover {background-color: #000;} div#nav_links li.submenu li.submenu:hover {background-color: #000;} div#nav_links ul.level1 li.submenu:hover ul.level2, div#nav_links ul.level2 li.submenu:hover ul.level3 {display:block;} div#nav_links ul.level2 {top: 2.5em; left: 0px;} div#nav_links ul.level3 {top: -1px; left: 12.3em; border-top: 1px solid #CCC; BORDER-LEFT: #000 1em solid;} /*top nav bar ends here*/