/* 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;
		width:960px;
		border:1px solid #000;  
		}
		
		
#header {
		float:left;
		width:960px;
		border:1px solid #000;
		border-top:none;
		}

#header #brownbar img#shield {
		float:right;
		margin-top:-30px;
		}

#content {
		float:left;
		width:960px;
		margin:0;
		padding:0;
		padding-top:10px;
		border-top:none;
		}

#navbar {
		float:left;
		width:214px;
		padding-top:20px;
		font-size:1.1em;
		margin-left: 15px;
		}

#main {
		width:460px;
		float:left;
		padding-top:20px;
		margin-left: 15px;
		}

#sidebar {
		width:210px;
		float:right;
		padding-top:20px;
		border-left:0;
		line-height:1.3em;
		font-size:.9em;
		margin-right: 15px;
`		}

#footer {
		clear:both;
		width:960px;
		margin:0 auto 0 auto;
		}


/*		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;
    	font-weight:bold;
		}

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

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

h6 {
		margin:0 0 5px 0;
		padding:0;
		font-size:.95em;
    	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;
		}

em { font-style: italic; }
strong {
	  font-weight:bold;
}

/* hide the name of the department */



#header div#organization-unit 
			{
	
			margin-left:-32767px;margin-top:-100px;

			}

			
#header div#organization-unit 
			{
			display:block; 
			position:relative; 
			width:750px; 
			height:120px;
			left:12px;
			top:90px;
			}
/* Styles from the old template carried over: */

/* font styles for sidebar */

#sidebar h1 	{ font-size:1.2em; font-weight:bold; margin-top: 3px; }
#sidebar h2     { font-size:1.1em; font-weight:bold; margin-top: 3px; }
#sidebar h3     { font-size:1.0em; font-weight:bold; margin-top: 3px; }
#sidebar h4     { font-size:0.9em; font-weight:bold; margin-top: 3px; }
#sidebar h5     { font-size:0.8em; font-weight:bold; margin-top: 3px; }
#sidebar h6     { font-size:0.7em; font-weight:bold; margin-top: 3px; }

#sidebar ul {
	list-style: square;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}
/*
#sidebar ul li:before {
	content: "\00BB \0020";
	}
*/

#sidebar ul li {
	 margin-bottom: 3px;
}

#sidebar p {
	 margin-top:  3px;
	 margin-bottom: 3px;
}

/*		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:530px;
		}	
	
#main table.facultyListing td {
		width:50%;
		padding-right:20px;
		}
		
	/* for faculty listings only */
#main table.facultyListing tr td p.facultyname {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-transform: none;
}


#main table.facultyListing tr td p.facultytitle {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}

#main table.facultyListing tr td p.facultycontact {
    padding-top: 0;
    margin-top: 0px;
    margin-bottom: 16px;
    font-size: 11px;
}
	
/*		LIST STYLES								*/

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

#main ol {
		list-style:decimal;
		}

#main ul li,
#main ol li {
		font-size:1.1em;
		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											*/



#navbar ul li {
		font-weight:bold;
		font-size:1em;
	    margin-top: 10px;
    	margin-bottom: 10px;
    	font-weight: bold;
    	line-height: 105%;
    	/*text-transform: uppercase;*/
		}
/*    second level styling   */
#navbar ul ul li {
		margin-top:0;
		margin-left:1.5em;  
		font-weight:bold;
		margin-bottom:6px;
		font-size:1em;
		text-transform:none;
		}
/*
#navbar ul ul ul {
		margin-top:10px;
		margin-bottom: 10px;
		}   */
/* third level styling */
#navbar ul ul ul li {
		margin-left:3.0em;
		font-weight:bold;
		margin-bottom:6px;
		font-size:1em;
		text-transform:none;
		list-style-type: square;	}
		

/*		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 #contact {
		margin-top:30px;
		margin-bottom:30px;
		}

#navbar #contact p {
		line-height: 1.1em;
		font-size: .9em;
		font-style:normal;
		margin: 0;
		padding: 0;
		}
		
#navbar .fn {					/*	bold the dept. name			*/
		font-weight: bold;
		}

ul#servicelink,
#navbar ul.servicelink {
    margin-top: 20px;
    border-top: 1px solid #aaa;
    padding-top: 10px;
}	
/*		HEADER STYLES							*/

#header img {
		display:block;
		}
		
/*		FOOTER STYLES							*/

#footer {
		text-align:left;
		margin:0 auto 0 auto;
		padding:8px 0 0 32px;
		font-size:.8em;
		color:#555;
		}

#footer a:link,
#footer a:visited {
		color:#555;
		}


#endbar {
    clear: left;
    width: 960px;
    margin: 0;
    padding: 0 20px;
    border: 0;
    text-align: left;
    height: 0;
/*  background-color: #FFF;  */
}


		/* 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;
		}
		
/*      SIDEBAR LISTS added 10-14-10    */

#sidebar ul li {
	list-style-position: outside;
	text-indent: 0px;  
}
#sidebar h3 {
	 padding-top: 10px;
}


		
/*		SEARCH STYLES  											*/

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

#search input {
		margin:0 0.3em;
		}
		
#navbar form input.txt {
		width:120px;
		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	*/

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

#content {
	position: relative;
}
#web-feedback-container {
	border: 1px solid #3a1e1a;
	border-width: 3px 0 0;
	background-color: #fff;
	width: 940px;
	margin: 0 auto;
	padding: 10px;
	position: absolute;
	bottom: 0; left: 0;
	z-index: 9;
	}
#web-feedback-container textarea, #web-feedback-container h5 {
	display: block;
	width: 920px;
	}
#web-feedback-loader {
	display: block;
	margin: 10px auto;
	}
#limit-notice {
	font-size: .95em;
}
/*  END FEEDBACK JAVASCRIPT  */



/* calendar styles  */

#main #calendar ul li h4 {  	 margin-bottom: 0; margin-top: 12px; font-weight:bold;  }

#main #calendar ul li .ev-times {  font-weight:bold; display:block; }

#main #calendar ul li .ev-description {   display:block; }

#main #calendar ul li .ev-location  {display:block; }


/* IE6 hack */

* html body #wrapper {
		width: expression((document.body.clientWidth < 1003) ? "760px" :  
		"960px");
}		

	
/* PDF icon */
a[href$=".pdf"] 

{
padding-left: 15px;
background-color: transparent;
background-image: url(http://www.brown.edu/Templates/common/img/pdf.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 50%;
}