/* CSS Document */

div#maincontent {
	width: 880px;
	margin: 0 auto;
	clear: both;
}

/*--- LEFT COLUMN ---*/

div#col1 {
	width: 175px;
	float: left;
	text-align: left;
	padding-right:10px;
	margin-top:20px;
	font:Helvetica, Arial, sans-serif;
	/*padding-right:10px;*/
	border-right:1px dotted #ddd;
	
}

div#col1 h2 {
	color: #333;
	font-size: 1.5em;
	margin-left: 0px;
	text-transform: lowercase;
	border-bottom: 1px solid #666;
	padding-bottom: 5px;
	font-weight: bold;
	font:Helvetica, Arial, sans-serif;
	font-style:italic}

div#col1 ul {
	margin: 0 0 20px 5px;
}

div#col1 li {
	list-style: none;
	border-bottom: 1px dotted #ddd;
	padding: 6px 0;
}

div#col1 li a {
	color: #993333;
	text-decoration: none;
	text-transform:normal;
	font-weight:bold;
	font-size:1.2em;
}

div#col1 li a:hover {
	border-bottom: 0px dashed #666;
	color: #555;
}

/*--- SUBNAV SHOW/HIDE ---*/

div#col1 ul ul {
	display:block;	
	padding-top:5px;
	font-size: 1em;
	margin-right: 0 0 0 10px;
}

div#col1 ul ul li {
	list-style: none;
	border-bottom: none;
	padding: 3px 0;
}

div#col1 ul ul li a {
	color: #666;
	text-decoration: none;
	font-size:1em;
	font-weight:normal;
	text-transform:none;
}

div#col1 ul ul li a:hover {
	border-bottom: 1px solid #993333;
	color: #993333;
}

body.welcome div#col1 ul li.welcome ul,
body.history div#col1 ul li.history ul,
body.honors div#col1 ul li.honors ul,
body.contact div#col1 ul li.contact ul,
body.directions div#col1 ul li.directions ul,

body.undergrad div#col1 ul li.undergrad ul,
body.grad div#col1 ul li.grad ul,
body.prizes div#col1 ul li.prizes ul,
body.life div#col1 ul li.life ul,

body.currentcourses div#col1 ul li.currentcourses ul,
body.textbook div#col1 ul li.textbook ul,
body.allcourses div#col1 ul li.allcourses ul,
body.specialtopics div#col1 ul li.specialtopics ul,

body.pages div#col1 ul li.pages ul,
body.teaching div#col1 ul li.teaching ul,
body.committee div#col1 ul li.committee ul,
body.calendar div#col1 ul li.calendar ul,

body.areas div#col1 ul li.areas ul,
body.institutes div#col1 ul li.institutes ul,

body.colloquia div#col1 ul li.colloquia ul,
body.friday div#col1 ul li.friday ul,
body.pedagogical div#col1 ul li.pedagogical ul,
body.specialevents div#col1 ul li.specialevents ul,
body.seminars div#col1 ul li.seminars ul
 {display:block;}

 /*--- SEARCH SECTION ---*/
	#search { float: left; padding: 3px; width: 200px; border: 0px solid #eee; color: #ccc; height: 20px; margin: 10px 0px 10px 0;}
	input#searchbox {	border: 1px solid #990000;	font-size: 90%;	color: #666; width: 145px; padding:3px 1px; background:#eee; }
	input#search_icon {	vertical-align: bottom;	margin-bottom: 0px;}
/*--- END SEARCH ---*/


/*--- RIGHT COLUMN ---*/

p {
	margin-bottom: 15px;
	line-height: 160%;
	color:#000;
	text-align: left;
}

ol li {color:#000;}

div#col2 {
	width: 670px;	
	float: right;
	margin: 0 0 15px 0;
	text-align: left;
	color: #000;
	border:0px solid red;
	height:auto;
	/*min-height:600px;
	max-height:2000px;*/
}

* html div#col2 {
	width: 650px;
	margin: 0 0 15px 10px;
	color: #000;
}

div#col2 h1 {
	color: #993333;
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 25px;
	font-weight: bold;
	font:Helvetica, Arial, sans-serif;
	text-transform:none;
}

div#col2 h2 {
	color: #333;
	margin-bottom: 10px;
	font-size: 1.5em;
	font-weight:bold;
	text-transform:uppercase;
}

div#col2 h2 em, div#col2 h2 em a, {
	/*font-style:italics;*/
	font-size:1em;
	color:#666;
	font-weight:300;
	font-style:normal;
}


div#col2 h3 {
	font-size: 1.25em;
	margin-bottom: 10px;
	font-weight:bold;
	font-style:normal;
}

div#col2 ul, div#col2 ol {
	margin: 5px 0 15px 0; list-style-position:outside;
}

div#col2 ul ul, div#col2 ol ol {
	margin: 5px 0 10px 20px;
}

div#col2 li {
	margin: 0 0 8px 25px;
	color: #000;
	list-style-position:outside; 
/*	list-style-type:square;*/
}

div#col2 li li {
	margin: 0 0 6px 10px;
	color: #000;
}

div#col2 img.photo {
	border: 1px solid #9c988f;
	background-color:#fff;
	float: right;
	margin: 0 10px;
	padding:10px; 
}

div.anchors1, div.anchors2, div.anchors3, div.anchors4 {
	border-bottom: 1px solid #dcdbd7;
	border-top: 1px solid #dcdbd7;
	padding: 15px 0 8px 0;	
	background: #fdfdfd;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

div.anchors1 h2, div.anchors2 h2, div.anchors3 h2, div.anchors4 h2 {
	margin-left: 15px;
	clear:left;
}

div.anchors1 li, div.anchors2 li, div.anchors3 li, div.anchors4 li {
	margin: 0 0 6px 5px;
	background: url(/images/bullet.gif) no-repeat;
	padding: 0 0 0 17px;
}

div.anchors1 ul, div.anchors2 ul, div.anchors3 ul, div.anchors4 ul {
	float: left;
	padding-left: 15px;
	margin-bottom: 10px;
	list-style: none;
}

div.anchors1 ul {width: 100%;}
div.anchors2 ul {width: 200px;}
div.anchors3 ul {width: 170px;}
div.anchors4 ul {width: 125px;}


 /*--- FACULTY SECTION ---*/
 
 	div#infobox { clear: left; float: left; width: 655px; padding: 10px 0; margin: 0 auto; margin-bottom:10px;}
	ol#infobox {list-style-position:inside;}
	div#infobox img { margin: 0; padding:0; float:left; border:0;}
		
	div#info2 { background: #eee; float: left; width: 655px; padding:5px 0; /*padding-left:20px; */margin: auto auto; font: Helvetica, Arial, sans-serif; height:100%;}
		div#info2 img { margin-left: 20px; margin-top:5px; float:left; border:1px solid #333; /*margin-bottom:100px;*/}
		div#info2 p { text-indent:20px; color:#333;}
		div#info2 li a {  color: #993333; }
		div#info2 li { list-style: none;  padding: 4px; margin: 0 5px;  text-indent:20px;}
		div#info2 li a {  color: #993333; /*background: url(../images/arrow.gif) no-repeat center left;*/ padding: 0 0 0 12px; }
		
	div#info3 { background: #eee; float: left; width: 655px; padding:5px 0; /*padding-left:20px; */margin: auto auto; font: Helvetica, Arial, sans-serif;}
		div#info3 img { margin-left: 20px; margin-top:5px; float:left; border:1px solid black; }
		div#info3 p { text-indent:20px; color:#333;}
		div#info3 h3 {text-indent:10px;}
		div#info3 li a {  color: #993333; }
		div#info3 li { list-style: square;  padding: 4px; margin: 0 10px;  text-indent:20px; list-style-position:inside;}
		div#info3 li a {  color: #993333; /*background: url(../images/arrow.gif) no-repeat center left;*/ padding: 0 0 0 0px; }
		
	ul# { 	display:block;	list-style:square; list-style-position:inside;}
	ul# li strong {font-style:normal; font-weight:bold; font-size:1em; color:#333;}
	
	ul#info { 	display:block;	list-style:square; list-style-position:inside;}
	ul#info li strong {font-style:normal; font-weight:bold; font-size:1em; color:#333;}
	ul#inside { 	display:block;	list-style:square; list-style-position:inside; color:#333;}
	ul#inside li strong {font-style:normal; font-weight:bold; font-size:1em; color:#333;}
	ul#outside {list-style:square; list-style-position:outside;}
	
	ul#no { color:#333; display:block;	list-style:none; list-style-position:inside;}
	ul#no li strong {font-style:none; font-size:1.1em; color:#333;}
	
	ul#info img.external { position:fixed; border:0; margin:0; padding:0; vertical-align:middle;}
	.top {float:right;}
	
	div#profiles { border-top:.1em dashed #ddd; }
	div#profile { margin-top:10px; border-bottom:.1em dashed #ddd; }
	div#profile img {float:right;}
	div#profile img.picture {text-align:left;}
	div#profile .quote {width:35%;}
	div#profile .lft {float:left; text-align:right; border-right:1px dotted #ccc; border-bottom:1px dotted #ddd; margin-right:10px; padding:10px 10px 1px 10px; background-color:#fff; color:#333; }
	div#profile .mid {width:97%; text-align:left; padding:10px 10px 1px 10px; margin:0px; margin-bottom:12px; background-color:#993333; color:#fff;}
	div#profile .rt {float:right; text-align:left; border-left:1px dotted #ccc; border-bottom:1px dotted #ddd; margin-left:10px;  padding:10px 10px 1px 10px; background-color:#fff; color:#333;}
	div#profile .quote p {font-size:1.05em; font-style:italic; color:#993333; font-weight:bold;}
	
	div#fourhund {width:407px;}
	.picture { background-color: #F9F9F9; border: 1px solid #aaaaaa; padding: 3px;font: 11px/1.4em Arial, sans-serif; text-align:left; }
	.picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; }
	.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; width:auto;}
	.vert { margin: 0.5em 0pt 0.5em 0.8em; float:right; min-width:200px; max-width:300px;}
	.left { margin: 0.5em 0.8em 0.5em 0; float:left; width:auto;} 
	
	.related { border-top: 3px solid #333; border-bottom: 3px solid #333; padding: 3px;font: 11px/1.4em Arial, sans-serif; text-align:left; }
	.related h4 a {color:#333; border-top:1px solid #333; line-height;5em; text-decoration:none;}
	#arrow li { list-style: none; list-style-position:inside; list-style-type:none;}
	#arrow li a { list-style: none; list-style-position:inside; list-style-type:none;}
	/*#arrow li a { color: #336699; background: url(../images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; font-weight:bold;}*/
	#arrow li a.insidelink {background-image:none; padding: 0; list-style-position:inside;list-style-type:none;}
	#arrow li a.lnk { color: #444; background: url(../images/arrow.gif) no-repeat center left; padding: 0 0 0 12px; font-weight:bold; list-style-position:inside;list-style-type:none;}
	
	#line { padding-top:10px; background-image:url(../images/smalldot.gif); background-repeat:repeat-x;}
	#dashline {padding:10px 0; border-top:1px dashed #ccc;}
	#dashlineup {padding:10px 0; border-top:1px dashed #ccc;}
	#dashlinedown {padding:10px 0; border-bottom:1px dashed #ccc;}
	#solidlineup {padding:10px 0; border-top:1px solid #ccc;}
	#solidlinedown {padding:10px 0; border-bottom:1px solid #ccc;} 
	#dotlineup {padding:10px 0; border-top:1px dotted #ccc;}
	#dotlinedown {padding:10px 0; border-bottom:1px dotted #ccc;}
	#linenone {padding:10px 0; border:0px dashed #ccc;}
	#thicklineup {padding:10px 0; border-top:3px solid #333;}
	
	.line { padding-top:10px; background-image:url(../images/smalldot.gif); background-repeat:repeat-x;}
	.dashline {padding:10px 0; border-top:1px dashed #ccc;}
	.dashlineup {padding:10px 0; border-top:1px dashed #ccc;}
	.dashlinedown {padding:10px 0; border-bottom:1px dashed #ccc;}
	.solidlineup {padding:10px 0; border-top:1px solid #ccc;}
	.solidlinedown {padding:10px 0; border-bottom:1px solid #ccc;} 
	.dotlineup {padding:10px 0; border-top:1px dotted #ccc;}
	.dotlinedown {padding:10px 0; border-bottom:1px dotted #ccc;}
	.linenone {padding:10px 0; border:0px dashed #ccc;}
	.thickline {padding:5px; border: 0; background: #990000; margin-bottom:5px; border-bottom:none;}
	h3.thicklineup {padding-top:10px; margin-top:10px; border-top:5px solid #333;}
