/* CSS for Statistic Department */

/* DOCUMENT-LEVEL CONTROL */
body { background-color: #DDBF5B; }


	/* HEADER */
	#header #title h1#dept { font-size: 1.7em; font-weight: normal; color: #cc9933; padding-bottom: 3px; }
	#header #title h1#dept a { text-decoration:none; color:#cc9933; }
	/* END HEADER */
	
	/* NAVIGATION */
		/* NAVLIST */
		#navcontainer #navlist { list-style-type: none; font-size: .7em; margin: 0; padding: 0 10px; }
		#navcontainer #navlist a { display: block; width: 170px; text-decoration: none; }
		#navcontainer #navlist a:visited { color: #000; }
		#navcontainer #navlist a:hover { background-color: #B1946C; color: #000000; }
		#navcontainer #navlist li { border-top: 2px solid #CC9933; font-weight: bold; padding: 0px 0; }
		#navcontainer #navlist li.navEnd { border-bottom: 2px solid #c93; }
		
		#navcontainer #ThirdTier #navlist li { font-weight: normal; border: none; border-bottom: 1px solid #c93; }
		#navcontainer #ThirdTier #navlist li.first { border-top: 2px solid #c93; }
		#navcontainer #ThirdTier #navlist li.last { border-bottom: 2px solid #c93; }
		
		.border { border-top: 1px solid #c93; border-bottom: 1px solid #c93; }
			/* SUBNAVLIST */
			#navcontainer #navlist .subnavlist { list-style-type: none; margin: 0; padding: 0px 0 0 30px; text-indent: 0; }
			#navcontainer #navlist .subnavlist li { border-top: 1px solid #CC9933; font-weight: normal; }
			#navcontainer #navlist .subnavlist a { display: block; width: 140px; text-decoration: none; }
			#navcontainer #navlist .subnavlist a:hover { background-color: #B1946C; color: #000; }
			
		#navcontainer #contact ul { margin: 0; padding: 10px 0px 0px 10px; font-size: .6em; list-style-type: none; white-space: nowrap; }
		#navcontainer #contact span.phone { font-weight: bold; }
	/* END NAVIGATION */
	
	/* CONTENT */
		#content { margin-left: 190px; font-size: .8em; line-height:1.3em; margin-top:20px; height: 1%; padding: 0 10px; margin-bottom: 20px;overflow:visible; }
		#content a { font-weight: bold; }
		#content a:link { color: #CC9900; }
		#content a:visited { color: #CC9900; }
		#content a:hover { color: #DDBF5B; }
		#content a:active { color: #CC9900; }
		#content .caption { font-size: .7em;}
		#content div.imageBlock ul { list-style-position: inside; margin-top: 15px; }
		#content div.imageBlockSmall ul { list-style-position: inside; margin-top: 15px; }
		#content table.courses {width: 100%; border-collapse:collapse; }
		#content table.courses th { font-size: 1em; }
		#content table.courses td, th { font-size: .9em; padding: 3px; }
		#content table.courses td.course_num {width: 75px; }
		#content table.default { width: 100%; border-collapse: collapse; }
		#content table.default tr { background-color: #DDBF5B; }
		#content table.default tr.even { background-color: #EEE09E; }
		#content table.default tr.odd { background-color: #f5f5dc; }
		#content table.default th { font-size: 1.2em; }
		#content table.default td, th { border: 3px solid #fff; padding: 4px; }
		#content span.bold { font-weight: bold; }
		#content span.italic { font-style: italic; }
		#content div.imageBlock { height: 250px; }
		#content div.imageBlockBig { height: 350px; }
		#content div.imageBlockBig { height: 162px; }
		#content div.imageBlock img { display: inline; float: left; margin-right: 10px; }
		#content div.imageBlockBig img { display: inline; float: left; margin-right: 10px; }
		#content div.imageBlock img.right { display: inline; float: right; margin-left: 10px; }
		#content div.imageBlockBig img.right { display: inline; float: right; margin-left: 10px; }
        #content div.imageBlockSmall img { display: inline; float: left; margin-right: 10px; }
		#content div.imageBlockSmall img.right { display: inline; float: right; margin-left: 10px; }

	
		#content #focusBox img{ display: inline; float:left; margin:10px;}
		#content h1, h2, h3 { border-bottom: 2px solid #c93; padding: 2px;}
		#content h3.name { display: inline; white-space: nowrap; border: none; }
		#content p { margin: 0; padding: 1em 0 0 0; height: 1%; }
		#content #news { float: right; height: 1%; width: 30%; margin: 10px; /* height: 250px; */ background-color: #ffffcc; display:inline; }
		#content #news { border: 3px double #ddbf5b; border-left-color: #ffe27d; border-top-color: #ffe27d; }
		#content #news h4.title { background-color: #DDBF5B; margin: 0; border-bottom: 1px dotted #EEE09E; text-align: center; white-space: nowrap; line-height:2em; }
		#content #news ul.body { margin: 0; padding: .5em; font-size: .8em; list-style-type: none; line-height:1.5em;}
		#content #news ul.body li { margin: .5em 0 .5em 0; line-height:1.5em; list-style-type: none;}
		#content #news ul.body li.title { font-weight: bold; line-height:.5em; margin: 0 0 .6em 0;}
		#content #focusBox { padding: 0px; margin-top: 10px; margin-right:10px; margin-bottom:10px; /*background-color:#ffffcc; border: 3px double #ddbf5b;*/ border-left-color: #ffe27d; border-top-color: #ffe27d;}
	    #content #focusBox ul.body { margin: 0; padding: .5em; /*width:50%;*/ font-size: .9em; list-style-type:none; line-height:1.5em;}
	    #content #focusBox ul.body li { margin: .5em 0 .5em 0; line-height:1.5em; list-style-type: none; }
	    #content #focusBox h4 { font-size:1.4em; }
		#content #focusBox div.imageBlock { height: 200px; }

		#content #focusBox h4.title { background-color: #DDBF5B; margin: 0; border-bottom: 1px dotted #EEE09E; text-align: center; white-space: nowrap; line-height:2em; }
		#content .featureBox1 {   margin:5px; padding: 0px; padding-bottom: 10px; border-bottom: 1px solid #000; height:1%; overflow :visible; width:92%; }
		#content .featureBox1 div.imageBlock {height: 200px;}
		#content .featureBox1 div.imageBlock img.right { display: inline; float: right; margin-left: 10px; }
		#content .featureBox1 h4 {font-size:1.4em;line-height:1em;}
		#content .featureBox {  width: 60%; margin:5px; padding: 0px; padding-bottom: 10px; border-bottom: 1px solid #000; overflow:visible;height:1%; }
		#content .featureBox div.imageBlock {height: 200px;}
		#content .featureBox div.imageBlock img.right { display: inline; float: right; margin-left: 10px; }
		#content .featureBox h4 {font-size:1.4em;line-height:1em;}
		#content div.alphabet { margin-bottom: 15px; padding: 0; line-height: 2em; font-size: 1.3em; }
		#content div.facultyblock { height: 180px; }
		#content div.facultyblock img.facpic { float: left; margin-right: 15px; border: 1px solid #000; }
		#content div.facultyblock h4 { padding-left:0px;margin-bottom: 0px; padding-bottom: 0px; }
		#content div.facultyblock p { padding-bottom:3px;line-height: .9em; }
		#content div.facultyblock p.title { padding-left:3px;padding-top:5px;margin-top: 0px; }
		#content div.facultyblock div { margin-top: 25px; }
		#content div.facultyblock ul { list-style-type: none; }
		#content div.facultyblock ul.credentials { font-style: italic; }
		#content div.facultyblock li.title { margin-bottom: 10px; font-style: italic; }
		#content div.facultyblock li.website { margin-bottom: 10px; }
/* */
/*	creates a nice little gradient fill for the buttons using the background color #DDBF5B
	#content input.submit { background: transparent url("/images/fade-butt.gif") repeat-x; border: 3px double #aa9d39; border-top-color: #FFFFCC; border-left-color: #FFFFCC;  }
*/

/* END DOCUMENT */

/* what are these doing? */
.accent { color: #cc9933; }
a:hover { color: #cc9933; }
#banner2 { color:#cc9933; }
