/*		RESET SOME THINGS										*/

html,body,div,form,fieldset,th,td {
		margin:0;
		padding:0;
		}

fieldset,img {
		border:0;
		}

ol,ul {
		list-style:none;
		margin:0;
		padding:0;
		}

/* display:none; hides text from screen readers as well. the off-left technique brings back lost accessibility */

.none {
	 	position: absolute;
		left: -999px;
		width: 990px;
		}
		
		
/*		PRIMARY DIVISION FORMATTING								*/

	
/*		Changes from Hans that have not been integrated to the above css		*/

/* Universal style changes */

#wrapper {
		margin:0 auto 0 auto;
		padding:0;
		min-width:960px;
		max-width:960px;
		width:960px;
		}
		
#header {
		float:left;
		width:100%;
		border:1px solid #000;
		border-top:none;
		}

#content {
		float:left;
		background-color:#fff;
		width:100%;
		margin:0;
		padding-top:0px;
		border:1px solid #000;
		border-top:none;
		}

#navbar {
		float:left;
		width:260px;
		padding:0 40px 0 0;
		margin:0px 10px 0 2%;
		*margin:0px 10px 0 1%;
		font-size:1.1em;
		}

#main {
		width:51%;
		float:left;
		padding:5px 0 0 2%;
		margin-right:2px;
		border-left:1px solid #aaa;
		}

#sidebar {
		width:200px;
		float:right;
		padding:10px 0px 0 0;
		xpadding:20px 2% 0 0;
		border-left:0;
		line-height:1.3em;
		font-size:.9em;
		}

#xsidebar {
		max-width:180px;
		min-width:180px;
		width:17%;
		float:right;
		padding:10px 10px 0 0;
		xpadding:20px 2% 0 0;
		border-left:0;
		line-height:1.3em;
		font-size:.9em;
		}

/*		FOOTER STYLES							*/
#footerwrap
	{
		height:50px;
		clear:both;
		min-width:780px;
		max-width:960px;
		width:960px;
		margin:20px auto 0 auto;
		position:relative;
	}

#footer 
	{
		position:absolute;
		left:0px;
		top:15px;
		z-index:1;
		width:960px;
		height:22px;
		background:#303030;
		color:#FFFFFF;
		font-size:15px;
		font-weight:bold;
		padding:5px 10px 0 0;
		}
		
.footer_brownimg
	{
		position:absolute;
		left:45px;
		width:28px;
		height:48px;
		z-index:11;
	}
			
.footer-txt
	{
		float:right;
	}		

#footer a:link,
#footer a:visited {
		color:#fff; padding:0 0 0 25px;
		}

/*		TYPOGRAPHY												*/

body {
		color:#000;
		letter-spacing:.02em;
		background:#ddd;
		font:.7em helvetica, arial, sans-serif;
		}

a:link,
a:visited {
		text-decoration:none;
		color:#900;
		}

a:hover {
		text-decoration:underline;
		color:#900;
		}
		
/* style the headers */

h1 {
		margin:0 0 20px 0;
		padding:0;
		font-size:1.7em;
		}

h2 {
		margin:0 0 20px 0;
		padding:0;
		font-size:1.4em;
		line-height:1.4em;
		}

h3 {
		margin:0 0 10px 0;
		padding:0;
		font-size:1.1em;
    	text-transform: uppercase;
		}

h4 {
		margin:0 0 5px 0;
		padding:0;
		font-size:1.1em;
		}

h5 {
		margin:0 0 5px 0;
		padding:0;
		font-size:1em;
		}

h6 {
		margin:0 0 5px 0;
		padding:0;
		font-size:1em;
    	color: #666;
		}
		
p {
		padding:0;
		margin:0 0 20px 0;
		font-size: 1.1em;
		line-height:1.3em;
		}
		
/* clears the margin. good for headers, paragraphs, lists, and anything else with too much spacing. */
.tight {
		margin:0;
		}		

/* For homepage p, li, and standard size elements */
.home {	
        font-size: 1.45em;
        line-height: 1.4em;
		}

/* Styles from the old template carried over: */

/* font styles for sidebar */

#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6,
#sidebar p {
    margin: 0 0 6px 0;
}

/*		TABLE STYLING											*/

table tr {
		vertical-align:top;
		}
		
#main table td {
		font-size:1.1em;
		line-height:1.3em;
		}

/*		FACULTY LISTING TABLE STYLING							*/
	
#main table.facultyListing {
		width:97%;
		}	
	
#main table.facultyListing td {
		width:50%;
		padding-right:20px;
		}
		

/*		LIST STYLES								*/

#main ul,
#main ol, #home-left ul{
		margin-bottom: 20px;
		margin-left: 40px;
		}
		
#main ul, #home-left ul {
		list-style:disc;
		}

#main ol {
		list-style:decimal;
		}

#main ul li,
#main ol li, #home-left ul li {
		font-size:1.25em;
		line-height:1.3em;
		margin-bottom:4px;
		}
		
/* manually style the second level nested lists. this is a base case, so must be done manually */

#main ul ul,
#main ol ul {
		list-style:circle;
		margin-top:6px;
		margin-bottom:6px;
		}
		
/* make ul's nested in ol's disc, so they appear top-level */
#main ol ul {
		list-style:disc;
		}
		
#main ol ol,
#main ul ol {
		margin-top:6px;
		margin-bottom:6px;
		}

#main ul ul li,
#main ol ol li,
#main ol ul li,
#main ul ol li {
		font-size:.95em;
		}
		
/* the following lines recursively ensure that deep nested links do not become too small. they hold the text size constant */
		
#main ol ul ul li,
#main ol ol ol li,
#main ol ol ul li,
#main ol ul ol li,
#main ul ul ul li,
#main ul ol ol li,
#main ul ol ul li,
#main ul ul ol li {
		font-size:1em;
		}
		
		
/*		NAVBAR STYLING											*/
.leftnav_head
	{
		font-family:"Franklin Gothic H...", "arial black" arial;
		font-size:1.9em;
		font-weight:normal;
		border-bottom:3px solid #575758;
		letter-spacing:-1px;
	}
		
#navbar ul li {
		font-weight:bold;
		font-size:1.3em;
	    margin-top: 13px;
    	margin-bottom: 13px;
    	font-weight: bold;
    	line-height: 105%;
		*margin-left:13px;
    	/*text-transform: uppercase;*/
		}

#navbar ul ul {
		margin:10px 0 10px 14px;
		}

#navbar ul ul li {
		margin-top:0;
		list-style:none;
		margin-left:1.5em;
		margin-left:0;
		font-weight:bold;
		margin-bottom:6px;
		font-size:.85em;
		text-transform:none;
		line-height: 105%;
		}

#navbar ul ul ul {
		margin-top:10px;
		margin-bottom: 10px;
		}

#navbar ul ul ul li {
		list-style: none;
		margin-left:1.5em;
		margin-left:0;
		font-weight:bold;
		margin-bottom:6px;
		font-size:1em;
		text-transform:none;
		}
		

/*		HCARD STYLING											*/

/*		The vcard/hcard spec is used for individual faculty
		listings. Also, one hcard is used in the <address>
		tag to denote the department's location.				*/
		
/*		faculty page hcard styles								*/

#main .vcard {
		padding:0;
		margin:0 0 1.5em 0;
		font-size: 1.1em;
		line-height:1.3em;
		}

/*		faculty hcard styles 									*/

#main table.facultyListing .vcard {		/*	vcard surrounds the listing	*/
    	margin-top: 1.22em;
    	font-size: .9em;
		}

#main table.facultyListing .fn {		/*	fn is the faculty name		*/
    	font-size: 1.22em;
		}

/*		address hcard styles									*/

/*		NOTE: This code replaces all code for #contact and
		<address> and combines them together.					*/
		
#navbar address {
		line-height: 1em;
		font-size: .9em;
		font-style:normal;
		margin: 0;
		margin-top: 30px;
    	margin-bottom: 30px;
		padding: 0;
		}
		
#navbar .fn {					/*	bold the dept. name			*/
		font-weight: bold;
		}

		
/*		HEADER STYLES							*/

#header img {
		display:block;
		}
		
		/* CODE FROM TIM - YET TO BE INTEGRATED */
/* Secondary navigation (different navigation from "second level"--to make
it from a simple, unordered list to an actual navigation bar (e.g. tabs). */


#secondarynav ul{
		width:960px;
		border-bottom:1px solid #000;
		float:left;
		background:#2d5380;
		}

#secondarynav li{
		float:left;	
		}

#secondarynav ul .first a{
		background:none;
		}

#secondarynav ul a{
		display:block;
		padding:0 2em;
		line-height:2.1em;
		background:#2d5380;
		text-decoration:none;
		color:#fff;
		}

#secondarynav ul a:hover{
		color: #333;
		}


/*form styles-----------------------------------------------------*/

fieldset{
		margin:0 0 10px 0;
		padding:10px 10px 10px 10px;
		border:2px solid #d8e2a8;
		}

legend{
		margin: 0 0 0 1em;
		color:#2d5380;
		font-weight:bold;
		}

form ol{
		margin:0 0 0 0;
		padding: 0 0 0 0;
		list-style: none;
		}

form li{
		line-height:1.5em;
		padding:0 0 10px 10px;
		margin: 0 0 0 0;
		}

.focused{
		background-color:#d8e2a8 !important;
		}

fieldset.submit{
		border-style:none;
		}

label{
		display:block;
		font-weight:bold;
		}

.altlabel{
		display:inline;
		}

.required{
		color:#f50003;
		}

.formalert{
		background-color:#ffb3b3;
		}

.nobulletslist{
		margin:0 0 0 0;
		padding:0 0 0 0;
		list-style:none;
		}
		
		
/*		SEARCH STYLES  											*/

#search {
		margin:20px 0 0 0;
		}

#search input {
		margin:0 0.3em;
		}
		
#navbar form input.txt {
		width:220px;
		font-size:10px;
		}									

#navbar form {
		margin:1em 0 0 0 ;
		}
		
/*		NEW TYPOGRAPHY											*/

/* superscripts: displays without nudging lines around */
sup {
	font-size: 0.7em;
	vertical-align:top;
}

/* subscripts: displays without nudging lines around */
sub {
	font-size: 0.7em;
	vertical-align:bottom;
}

/* good for lists of footnotes. Although could be added to <p> */
.footnotes {
	margin:0;
	padding:0;
	font-size:0.7em;
	border-top:1px solid #ccc;
	}
	
/* removes bullets from an unordered list for custom footnotes signs (*, +, etc) 
   ol's use numbers, which is standard for academic footnotes. */

ul.footnotes li {
	list-style:none;
	}
	
ol.footnotes li {
	list-style:decimal;
	}
	
/* nudge the <li>'s to the left, so they don't look like a normal list */
.footnotes li {
	margin-left: -20px;
	font-size: 0.7em;
	}
	
ul.footnotes li {
	margin-left:-35px
	}
	
/* .even and .odd are for zebra striping. Javascript can be used for automation */
tr.even {
	background-color:#fff;
	}
	
tr.odd {
	background-color:#eee;
	}
	
/* de-centers any table headers */
th {
	text-align:left;
	padding-bottom:4px;
	}
	
/* remove tags from the quote tag (<q>) so that all browsers are the same */

q:before, q:after {
    content: "";
	}
	
/* semantically marks acronyms. removes the standard dotted underline, but remember to use the title attribute to define the acronym */

acronym {
	border-bottom:none;
	}

/* makes dl's and their contents the same as paragraphs (size wise). */

dl, dt, dd {
		font-size: 1.05em;
		line-height:1.3em;
	}	
	
/* outline list, uses nested OL's with strict hierarchy. goes to six levels deep, and then continues with lower greek characters */

ol.outline li {
	list-style:upper-roman;
	}

ol.outline ol li {
	list-style:upper-latin;
	}

ol.outline ol ol li {
	list-style:decimal;
	}

ol.outline ol ol ol li {
	list-style:lower-roman;
	}

ol.outline ol ol ol ol li {
	list-style:lower-latin;
	}

ol.outline ol ol ol ol ol li {
	list-style:lower-greek;
	}
	
/* classes that align and float images */
/* can also use this class for div's with images and captions */

.left {
	float:left;
	padding:0;
	margin:5px 5px 5px 0;
	}
	
.right {
	float:right;
	padding:0;
	margin:5px 0 5px 5px;
	}
	
/* remove any paragraph margins to make the text flow better */
	
.left p,
.right p {
	margin:0;
	}
	
/* right-align paragraphs for .right's */

.right p {
	text-align:right;
	}
	
/* makes captions smaller */

.caption {
	font-size:.9em;
	}
	
/* styles the captions of tables (really the top line) as bold. hardly ever used. */

caption {
	font-weight:bold;
	text-transform:uppercase;
	}
	
/* use class=indent when something needs to be indented, but where blockquote would be semantically incorrect. */

.indent {
	padding-left: 40px;
	}
	
/* style the blockquote so it shows a quotation */

blockquote {
	border-left:1px solid #ccc;
	margin-left:30px;
	padding-left:10px;
	background: url(../img/quoteright.gif) right bottom no-repeat;
	}
	
/* 	PULLQUOTE STYLES	*/

.pull, .pullbar {
	border: 1px solid #1a3366;
	border-width: 1px 0;
	padding: 10px;
	background: #f7f7f7 url(../img/quote.gif) left top no-repeat;
	font-family:Garamond, "Times New Roman", Times, serif;
}
#main .pull {
	width: 180px;
	float:right;
	margin:6px;
	margin-right:0;
	font-size:1.25em;
	}
	
#sidebar .pull {
	width:160px;
	margin:0;
	font-size:1em;
	}
	
.pullbar {
	width:96%;
	margin:20px 0;
	font-size:1.1em;
	}
	
p.pullbar {
	font-size:1.2em;
	}
	
.pull cite,
.pullbar cite {
	color:#1a3366;
	font-style:normal;
	font-size:1.1em;
	}
	
body {
	padding-left:20px;
	padding-right:20px;
	}
	
/* The new Brown Bar code */

#brownbar {
	width:100%;
	height:30px;
	background:url(../img/brown-bar.gif) top left repeat-x;
	}