/* CSC stylesheet */
/* Keri Toksu, June 2008 */

/* UVM Template Frame */
#uvmmain {
	width: 935px;
}
#mainframe {
	min-width: 0;
	width: 920px;
}
#uvmnavbar {
	background: #f9f4e8;
	padding: .4em 10px .4em 78px;
	text-align: center;
}
#uvmnavbar li {
	padding: 0 8px;
}
#uvmnavbar a:link {
	color: #717b32;
	text-decoration: none;
}
#uvmnavbar a:visited {
	color: #717b32;
	text-decoration: none;
}
#uvmnavbar a:hover {
	color: #717b32;
	text-decoration: underline;
}
#uvmnavbar a:active {
	color: #717b32;
	text-decoration: none;
}
#uvmbanner a {
	text-decoration: none;
	color: #454545;
}
#uvmbanner a:hover {
	color: #999;
}
#uvmnavbar a:hover {
	color: #879d51;
}
/* UVM Main Content Area including Menus */
#uvmcustomnav {
	background: #fbf7ee;
	margin-left: 200px;
	margin-right: 15px;
	padding: 5px 0px 5px 0px;
	border-top: 1px solid #9e9e9e;
	border-bottom: 1px solid #9e9e9e;
}
* html #uvmcustomnav {
/*
	padding-top: 10px;
	padding-bottom: 7px;
*/
	margin-bottom: -20px;
}
#uvmcustomnav a {
	color: #fff;
	text-decoration: none;
}
#uvmcustomnav a:hover {
	color: #f4bfab;
}
/* gets rid of vertical border at 200px */
#uvmcustombanner2 {
	border-left: 0;
	border-bottom: 1px solid #ccc;
}
* html #uvmcustombanner2 { 
	margin-bottom: 5px;
}
/* left-hand banner image */
#uvmmainmenu img.defaultimg {
/*	border-bottom: 1px solid #a08f8f; */
}
* html #uvmmainmenu img.defaultimg {
	margin-bottom: -3px;
}
/* Gets rid of "UVM HOME" link */
#uvmmainmenu li.home {
	display: none;
}
#uvmmainmenu a {
/*	color: #fff;  */
}
#uvmmainmenu ul {
	font-size: 13px;
/*	color: #7d2626;  */
/*	font-weight: bold;  */
	border-bottom: 1px solid #a08f8f;
}
#uvmmainmenu li {
	background: url(http://www.uvm.edu/~cems/gfx/2008quadbullet_new.gif) no-repeat 10px 1em;
	border-top: none;
}
#uvmmainmenu li  li {
/*	border-top: 1px solid #a08f8f;  */
}
#uvmmainmenu li li li {
	background: none;
	list-style: outside;
	list-style: url(http://www.uvm.edu/~cems/gfx/2008bullet_new.gif);
	margin-left: 20px;
	padding: .1em 0;
}
#uvmmainmenu li  li li:before {
	content: url(http://www.uvm.edu/~cems/gfx/2008bullet_blank.gif);
}
#uvmmainmenu li li li strong {
/*	background: #f9f4e8;
	font-weight: bold;  */
	padding: 3px 3px 3px 3px;
}
#uvmmainmenu li li li a, #uvmmainmenu li li li strong, #uvmsupplinks li a, #uvmsupplinks li strong {
	position: relative;
	left: -6px;
}
#uvmmainmenu li a:link, #uvmmainmenu li li a:link {
/*	color: #7d2626;  */
}
#uvmmainmenu li li li a:link {
/*	color: #7d2626;  */
}
#uvmmainmenu li a:visited, #uvmmainmenu li li a:visited {
/*	color: #7d2626;  */
}
#uvmmainmenu li li li a:visited {
/*	color: #7d2626;  */
}
#uvmmainmenu li a:hover, #uvmmainmenu li li a:hover {
/*	color: #a89976;  */
}
#uvmmainmenu li li li a:hover {
/*	color: #a89976;  */
}
#uvmmainmenu li a:active {
/*	color: #7d2626;  */
}
#uvmsupplinks li {
	list-style: url(http://www.uvm.edu/~cems/gfx/2008bullet.gif);
	margin-left: 15px;
	padding-left: 0;
	text-indent: 0;
}
#uvmmaincontent {
	line-height: 1.5;
	padding-bottom: 30px;
}
#uvmmaincontent p {
	padding-top: 5px;
}
#uvmmaincontent h1, #uvmmaincontent h2, #uvmmaincontent h3,  #uvmmaincontent h4,  #uvmmaincontent h5, #uvmmaincontent h6 {
	letter-spacing: .01em;
}
#uvmmaincontent h3 {
	font-size: 16px;
	color: #146647;
}
#uvmmaincontent h4 {
	font-size: 14px;
	color: #000;
	padding-top: 10px;
	margin: 0px 0px -1% 0px;
}
#uvmmaincontent h5 {
	font-size: 13px;
	color: #000;
	font-style: italic;
	margin: 0px 0px -2% 0px;
}
#uvmmaincontent h5.noital {
	font-style: normal;
	margin: 0px 0px -2% 0px;
}
#uvmmaincontent h5.lesstop {
	font-size: 13px;
	color: #000;
	font-style: italic;
	margin: -2% 0px 0px 0px;
}
#uvmmaincontent h6 {
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 2px;
}
/* UVM Footer */
#uvmfooter {
	background: #62855b;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/

/*---------------------------
HOMEPAGE
-----------------------------*/

#homecontainer {
/*
TO CREATE COLS OF EQUAL HEIGHT
background: url(http://www.uvm.edu/~cems/gfx/cems_bckgrd.gif) repeat-y -15px 0px;
*/
	line-height: 1.3;
	font-size: 1.1em;
	margin-top: -10px;
	margin-left: -2px;
}
* html #homecontainer {
	margin-top: 10px;
}
/*-- suppress h3s (because of "News") */
#homecontainer h3 {
	display: none;
}
/*-- suppress "see previous stories" (News)  */
#homecontainer .newsnav {
	display: none;
}
#homecontainer .homeheader {
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
#homecontainer .header3 {
	color:  #7D2626;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: -2px;
} 
#homecontainer h4 {
	color: #000;
	font-size: 12px;
	padding-left: 10px;
	margin-top: -5px;
	margin-bottom: 5px;
}
#homecontainer .emphasis-black {
	color: #000;
	font-size: 14px;
	font-weight: bold;
}
#homecontainer .emphasis-blue {
	color: #56597d;
	font-size: 14px;
	font-weight: bold;
}
#homecontainer p {
	margin-top: -5px;
}
#homecontainer ul {
/*	list-style-type: none;  */
	list-style-type: square;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 15px;
	padding-left: 15px;
}
#homecontainer ul.plain {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 15px;
	padding-left: 15px;
}
#homecontainer ul.seminars {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 8px;
	padding-left: 8px;
}
#homecontainer ul.seminars li {
	margin-bottom: 15px;
}
img.line {
	margin: 10px -15px 0px -15px;
	text-align: center;
}
/* pop up */
#homecontainer a span {
	display: none;
}
#homecontainer a:hover span {
	text-decoration: none;
	display: block;
	position: absolute;
	top: 750px;
	left: 500px;
	width: 300px;
	padding: 10px;
	margin: 15px;
	z-index: 100;
	color: #000000;
	background: #f1f189;
}
/*---------------------------
 news list (newsevents/allnews.php)
-----------------------------*/
#homecontainer ul.newslistcsc {
	list-style-type: none;
	margin-left: 3px;
	padding-left: 3px;
}
#homecontainer ul.newslistcsc li { 
	color: #666666;
	padding-bottom: 5px;
	text-indent: -5.9em;
	margin-left: 5.9em;
}
/*---------------------------
 block (gray) for homepage "Highlights"
-----------------------------*/
.highlights {
	text-align: left;
	background: #f5f8f6;
	width: 55%;
	padding: 10px 15px 10px 15px;
	margin: 15px 0px 15px 5px;
	border: 1px solid #666;
}
.highlights-yellow {
	text-align: left;
	background: #fefeec;
	width: 55%;
	padding: 10px 15px 10px 15px;
	margin: 15px 0px 15px 5px;
	border: 1px solid #666;
}
.highlightsh3 {
	text-align: left;
	color: #c80928;
	font-family: verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
.highlightsh4 {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
/*---------------------------
 homepage right column
-----------------------------*/
#homerightcol {
	background: #fefdfb;
	float: right;
	width: 218px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: -10px -20px 10px 15px;
	border-bottom: solid #ccc 1px;
	border-left: solid #ccc 1px;
}
* html #homerightcol {
	margin: -10px -3px 10px 8px;
}
#homerightcol .header3 {
	color: #146647;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
} 
#homecontainer .header4 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
#homerightcol p {
	padding: 0px 15px 0px 20px;
}
#homerightcol ul { 
	font-size: 12px;
	list-style-position: outside;
	list-style-image: url(gfx/arrow_grn.gif);
	margin-top: 10px;
	margin-right: 25px;
	margin-left: 15px;
	padding-left: 20px;
}
#homerightcol ul li { 
	padding-top: 5px;
} 
#homerightcol a:hover {
	color: #cc0000;
}
#homerightcol .tri-box {
	border: solid #146647 1px;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}
#homerightcol .triheader {
	font-size: 14px;
	font-weight: bold;
	color: #146647;
}
#homerightcol .tri-box p {
	font-size: 11px;
	color: #000000;
	padding: 10px 5px 0px 0px;
	margin-bottom: 0px;
}
#homerightcol ul.tri {
	font-size: 11px;
	list-style-image: none;
	margin: 0px 5px 0px 8px;
	padding: 0px 5px 0px 8px;
}
/*---------------------------
 blockquote
-----------------------------*/
.blockquote {
	margin: 0px 0px 10px 30px;
}
/*---------------------------
 block - gray
-----------------------------*/
.grayblock {
	background: #f5f8f6;
	padding: 20px 20px 20px 20px;
	margin: 20px 20px 20px 20px;
	border: solid #ecf1ec 1px;
}
/*---------------------------
epigraph
-----------------------------*/
#epigraph {
	color: #000000;
	font-style: italic;
	font-family: times, serif;
	font-size: 12px;
	text-align: left;
	padding: 5px 5px 0px 10%;
}
#epigraph_au {
	color: #000000;
	font-style: normal;
	font-family: times, serif;
	font-size: 12px;
	text-align: right;
	padding-top: 5px;
}
/*---------------------------
 listings
-----------------------------*/
.coursecode {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.coursetitle {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.projtitle {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}
.sectionheadcsc {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}
/*---------------------------
 numbered list w/ unnumbered list
-----------------------------*/
ol li ul li {
	list-style-type: square;
	list-style-position: outside;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
/*---------------------------
 Degree List (academics/degrees.html)
-----------------------------*/
h5.degreelist {
	font-size: 13px;
	color: #146647;
	padding-top: 10px;
	padding-left: 15px;
}
h5.degreelist a:link {
	color: #146647;
}
h5.degreelist a:visited {
	color: #146647;
}
h5.degreelist a:hover {
	color: #cc0000;
}
ul.degreelist {
	list-style-type: none;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-left: 5px;
}
/*---------------------------
right-hand links box
-----------------------------*/
#linkssuppnav {
	color: #666;
	font-size: 11px;
	background: #fefdfb;
	float: right;
	width: 150px;
	margin: -20px -20px 10px 14px;;
	padding: 1em 10px 0em 10px;
	border-bottom: solid #ccc 1px;
	border-left: solid #ccc 1px;
}
* html #linkssuppnav {
	margin: 0px -3px 10px 14px;
}
#linkssuppnav h3 {
	color: #146647;
	font-size: 13px;
	margin: 0px;
}
#linkssuppnav ul { 
	list-style-position: outside;
	padding-left: 8px;
	margin-top: 0px;
	margin-left: 8px;
} 
#linkssuppnav a:hover {
	color: #cc0000;
}
/*---------------------------
 table main
-----------------------------*/
table.main {
	background-color: #ffffff;
	border: 1px solid #000000;
}
/*
Coloring alternating rows:
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
*/
table.main tr.color {
	background-color: #fcf9f3;
}
table.main th {
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: #f9f4e8;
	padding: 5px 10px 5px 5px;
}
table.main th.center {
	text-align: center;
}
table.main th.color {
	text-align: center;
	background-color: #eee;	
}
table.main td {
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	padding: 5px 10px 5px 5px;
}
table.main td.center {
	text-align: center;
}
table.main td.right {
	text-align: right;
}
table.main td li {
	list-style-type: disc;
	list-style-position: inside;
}
/*---------------------------
 table seminar
-----------------------------*/
table.seminar {
	background-color: #ffffff;
	border: 1px solid #000000;
}
table.main th {
	text-align: left;
	vertical-align: bottom;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: #ccc;
	padding: 5px 10px 5px 5px;
}
table.main th.center {
	text-align: center;
	vertical-align: bottom;
	background-color: #eee;	
}
table.main tr.color {
	background-color: #fcf9f3;
}
table.main td {
	text-align: left;
	vertical-align: top;
	font-family: Verdana;
	font-size: 11px;
	padding: 5px 10px 5px 5px;
}
table.main td.center {
	text-align: center;
	vertical-align: top;
}
table.main td.right {
	text-align: right;
	vertical-align: top;
}
/*---------------------------
 table readings
-----------------------------*/
table.readings {
	background-color: #ffffff;
	border: 1px solid #000000;
}
table.readings th {
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: #ccc;
	padding: 5px 10px 5px 5px;
}
table.readings th.center {
	text-align: center;
}
table.readings th.color {
	text-align: center;
	background-color: #eee;	
}
table.readings tr.color {
	background-color: #fcf9f3;
}
/* Coloring alternating rows: */
table.readings tr:nth-child(even) {background: #ecf1ec}
table.readings tr:nth-child(odd) {background: #FFF}

table.readings td {
	text-align: left;
	vertical-align: top;
	font-family: Verdana;
	font-size: 11px;
	padding: 5px 10px 5px 5px;
}
table.readings td.center {
	text-align: center;
}
table.readings td.right {
	text-align: right;
}
table.readings td li {
	list-style-type: disc;
	list-style-position: inside;
}
.reading-title {
	text-transform: lowercase;
}
/*---------------------------
 captioned images
-----------------------------*/
.caption {
	margin: 8px;
	/* padding: 0px; */
	border: 1px solid #777;
	/* background: #E5F2FF; */
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}
.caption img {border: 0px;}
.left {float: left;}
.right {float: right;
}
p.caption {
	text-align: center;
	padding: 0px 3px 3px 3px;
	margin: 0px;
	border: 0px;
}
p.captionleft {
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px 5px 5px 10px;
	border: 0px;
}
/*--------------------------
captioned photo SAMPLE HTML:

<div class="caption right" style="width: 190px;">
<img style="width: 190px; height: 160px;" src="gfx/solarlighting.jpg" alt="Solar Lighting" title="Solar Lighting" />
<p class="caption">
Stewart Maclean and Justin McCabe study their prototype in the Solar Lighting project in ME Senior Design, Spring '06.
</p>
</div>
*/
/*---------------------------
 image - align left, right, center
-----------------------------*/
img.alignleft {
	float: left;
	margin: 5px 10px 5px 0px;
}
img.alignright {
	float: right;
	margin: 5px 0px 5px 10px;
}
img.aligncenter {
	float: center;
	text-align: center;
	margin: 5px 10px 15px 10px;
}
/*---------------------------
 h3 with h4 subtitle
-----------------------------*/
h3.subtitle {
	margin-bottom: -1px;
}
/*---------------------------
 h4 - light green (for emphasis)
-----------------------------*/
#uvmmaincontent h4.emphasis {
	font-style: normal;
	color: #5e981e;
}
/*---------------------------
 h4 with h5 subtitle
-----------------------------*/
h4.subtitle {
	padding-bottom: 7px;
}
/*---------------------------
 news synopsis & stories (newsevents/default.php & individual story pages)
-----------------------------*/
#newscsc .releasedate {
	padding-top: 15px;
	margin-top: 0px;
	margin-bottom: -5px;
}
#newscsc h4 {
	line-height: 1.2;
	margin-top: -10px;
	margin-bottom: 0px;
} 
#newscsc p {
	margin-top: 0px;
	margin-bottom: 15px;
} 
/*---------------------------
 SUPPRESS: News date and "View previous stories"
-----------------------------*/
.newsheadlinedate {
/*	display: none;  */
}
.newsnav {
/*	display: none;  */
}
/*---------------------------
 ul head & following list
-----------------------------*/
.ulhead {
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	margin-left: 15px;
}
ul.follhead {
	margin-top: 5px;
	margin-bottom: 20px;
}
/*---------------------------
 ul bulleted, extra space between items
-----------------------------*/
ul.spacey li {
	padding-bottom: 10px;
}
/*---------------------------
 ul bulleted, extra space between items
-----------------------------*/
ul.lettered li {
	list-style-type: lower-alpha;
}
/*---------------------------
 red text + red link
-----------------------------*/
.red {
	color: #cc0000;
}
#uvmcontent .red a:link, #uvmcontent .red a:visited {
	color: #cc0000;
}
/*---------------------------
 center text
-----------------------------*/
.center {
	text-align: center;
}
.centerbottom {
	text-align: center;
	margin-bottom: 10px;
}
/*---------------------------
 pages 1 2 3
-----------------------------*/
.pages {
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
/*---------------------------
 fancy capital letter - begins first para on page
-----------------------------*/
.firstbigletter {
	font-family: georgia, times;
	color: #660000;
	font-size: 56px;
	font-weight: normal;
	line-height: 80%;
	letter-spacing: -6px;
}
.dropcap {
	float: left;
	width: 46px;
	line-height: 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 38px;
	font-weight: bold;
}
/*---------------------------
 emphasized text - red
-----------------------------*/
.emphasis {
	color: #990000;
	font-weight: bold;
	font-style: italic;
}
/*---------------------------
 alert text - red
-----------------------------*/
.csys-alert {
	color: #990000;
	font-weight: bold;
	font-size: 1.2em;
}
/*---------------------------
 return to top
-----------------------------*/
.return {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
	line-height: 1%;
}
/*---------------------------
 signature
-----------------------------*/
.signature {
	font-family: times;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}
/*---------------------------
 hr separator
-----------------------------*/
hr.separator {
	border: 0;
	width: 80%;
	height: 1px;
	color: #666666;
	background-color: #666666;
	text-align: left;
	margin: 0 auto 0 0;
}