/* CSS Document */
.mobile {display:none;}

/* department specific background -- library */
body {background-color: #006666;}
/* END background color */


/* CSS Document */

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.blog {background-color:#000000; font-weight: bold; color:#FFFFFF; font-size:11px; padding:.5em; margin-bottom:0;}/*blog heading on homepage*/
p.blog:hover {background-color:#ff9933; color:#000;} /* hover effect for blog heading on homepage */

img.right_bldg {PADDING: 0.25em; FLOAT: right;  MARGIN: 1em 0 1.5em .5em; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-TOP: #666 1px solid; BORDER-LEFT: #666 1px solid;} /*floats an image to the right, and allows text to wrap around it; no borders, which is good for figures in technical docs*/


/*These are the styles you'll probably be using most often, so they're right up top. Structural coding follows below. */

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*/
p.bold {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 1em 1em 0em; line-height: 1.5em; font-weight: bold;} /*your basic text, bolded*/
.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*/


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 used for the Annual Report pull-quotes*/
blockquote.arep {float: right; width: 33%; padding: .5em .5em .5em .5em; margin: .5em 0 .5em .75em; font-size: 1em; clear: both; border:#336699 solid groove; text-align:center;} 
blockquote.arep_text {float: right; width: 33%; padding: .5em .5em .5em .5em; margin: .5em 0 .5em .75em; font-size: .9em; clear: both; border:#336699 solid groove; text-align:left;} 
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: #99CCCC; 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; clear:both } /*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; align:middle;} /*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 */


table.data {margin-top:.25em;
border-width: thin;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;}
TD.item {font: Verdana, Geneva, Arial, Helvetica, sans-serif 12px; width: 70%; border-width: 1px;
	padding: .5em;
	border-style: inset;
	border-color: gray;
}
TD.amt {font: Verdana, Geneva, Arial, Helvetica, sans-serif 12px; width: 30%; border-width: 1px;
	padding: .5em;
	border-style: inset;
	border-color: gray;}
TH.data {font-weight:bold}



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

p.info {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0em 0 0em 0; margin: .25em 0 .25em 0; font-weight: bold;}

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 {
	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 {
	display: inline-block;
	vertical-align: top;
}

label.inner {width: 4em;
	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: 739px;} 
/*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: none; padding: 10px;} 
/* adding the "topper" class tag to the header image places a thin grey dividing line between that image and the top nav bar */




/************   This is kept to the 2010 style without GOOGLE SEARCH because the box breaks the query pages ****/
div#iconh {float: left; background: #fff; margin: 0; width: 50%; } 
div#iconk {float: left; background: #fff; margin: 0; width: 49%;} 
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 */



/*********** This is the 2011 site search header styles *********************/

div#iconhgoog {float: left; background: #fff; margin: 0; width: 10%; }
div#searchgoog {background: #fff; margin: 0; width: 50%; float: left; font: 75% Myriad Web Pro, Verdana, Arial, Helvetica, sans-serif; padding-top:10px; }
#cse-search-results iframe {
width: 500px !important;
     }
div#iconkgoog {float: left; background: #fff; margin: 0; width: 40%;} 
img.iconlgoog {padding: 10px 0px 0px 10px; border:none;}
img.iconrgoog {padding: 10px 5px 0px 5px; border:none;}
/* these 3 divs house the ut and coe logos as well as the ctr home icon PLUS the google search box*/



div#content {float: left; background: #FFF; padding: 0 75px 10px 105px; border-bottom: 1px solid #ccc; width: 555px;} 
/* 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: 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: #ff9933;}
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: 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 0px} /*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.1em; 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_research {float: left; margin: 0 0 0 0; background: #663300; text-align: center; font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
div#nav_research ul {margin: 0; padding: 0; background: #663300;} 
div#nav_research li {position: relative; list-style: none; margin: 0;
  float: left; width: 12.36em; line-height: 2em;} 
div#nav_research li:hover {background: #000;}
div#nav_research li.submenu {background-color: auto}
div#nav_research li.submenu:hover {background-color: #000000;}
div#nav_research li a {display: block; padding: 0.25em 0 0.25em .5em;
  text-decoration: none; width: 11.8em; color: #fff;} 
div#nav_research>ul a {width: auto;}
div#nav_research ul ul {position: absolute; width: 12.3em; display: none; }
div#nav_research ul ul li {border-bottom: 1px solid #CCC; }
div#nav_research li.submenu li.submenu {background:  url(submenu.gif) 97% 50% no-repeat;}
div#nav_research li.submenu li.submenu:hover {background-color: #000;}
div#nav_research li.submenu li.submenu:hover {background-color: #000;}
div#nav_research ul.level1 li.submenu:hover ul.level2, 
div#nav_research ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav_research ul.level2 {top: 2.5em; left: 0px;}
div#nav_research ul.level3 {top: -1px; left: 12.3em; border-top: 1px solid #CCC; BORDER-LEFT: #000 1em solid;}
  
div#nav_lib {float: left; margin: 0 0 0 0; background: #006666; text-align: center; font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
div#nav_lib ul {margin: 0; padding: 0; background: #006666;} 
div#nav_lib li {position: relative; list-style: none; margin: 0;
  float: left; width: 12.3em; line-height: 2em;} 
div#nav_lib li:hover {background: #000;}
div#nav_lib li.submenu {background-color: auto}
div#nav_lib li.submenu:hover {background-color: #000000;}
div#nav_lib li a {display: block; padding: 0.25em 0 0.25em .5em;
  text-decoration: none; width: 11.8em; color: #fff} 
div#nav_lib>ul a {width: auto;}
div#nav_lib ul ul {position: absolute; width: 12.3em;
  display: none;}
div#nav_lib ul ul li {border-bottom: 1px solid #CCC;}
div#nav_lib li.submenu li.submenu {background:  url(submenu.gif) 95% 50% no-repeat;}
div#nav_lib li.submenu li.submenu:hover {background-color: #000;}
div#nav_lib li.submenu li.submenu:hover {background-color: #000;}
div#nav_lib ul.level1 li.submenu:hover ul.level2, 
div#nav_lib ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav_lib ul.level2 {top: 2.5em; left: 0px;}
div#nav_lib ul.level3 {top: -1px; left: 12.3em;
  border-top: 1px solid #CCC; BORDER-LEFT: #000 1em solid;}
  
div#nav_resources {float: left; margin: 0 0 0 0; background: #666633; text-align: center; font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
div#nav_resources ul {margin: 0; padding: 0; background: #666633;} 
div#nav_resources li {position: relative; list-style: none; margin: 0;
  float: left; width: 12.3em; line-height: 2em;} 
div#nav_resources li:hover {background: #000;}
div#nav_resources li.submenu {background-color: auto}
div#nav_resources li.submenu:hover {background-color: #000000;}
div#nav_resources li a {display: block; padding: 0.25em 0 0.25em .5em;
  text-decoration: none; width: 11.8em; color: #fff} 
div#nav_resources>ul a {width: auto;}
div#nav_resources ul ul {position: absolute; width: 12.3em;
  display: none;}
div#nav_resources ul ul li {border-bottom: 1px solid #CCC;}
div#nav_resources li.submenu li.submenu {background:  url(submenu.gif) 95% 50% no-repeat;}
div#nav_resources li.submenu li.submenu:hover {background-color: #000;}
div#nav_resources li.submenu li.submenu:hover {background-color: #000;}
div#nav_resources ul.level1 li.submenu:hover ul.level2, 
div#nav_resources ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav_resources ul.level2 {top: 2.5em; left: 0px;}
div#nav_resources ul.level3 {top: -1px; left: 12.3em;
  border-top: 1px solid #CCC; BORDER-LEFT: #000 1em solid;}
  
div#nav_contact {float: left; margin: 0 0 0 0; background: #996633; text-align: center; font-weight: bold;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
div#nav_contact ul {margin: 0; padding: 0; background: #996633; border: 0 2px 0 0} 
div#nav_contact li {position: relative; list-style: none; margin: 0;
  float: left; width: 12.3em; line-height: 2em;} 
div#nav_contact li:hover {background: #000;}
div#nav_contact li.submenu {background-color: auto}
div#nav_contact li.submenu:hover {background-color: #000000;}
div#nav_contact li a {display: block; padding: 0.25em 0 0.25em .5em;
  text-decoration: none; width: 11.8em; color: #fff} 
div#nav_contact>ul a {width: auto;}
div#nav_contact ul ul {position: absolute; width: 12.3em;
  display: none;}
div#nav_contact ul ul li {border-bottom: 1px solid #CCC;}
div#nav_contact li.submenu li.submenu {background:  url(submenu.gif) 95% 50% no-repeat;}
div#nav_contact li.submenu li.submenu:hover {background-color: #000;}
div#nav_contact li.submenu li.submenu:hover {background-color: #000;}
div#nav_contact ul.level1 li.submenu:hover ul.level2, 
div#nav_contact ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav_contact ul.level2 {top: 2.5em; left: 0px;}
div#nav_contact ul.level3 {top: -1px; left: 12.3em;
  border-top: 1px solid #CCC; BORDER-LEFT: #000 1em solid;}
/*top nav bar ends here*/




/* ******************************************* Library specific CSS ********************************** */


.center {
     text-align: center;
}

 div.c2 {
        text-align: center;
}

 h3.c1 {
       color: red;
}

 h3.c3 {
       color: #cc5500;
}




div#left {text-align: left; float: left; margin-left: auto; margin-right: auto; margin-top: 1em;} /*use to float element to the left */


blockquote.goto35 {
 background-color: #FFFFFF;
 clear: both;
 float: right;
 margin: -1em 3.8em 0.1em 1em;
 width: 33%;
}


#imQR {
    background-image: url("http://library.ctr.utexas.edu/images/chatSMS_QRcode.png");
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-height: 150px;
    max-width: 150px;
}





/* 5-column table with columns of equal width based on above CSS for 4-column table*/
table.five {
	width: 550px;
	margin-left: -13px;
}
tr.five {BORDER-BOTTOM: #eee 1px solid}
td.five {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 20%; text-align:left; padding-left:2.5em;}
th.five {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; padding: .5em 0 .5em 0; margin: 0em 0 0em 0; font-weight: bold; BORDER-BOTTOM: #eee 1px solid}

/* ----- end 5-col table section ----- */

/* ====== 6-column table with columns of equal width based on above CSS for 4-column table ===== */
table.six {
	width: 550px;
	margin-left: -13px;
}
tr.six {BORDER-BOTTOM: #eee 1px solid}
td.six {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; width: 12%; text-align:left; padding-left:2.5em;}
th.six {color: #000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; padding: .5em 0 .5em 0; margin: 0em 0 0em 0; font-weight: bold; BORDER-BOTTOM: #eee 1px solid}

/* ----- end 6-col table section ----- */

/* search input boxes class */
input.search {
	color: #006666;
    	float: left;
    	font-size: 1em;
   	font-weight: 400;
   	line-height: 12px;
    	margin-left: -10px;
	margin-bottom: 6px;
   	overflow: hidden;
    	padding: 3px;
    	width: 100%;
}


blockquote.heychat {
  background-color: #EEEEEE;
  clear: both;
  float: right;
  font-size: 10px;
  margin: 0;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 230px;
}

blockquote.chatbox {
  background-color: #ffffff;
  clear: right;
  float: right;
  font-size: 1em;
  width: 274px; 
  min-height: 434px; 
  padding-top: 0px; 
  padding-left: 16px; 
  padding-right: 16px; 
  margin-top: 1px; 
  margin-left: 10px; 
  margin-right: -29px;
}

/* search input boxes class */


input:focus {
	border: 2px ridge #009999;
	color: #006666;
}



/*====== change link decoration ========*/
#decorate a:link{
	text-decoration: underline;
}

#decorate a:visited{
	text-decoration: underline;
}
#decorate a:hover{
	text-decoration: underline;
}

/*========= 2011 poster session =======*/

#sympimage {
	background: url('http://library.ctr.utexas.edu/symposium/2011graphic.png') no-repeat;
	min-width: 150px;
	min-height: 168px;
	z-index: 900;
}

#handoutQR {
	background: url('http://library.ctr.utexas.edu/symposium/handoutQR.png') no-repeat;
	float: right;
	min-width: 115px;
	min-height: 100px;
	margin-top: 1.5em;
	z-index: 950;
}

#banner {
	background: url('http://library.ctr.utexas.edu/images/txdotlib.gif') no-repeat;
	width: 100%;
	min-height: 103px;
	z-index: 950;
}

#banner a span {
	display: none;
}
	

ul.decimal {list-style: decimal; 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;} 


a.brochure {
	decoration: none;
	color: #fff;
}

div.accordiancontain {
	width: 75%;
	margin-left: 42px;
}


div.accordiancontainlg {
	width: 89%;
	margin-left: 0px;
}

div.accordiancontainlg p {
	font-size: .95em;
}

fieldset#librarynote {
	border: 1px dotted #006666;
	padding: 0;}


/*========= 2012 poster session =======*/

#sympimage12 {
	background: url('http://library.ctr.utexas.edu/symposium/2012/2012graphic.png') no-repeat;
	min-width: 150px;
	min-height: 168px;
	z-index: 900;
}

#handoutQR12 {
	background: url('http://library.ctr.utexas.edu/symposium/2012/handoutQR12.png') no-repeat;
	float: right;
	min-width: 115px;
	min-height: 100px;
	margin-top: 1.5em;
	z-index: 950;
}

/*** accessibility skip ***/

#skiptocontent a {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    border-right: 1px solid white;
    color: white;
    left: 0;
    padding: 6px;
    position: absolute;
    top: -40px;
    transition: top 1s ease-out 0s, background 1s linear 0s;
    z-index: 100;
}
#skiptocontent a:focus {
    background: none repeat scroll 0 0 #bf1722;
    left: 0;
    outline: 0 none;
    position: absolute;
    top: 0;
    transition: top 0.1s ease-in 0s, background 0.5s linear 0s;
}
.center {text-align: center;}
/** cyanblue color changed for accessibility against white text cyanblue background only works with black text **/
.cyanblue {background-color: #007EA7; color: #fff;}
.cyanblue a {color: #fff;}
.cyanblue a:hover {background-color: #fff; padding:0.33em; color:#BF5700; border-radius:2px;}