/*==================================================================
  Style Sheet

  filename: style.css
  theme name: studio
  author: Henry Umansky & Michael Muzzie
  email: humansky@princeton.edu, mdmuzzie@princeton.edu
==================================================================*/

/* General
========================================================*/
*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Arial, sans-serif;
	font-size: small;
	line-height: 1.3em;
	font-weight: normal;
	background: #fff;
	color: #333;
	text-align: center;
}

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

a:link img,
a:active img,
a:visited img,
a:hover img
{
	border: none;
}

a:hover
{ 
	color: #808080;
	background-color: transparent;
	text-decoration: none;
}

#toolbar,
#logobar,
#banner,
#navalpha,
#breadcrumbs,
#main,
#footer
{
	width: 760px;
	text-align: left;
	margin: 0 auto;
}

.component-spacing
{
	height: 1em;
	line-height: 1em;
}

.skiplink
{
	position: absolute; 
	left: -1000em; 
	width: 20em;
}

/* Toolbar
========================================================*/
#toolbar
{
	font-size: .8em;
	padding: 5px 0;
	text-align: right;
	border-bottom: 1px solid #fff;
	/*width: 588px;*/
}

#toolbar ul
{
	list-style: none;

}

#toolbar li
{ 
	display: inline;
}

#toolbar a
{
	text-decoration: none;
	color: #333;
	border-right: 1px solid;
	padding: 0 6px;
}

#toolbar a.first 
{ 
	border-left: 1px solid;
}

#toolbar a:hover
{
	color: #F60;
}


/* Logobar
========================================================*/
#logobarcontainer
{
	display: block;
}

#logobar
{
	padding: 5px 0 20px 0;
}

#logobarphoto
{
	float: left;
        padding: 0 10px 0 0;
}

#logobarlogo
{
	float: right;
}

/* Banner
========================================================*/
#bannercontainer
{
	clear: both;
}

#bannerlogo
{
        position: relative;
	float: left;
	width: 160px;
	height: 55px;
}

#bannerphoto
{
	float: right;
	background: url(../images/PFCRL-banner.jpg) no-repeat top left;
	height: 103px;
	width: 588px;
}

/* NavAlpha
========================================================*/
#navalphacontainer
{
	clear: both;
	background: #6f6363;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#navalpha ul
{
	list-style: none;
}

#navalpha ul li	
{
	display: inline;
	font-family: "Lucida Grande", Verdana, "bitstream vera sans", Arial, sans-serif;
	font-size: 1em;
	line-height: 2.3em;
	text-transform: capitalize;
}

#navalpha ul li a	
{
	margin-right: 12px;
	text-decoration: none;
	color: white;
}

#navalpha ul li a:hover,
#navalpha ul li.selected a,
#navalpha ul li.unfolded a
{
	color: #fe7;
}

#navalpha ul li a.selected
{
	cursor: default;
}

/* Quicklinks
========================================================*/
#quicklinks
{
	display: none;
}

/* Breadcrumbs
========================================================*/
#home #breadcrumbscontainer
{
	display: none;
}

#breadcrumbscontainer
{
	border-bottom: 1px solid #999;
}

#breadcrumbs
{
	height: 32px;
}

#breadcrumbs a
{
	float: right;
}

/* Main
========================================================*/
#maincontainer
{
	padding: 14px 0 2em 0;
}

#main
{
	min-height: 300px;
	font-size: 95%;
}

h1#deptname  {
	display: none;
}

/* Nav Beta
========================================================*/
#navbeta
{
	float: left;
	font-size: 90%;
	margin-top: 1px;
}

#navbeta ul
{
	list-style: none;
	width: 140px;
	font-weight: normal;
}

#navbeta li
{
	line-height: 1.1em;
	margin: .5em 0;
}

#navbeta ul ul li
{
	padding-left: 1em;
}

#navbeta ul li.divider_0,
#navbeta ul li.divider_1,
#navbeta ul li.divider_2,
#navbeta ul li.divider_3,
#navbeta ul li.divider_4
{
	height: 10px;
	line-height: 10px;
}

#navbeta ul li.selected a
{
	color: #999;
}

#navbeta ul li.selected ul a
{
	color: #f60;
}

#navbeta ul li.disabled a
{
	color: #bbb;
	border-top: dotted 1px #bbb;
	border-bottom: dotted 1px #bbb;
}


/* Content
========================================================*/
#contentcontainer
{
	float: right;
	width: 595px;
	padding: 0 0 2em 0;
}

#contentcontainer h1, #contentcontainer h2, #contentcontainer h3
{
	font-size: 105%;
	color: #666;
}

#content
{
	float: left;
	clear: both;
	width: 415px;
	padding: 0 8px 0 0;
	overflow: hidden;
}

#content strong, #content b
{
	color: #444;
}


#content h2
{
	font-size: 120%;
	color: #666;
	margin-bottom: .15em;
}


#content h3
{
	font-size: 110%;
	display: inline;
	color: #999;
}


#content p
{
	margin-bottom: 1.5em;
}

#content ul
{
	margin: 1.1em;
}

#content ol
{
	margin: 1em;
	padding-left: 1em;
}

#content ul li
{
	padding-left: 12px;
}

#content ul ul
{
	margin: 0 0 0 2em;
}

#content ol ol,
{
	margin-left: 0 0 0 2em;
	padding-left: 2em;
}

#content hr {
	margin-bottom: 1em;
}

.right-content 
{
	display: none;
}

tr.first
{
	background-color: #ccc;
}

tr.odd
{
	background-color: #eee;
}


/* Subcontent
========================================================*/
#subcontent
{
	font-size: 90%;
	line-height: 1.2em;
	float: left;
	padding: 0 0 14px 6px;
	width: 165px;
	overflow:hidden;
}

#subcontent h3
{
	font-size: 115%;
	margin-bottom: 1.15em;
	color: #999;
}

#subcontent p
{
	margin-bottom: 1em;
}

#subcontent .caption
{
	margin-bottom: 1em;
}

#subcontent ul
{
	list-style: none;
}

#subcontent ul li
{
	margin: 0 0 18px 0;
}

#subcontent ul li a
{
	padding-left: 11px;
	background: url("../images/highlights_bullet.gif") no-repeat center left;
}

#subcontent ul li a:hover
{
	background: url("../images/highlights_bullet_hover.gif") no-repeat center left;
}

#subcontent .caption
{
	/*text-align: left;*/
}

#subcontent .bullet
{
	display: none;
}

#subcontent .icon
{
	float: left;
	width: 1em;
	height: 1.3em;
	background: url("../images/highlights_bullet.gif") no-repeat 0 4px;
}

#subcontent .icon img
{
	display: none;
}

/* Footer
========================================================*/
#footer
{
	clear: both;
	border-top: 1px solid #999;
	font-size: .7em;
	line-height: 1.2em;
}

#footerlogo a
{
	display: block;
	float: left;
	width: 22px;
	height: 33px;
	background: url("http://www.princeton.edu/wwwdept_themes/common/images/pu_footer_logo.gif") no-repeat center;
	margin: 0 11px 1em 0;
}

a:link.editmode,
a:visited.editmode,
a:hover.editmode,
a:active.editmode
{
	color: red;
}
a:hover.editmode
{
	text-decoration: underline;
}

.admin
{
position: absolute;
top: 10px;
left: 10px;
background-color: white;
border: dotted 1px #D7BC4E;
font-size: 75%;
padding: 2px;
line-height: 0.75em;
z-index: 0;
}