/* Based upon Blueprint, v0.6 */

/* -------------------------------------------------------------- 
   * Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* -------------------------------------------------------------- 
   * Sets up some sensible default typography.
-------------------------------------------------------------- */
/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; line-height: 1.5; /* Default fonts and colors. */
  color: #000; font-family: Verdana, Tahoma, sans-serif; }


/* Headings
-------------------------------------------------------------- */
h1 { color: /*#fa7c10;*/ #000000; font-size: 1.3em; line-height: 1; font-weight: bold; margin-bottom: 0.5em; }
h2 { color: #262626; font-size: 0.9167em; line-height: 1.25; margin-bottom: 10px; font-family: Helvetica, Arial, sans-serif; }


/* Text elements
-------------------------------------------------------------- */
#content h2			 { font:bold 1.2em Verdana; }
#content p           { margin: 0 0 1em; }
#content p.last      { margin-bottom: 0; }

#content ul, ol      { margin: 0; padding: 0; }
#content ul          { list-style-type: none; }
#content ol          { list-style-type: decimal; }
#content dl          { margin: 0 0 1em; }
#content dl dt       { font-weight: bold; }
#content dd          { margin-left: 1.5em;}

#content abbr, 
#content acronym     { border-bottom: 1px dotted #666; }
#content address     { margin-top: 1.5em; font-style: italic; }
#content del         { color: #666; }


#content a           { color: #06c; text-decoration: none; }
#content #text a:visited   { color: #7bb0e5; text-decoration: none; }
#content a:focus, 
#content a:hover     { color: /*#f60;*/ #549a43; }


/*#content blockquote  { margin: 1.5em; color: #4a4b4b; }*/
#content strong      { font-weight: bold; }
#content em,#content dfn      { font-style: italic; background: #ffc; }
#content dfn         { font-weight: bold; }
#content pre,#content code    { margin: 1.5em 0; white-space: pre; }
#content pre,#content code,#content tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
#content tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */
#content table   { margin-bottom: 1.4em; border-right:0px solid #ccc; border-top:0px solid #ccc; }
#content th      { border-bottom: 2px solid #ccc; font-weight: bold; }
/*#content td      { border-bottom: 1px solid #ddd; }*/
#content th,#content td   { padding: 4px 10px 4px 10px; border-left:0px solid #ccc; border-bottom:0px solid #ccc;}
#content tfoot   { font-style: italic; }
#content caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */
.small      { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide	{ display: none; }
.skip	{ position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; border: none; font-size: 0; }
.highlight  { background: #ff0; }
.added      { color: #060; }
.removed	{ color: #900; }

.top        { margin-top: 0; padding-top: 0; }
.bottom     { margin-bottom: 0; padding-bottom: 0; }
.left	{ float: left; margin: 0 10px 10px 0; }
.right	{ float: right; margin: 0 0 10px 10px; }
.caption { margin: 0; padding: 2px 4px; font-size: 0.8333em; text-align: center; font-style: italic; }

.more { text-transform: uppercase; float: right; }
.more a { background: url('/css/i/more.gif') no-repeat 100% 50%; padding-right: 25px; }



/* -------------------------------------------------------------- 
   * Sets up the basic structure.
-------------------------------------------------------------- */
body { background-color: #386eb0; text-align: center; margin-bottom: 40px; }
#wrapper { text-align: left; margin: 0 auto; background: #fff url('/css/i/bg-wrapper.gif') repeat-y; width: 828px; padding-bottom: 10px; }
#masthead { position: relative; width: 828px; height: 135px; background: url('/css/i/bg-masthead.gif') no-repeat; padding-top: 21px; }

	#masthead p#logo { background: url('/css/i/logo.gif'); width: 191px; height: 134px; display: block; text-indent: -2000px; margin: 0; padding: 0; position: absolute; top: 20px; left: 14px; }
	#masthead p#logo a { width: 191px; height: 134px; display: block; }
	#masthead p#tagline { width: 607px; height: 135px; display: block; background: url('/css/i/masthead01.jpg'); position: absolute; top: 21px; left: 206px; }
	body#secondary #masthead p#tagline { background: url('/css/i/masthead02.jpg'); }
	body#tertiary #masthead p#tagline { background: url('/css/i/masthead03.jpg'); }
	#masthead p#tagline span { position: absolute; bottom: 5px; right: 20px; color: #fff; font-size: 2.2em; text-align:right;}

#content { background: url(/css/i/bg-nav.gif) repeat-y; position: relative; width: 798px; margin: 0 auto; border: 1px solid #0c3f78; border-width: 8px 0; /*min-height: 828px; */overflow:hidden;}

#main { margin: 10px 15px 0pt 206px; width: 577px; float: left; }

#main #text ul, #main #text ol { margin:10px;}
#main #text ul li { list-style-type:disc; margin: 10px 0  10px 25px;}
#main #text ol li { margin: 10px 0  10px 25px;}

#main #text h2			 { font:bold 1.2em Verdana; }

/* News  boxes */
.news { clear: right; overflow: hidden; }
.news h2 { background: #0c3f78 url('/css/i/bg-headings.gif') repeat-y 25% 0; color: #fff; padding: 5px; margin-bottom:0px;}
.news h2 span { background: url('/css/i/more-heading.gif') no-repeat 100% 50%; padding-right: 40px; }
.news h2 a span {color:#fff;}
.news h2 b { font-weight: bold;  }
.news p { text-align: left; padding: 10px; margin-top: 20px !important; }
.kudos { text-align: left; font-size: 0.667em; width: 350px; padding: 0px 15px 0px 15px; margin:0; }


/*Newsfeed on the homepage */
#newsfeed
{
	height:18px;
	overflow:hidden;
	color:#06c;
	font-size:0.8em;
	padding:2px;
}	


#main #text .news ul { overflow: hidden; font-size: 0.667em; background: url('/css/i/bg-news.gif') repeat-x; margin:0; margin-top: 1px; min-height: 180px; }

	#main #text .news li { float: left; width: 110px; min-height:195px; height: auto; padding: 15px 15px 0 15px; margin:0; list-style-type:none;}

	#main #text .news li img
	{
		border:1px solid #3f7eb3;
	}
	/*#main #text .news li { float: left; width: 110px; height:110px; background-repeat: no-repeat; background-position: 16px 10px; padding: 60px 15px 0 15px; margin:0; list-style-type:none;}
	#news01 { background-image: url('/css/i/news01.jpg'); }
	#news02 { background-image: url('/css/i/news02.jpg'); }
	#news03 { background-image: url('/css/i/news03.jpg'); }
	#news04 { background-image: url('/css/i/news04.jpg'); }
	
	#news05 { background-image: url('/css/i/news05.jpg'); }
	#news06 { background-image: url('/css/i/news06.jpg'); }
	#news07 { background-image: url('/css/i/news07.jpg'); }
	#news08 { background-image: url('/css/i/news08.jpg'); }
	#news09 { background-image: url('/css/i/news09.jpg'); }
	#news10 { background-image: url('/css/i/news10.jpg'); }
	*/
	body#secondary #news08 { clear: left; }

.news dl { overflow: hidden; background: url('/css/i/bg-news.gif') repeat-x; margin-top: 1px; padding: 0 16px 16px; }
.news dt { clear: left; color: #036; font-size: 1.167em; padding-top: 1em; }
.news dd { margin-left: 75px; font-weight: bold; }
.news dd.date { float: left; width: 50px; font-weight: normal; margin-left: 15px; }
.news dd.more { float: right; }
.news dl a { display: block; }


/* Working and Webmaster */
.working { clear: right; overflow: hidden;}
.working h2 { background: #0c3f78 url('/css/i/bg-headings.gif') repeat-y 25% 0; color: #fff; padding: 5px;font-size: 1.22em;  }
.working h2 span { background: url('/css/i/more-heading.gif') no-repeat 100% 50%; padding-right: 40px; }
.working h2 b { font-weight: bold;  }
.working p { text-align: center; padding: 10px; float:left; width: 110px;}
.working h2 b { font-weight: bold;  }
.working div { overflow: hidden; background: url('/css/i/bg-news.gif') repeat-x; margin-top: 1px; min-height: 150px; text-align:center;}
.working li { float: left; width: 110px; background-repeat: no-repeat; background-position: 16px 10px; padding: 60px 16px 0; }


.working p.three_row{  width:120px; }
	
/*
.working p { float: left; width: 105px; background-repeat: no-repeat; background-position: 36px 10px; padding: 60px 16px 0; }
	.working #diversity{  background-image: url('/css/i/diversity.jpg'); }
	.working #work-life{  background-image: url('/css/i/work-life.jpg'); }
	.working #on-campus{  background-image: url('/css/i/on_campus.jpg'); }
	.working #positions{  background-image: url('/css/i/positions.jpg'); }
	.working #contact{  background-image: url('/css/i/contact.jpg'); }
	.working #international{  background-image: url('/css/i/international.jpg'); }
	.working #postdoctoral{  background-image: url('/css/i/postdoctoral.jpg'); }
	.working #employment{  background-image: url('/css/i/verification.jpg'); }
	.working #california{  background-image: url('/css/i/california_campus.jpg'); }
	.working #florida{  background-image: url('/css/i/florida_campus.jpg'); }
	.working #mapquest{  background-image: url('/css/i/mapquest.jpg'); }
*/


/* Sidebar (for pages that have it) */
#sidebar img { margin: 0; vertical-align: bottom; }
#sidebar li { margin-bottom: 1px; margin-top:0px; }
#sidebar p { margin: 0; padding: 0 10px; }
#sidebar h3 { font-weight: bold; font-size: 1.333em; margin-bottom: 5px; padding: 10px 10px 0; }
#support { background: #a8d252 url(/css/i/bg-support.gif) repeat-x; min-height: 114px; }

#main #text #sidebar li { margin:0; list-style-type:none; margin-bottom: 1px; }


#support h3 { color: #fff; }
	#donate a { background: url('/css/i/donate.gif') no-repeat; margin: 5px auto; display: block; text-indent: -2000px; width: 125px; height: 31px; } 
#inform { background: url(/css/i/bg-inform.gif) repeat-x; min-height: 140px; text-align: left; }
#inform h3 { color: #386eb0; background: url('/css/i/newsletter.gif') no-repeat 5px 20px; padding: 20px 0 80px 84px; }
	#inform p { margin: -80px 0 0; padding-left: 84px; } 
	#inform #subscribe { margin-top: 8px; padding-left: 35px; } 
	#subscribe a { background: url('/css/i/subscribe.gif') no-repeat; margin: 5px auto; display: block; text-indent: -2000px; width: 111px; height: 27px; } 
	

#friend { background: url(/css/i/bg-friend.gif) repeat-x; min-height: 140px; text-align: center; }
	#friend p { padding-top: 10px; } 
	p#tellfriend { padding: 0; }
	#tellfriend a { background: url('/css/i/tellafriend.gif') no-repeat; margin: 5px auto; display: block; text-indent: -2000px; width: 148px; height: 33px; } 



/* Left navigation */
#content #nav { width: 191px; float: left; margin-left: -798px; padding: 10px 0; }
	#content #nav ul { list-style-image: none; list-style: none; }
	#content #nav li { font-size: 1em; line-height: 85%; font-weight: bold; position: relative; }
	#nav li a { padding: 4px 0 4px 20px; display: block; color: #06c; margin: 0; }
	#nav li a:hover { color: /*#f60; */ #549a43; }

	/* Left nav hover menu */ 
	/*#nav ul li ul { display: none; background: #69c; border: 1px solid #d2dded; border-width: 1px 1px 0; width: 185px; margin: 0; position: absolute; top: 0; left: 170px; }
	#nav ul li:hover ul, #nav ul li.hover ul { display: block; }
	*/
	/*---IE 7 bug workaround, added by Tanya, Aug 27----*/
	#nav ul li ul { left: -999em; background: #69c; border: 1px solid #d2dded; border-width: 1px 1px 0; width: 185px; margin: 0; position: absolute; top: 0; }
	#nav ul li:hover ul { left: 170px;}

	#nav ul li:hover ul li, #nav ul li.hover ul li { display: block; border-bottom: 1px solid #d2dded; margin: 0; }
	#nav ul li:hover ul li a, #nav ul li.hover ul li a { font-weight: normal; font-size: 1em; color: #fff; padding: 4px 10px 3px; }
	#nav ul li:hover ul li a:hover, #nav ul li.hover ul li a:hover { color: #fff; background-color: /*#f93;*/ #a4cf51; }
	
		/* Left nav hover submenu */ 
		#nav ul li ul li ul,
		#nav ul li:hover ul li ul, #nav ul li.hover ul li ul { display: none; }
		#nav ul li:hover ul li:hover ul, #nav ul li.hover ul li.hover ul { display: block; top: -1px; left: 185px; }

	  /* Left nav hover submenu */ 
		#nav ul li ul li ul li ul,
		#nav ul li:hover ul li ul li ul, #nav ul li.hover ul li ul li,
		#nav ul li:hover ul li:hover ul li ul, #nav ul li.hover ul li.hover ul li ul { display: none; }
		#nav ul li:hover ul li:hover ul li:hover ul, #nav ul li.hover ul li.hover ul li.hover ul{ display: block; top: -1px; left: 185px; }
	
	

/* Right Subnavigation */

#right_subnav ul {margin:30px 0 0 5px; list-style: none; list-style-image:none; padding:0; text-align:left;}
#right_subnav ul li {padding:0; margin:0; margin-bottom:7px; font-size: 1em; font-weight: bold; position: relative;}
#right_subnav ul li a { padding:0 0 0 12px; display: block; color: #06c; background: url('/css/i/bullet.gif') 0% 50% no-repeat;}


/* Footer */
#footer { margin: 0 auto; width: 828px; background: url('/css/i/bg-footer.gif') no-repeat; }
	#footer p { color: #999; padding: 0; margin: 0 auto; width: 798px;  }
	#footer p#links { font-size: 0.9167em; padding: 0; }
	#footer a { color: #408cd9; text-decoration: none; padding: 0; }
	#footer a:hover { text-decoration: underline; }
	#footer .vcard { color: #fff; padding-top: 30px; }
	
	

/* -------------------------------------------------------------- 
   * Home Page Styling.
-------------------------------------------------------------- */
body#home #masthead p#tagline span { left: 10px; font-size: 2em; text-decoration: none; }
body#home #masthead p#tagline a { text-decoration: none; }

body#home h1 { margin-top: 15px; }
body#home #main { font-size: 1.333em; }
body#home #main p.desc{ font-size: 0.9em; }

body#home #sidebar { width: 250px; float: right; margin: -10px -15px 0 0; text-align: center; font-size: 0.667em; }

body#home #inform #subscribe a { background: url('/css/i/subscribe.gif') no-repeat; margin: 5px auto; margin-left:50px; display: block; text-indent: -2000px; width: 111px; height: 27px; } 

/* -------------------------------------------------------------- 
   * Secondary and Tertiary Page Styling.
   * Secondary = two columns
   * Tertiary = three columns
-------------------------------------------------------------- */
/* Breadcrumbs */
ul#crumb { font-size: 0.75em; margin: 0 0 6px -5px; }
ul#crumb li { display: inline; background: url('/css/i/breadcrumb.gif') 100% 3px no-repeat; padding: 0 15px 0 5px; }
ul#crumb li.last { background: 0 none; }
ul#crumb a { text-decoration: none; }
ul#crumb li.last a { font-weight: bold; cursor: default; }


/*
#content blockquote { margin: 0 60px; background: #0c3f78; color: #fff; font-weight: bold; text-align: center; }
#content blockquote p { padding: 10px 15px; }
*/


body#secondary #main { margin-bottom: 30px; width: 425px; font-size: 1em; }
body#tertiary #main { margin-bottom: 30px; font-size: 1em; }

body#secondary .news h2 { font-size: 1.22em; }
body#secondary .news li { width: 109px; min-height: 80px; font-size: 1.333em; }


body#secondary #sidebar { float: left; width: 152px; font-size: 1em; text-align: center; }
	body#secondary #sidebar p { margin: 0; padding-bottom: 10px; }
	body#secondary #donate a { margin-bottom: 0; }

	body#secondary #inform { background: url(/css/i/bg-inform.gif) repeat-x; text-align: center; }
		body#secondary #inform h3 { background: url('/css/i/newsletter.gif') no-repeat 50% 35px; padding: 10px 5px 95px; }
		body#secondary #inform p { padding: 0 10px 5px; } 


body#secondary .cover
{
	font-size:10px;clear:both;height:210px;vertical-align:top;
}

body#secondary .cover img
{
	float:left;border:1px solid #ccc; margin-right:10px; margin-bottom:10px;
}

body#secondary #main #text h3{margin:5px 0; font-size:1.1em; font-weight:bold;}
body#secondary #main #text em
{
	background-color:#fff;
}

div.newsviews	h3
{
	/*color:#fa7c10;*/
	color:#000000;
	font-weight:bold;
	font-size:1.5em;
}


/*-----content text styles----------*/
.style6 /*--smaller font---*/
{
	font-size:0.8em;

}

.newsfloatright /*--news & views floating paragraphs---*/
{
	font-size:0.8em;
	float:right;
	width:220px;
	margin:0;
	padding:0;
	padding-left:10px;

}

.newsquote
{
	float:right;
	width:200px;
	display:block;
	padding-left:10px;
	font-weight:bold;
	font-style:italic;
	border-top:1px solid #ccc;
	padding-top:7px;
	margin-left:15px;
	border-bottom:1px solid #ccc;
	padding-bottom:7px;
}
.newsquoteauthor
{
	float:right;
	width:200px;
	display:block;
	padding-left:20px;
	text-align:right;
	font-weight:bold;

}

img.donor_img
{
	float:left;
	margin-right:10px;
	margin-bottom:7px;
}

#social-fb a {width:170px;}