/* Styles for FAS
ITS Web Services, Yale University
CSS styles by Victor Velt <victor.velt@yale.edu>
7-14-06, version 9 (VV)
--------------------------------------------------------------- */

/*	QuickFind:
	=Layout
	=Clears & min-height
	=Breadcrumb Trail
	=Fonts in Content column
	=Sidebar
	=Photos in Content column
	=Presentational Styles
	=Nav Bar
	=Topper
	=Search
	=Magic-Y Menu
	=Footer Content

*/

/* =Layout
-------------------------------------------------------- */
body { 
margin: 0;
padding: 0;
/* background: #ccc url(../images/page_bkgd.gif) repeat; */
background: #fff url() no-repeat fixed left top;
text-align: center; /* helps IE center container */
}

a { color: #369; }
a:hover { color: #39f; }
a:active { color: #000; }

#container {
width: 780px;
padding: 0;
margin: 0 auto;
text-align: left; /* resets all to align left */
/* background: #fff url(../images/container_bkgd.gif) repeat-y;
border: solid #c3c8ce;
border-width: 0 1px 2px 1px; */
margin-bottom: 10px;
background-color: #fff;
}

#banner {
background-color: #fff;
}

#banner img {
display: block;
}

#banner h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 26px;
color: #369;
margin: 0;
padding: 8px 0 12px 15px;
}

#banner h1 a {
color: #369;
text-decoration: none;
}

#banner h1 a:hover {
color: #39f;
text-decoration: underline;
}

#banner h1 a:active { 
color: #999; 
}

#banner h1.twoline {
padding-bottom: 5px;
}

#banner h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 17px;
color: #369;
margin: 0;
padding: 0 0 12px 15px;
}

#banner h2 a {
color: #369;
text-decoration: none;
}

#banner h2 a:hover {
color: #39f;
text-decoration: underline;
}

#banner h2 a:active { 
color: #999; 
}

#scancol {
float: left;
width: 180px;
}

#breadcrumb {
/* see Breadcrumb Trail below */
}

#content {
	float: left;
	width: 570px;
	margin-left: 15px;

}

#sidebar {
/* controlled by c-wrapper, other styles follow */
display: none;
}

#c-wrapper {
/* use to add backgrounds, control content area and sidebar */
margin-top: 15px;
}

#c-wrapper.col3 #content {
width: 390px;
}

#c-wrapper.col3 #sidebar {
float: right;
width: 180px;
display: block;
}

#footer { 
/* see Footer Content at end for more styles */
clear: both;
}



/* =Clears & min-height
-------------------------------------------------------- */
.clear-l {
clear: left;
}

.clear-x {
clear: both;
line-height: 0px;
height: 0px;
}

.clear-dot {
clear: left;
line-height: 0px;
height: 0px;
visibility: hidden;
}

img#jump {
margin: 10px 0 10px 190px;
}


/* The following sets a minimum height for the page */
/* trick works in IE 6 & 7 and better browsers */ 
#content {
min-height: 450px;
height: auto !important;
height: 450px;
}

/* End of minimum height */



/* =Breadcrumb Trail
--------------------------------------------------*/
#breadcrumb {
float: left;
width: 570px;
margin: 7px 0;
margin-left: 15px;
margin-bottom: 15px;
}

#breadcrumb ul {
list-style-type: none;
padding: 0;
margin: 0;
}

#breadcrumb ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.2em;
padding: 0 8px 0 8px;
display: inline;
float: left; /* keeps list items flush together */
/* background: url(../images/breadcrumb_arrow.gif) no-repeat 0 3px; */
border-left: 1px solid #999;
color: #999;
}

#breadcrumb ul li a { 
text-decoration: none;
}

#breadcrumb ul li a:hover { 
text-decoration: underline;
}

#breadcrumb li.first { 
border-left: none;
background-image: none; 
padding-left: 0;
}

#breadcrumb.hide {
margin-top: 0;
margin-bottom: 0;
visibility: hidden;
height: 0;
}



/* =Fonts in Content column
-------------------------------------------------------- */
#content h1, #content h2, #content h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

#content h1 {
font-size: 22px;
color: #369;
margin: 0;
}

#content h2 {
font-size: 17px;
color: #369;
margin-top: 1em;
margin: 0;
}

#content h3 {
font-size: 14px;
color: #036;
margin-top: 1em;
margin: 0;
}

#content p, #content ul, #content ol, #content blockquote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.6em;
color: #333;
margin-top: 1em;
margin-bottom: 1em;
}

/* New: This trick makes less space between headings and the text
   that follows, while keeping normal space between headings and
   images, tables and other non-text elements. This doesn't work
   with IE 6 but its does with IE 7 and better browsers. 
----------------------------------------------------------------- */
#content h1+p, #content h2+p, #content h3+p,
#content h1+ul, #content h2+ul, #content h3+ul,
#content h1+ol, #content h2+ol, #content h3+ol,
#content h1+blockquote, #content h2+blockquote, #content h3+blockquote {
margin-top: 0.5em;
}

#content ul { 
list-style-type: square; 
}

#content li { 
line-height: 1.4em;
padding-bottom: 0.5em; 
} 

#content td { 	/* default small type size for table cells */
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2em;
color: #333;
}

#content a {
color: #03c;
text-decoration: underline;
}

#content a:hover {
color: #39f;
}

#content a:active {
color: #000;
}

#content p.small {
font-size: 11px;
color: #036;
}



/* =Sidebar (for 3 column pages)
-------------------------------------------------------- */
#sidebar h2, #sidebox h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #369;
color: #fff;
padding: 3px 10px 4px 10px;
margin: 0;
}

#sidebox { /* creates floating box instead of column */
width: 175px; 
float: right; 
margin-left: 15px;
}

.side-item, #sidebox .side-item {
background-color: #f5f8ff;
border: 1px solid #c3c8ce;
padding: 10px 0;
margin-bottom: 12px;
}

.side-item h3, #sidebox .side-item h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #03286e;
margin: 0;
padding: 0 10px;
}

.side-item p, #sidebox .side-item p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.4em;
font-weight: normal;
color: #15446e;
padding: 0 10px 0 10px;
margin-top: 0.2em;
margin-bottom: 1em;
}



/* =Photos in Content column
-------------------------------------------------------- */
.photo-l, .photo-r {
width: 150px;
margin: 15px 0 5px 0;
}

.photo-l {
float: left;
margin-right: 15px;
}

.photo-r {
float: right;
margin-left: 15px;
}

.photo {
width: 300px;
margin: 15px auto 0 auto;
}

#content .photo-l p.photo-caption,
#content .photo-r p.photo-caption,
#content .photo p.photo-caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.2em;
color: #506080;
text-align: left;
margin: 0.3em 0;
padding-bottom: 6px;
border-bottom: 1px solid #abc;
}

#content .photo-l p.photo-credit, 
#content .photo-r p.photo-credit, 
#content .photo p.photo-credit {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
text-align: right;
margin: 0;
}

/* styles for linking the photos */
a.photolink {
float: left;
border: 1px solid #69c;
margin-bottom: 1px;
}

a:hover.photolink {
border: 1px solid #39f;
}

a:active.photolink {
border-color: #000;
}

a.photolink img {
display: block;
padding: 1px;
background-color: #fff;
}

a:hover.photolink img {
background-color: #39f;
}


/* =Faculty Pages
-------------------------------------------------------- */
#faculty table {
margin-top: -10px;
}

#faculty td {
padding-right: 20px;
}

#faculty h1 {
margin-bottom: 0.5em;
}

#faculty h2 {
border-bottom: 1px dotted #669191;
margin-top: 1em;
margin-bottom: 0.2em;
}

#faculty p {
font-size: 11px;
line-height: 1.4em;
margin: 0;
}

img.fac-portrait {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

div.fac-title {
float: left;
margin-bottom: 8px;
}



/* =Presentational Styles
-------------------------------------------------------- */
hr {			
border: 0;		/* turns off default shading */
height: 1px;	/* sets height or thickness */
color: #369; 	/* sets color for IE */
background-color: #369; /* sets color for all other browsers */
}



/* =Nav Bar
-------------------------------------------------------- */
#nav {
width: 180px;
float: left;
background-color: #fff; /* makes sure no backgrounds show through in Firefox */
}

#nav ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.2em;
font-size: 12px;
list-style-type: none;
margin: 0;
padding: 0;
}

#nav a {
display: block;
/* background-color: #def; */
text-decoration: none;
color: #369;
padding: 5px 12px 6px 12px;
/* border-bottom: 1px solid #fff;	puts line across the bottom of each button */
}

/*
#nav li.parent a {
border: none;
}
*/

#nav li.parent ul {
display: block;
}

#nav li.hide ul {
display: none;
}


#nav ul ul {
font-size: 11px;
}

#nav li ul a {
padding: 3px 12px 4px 24px;
width: 144px; /* adjusts nav fix for IE */
background-image: url(../images/subnav_bullet_lt_blue.gif);
background-repeat: no-repeat;
background-position: 13px 7px;
}

#nav ul ul a {
/* border-bottom: 1px solid #fff; */
}

#nav li.last-child a {
padding-bottom: 12px; 
/* border-bottom: 1px solid #fff; */
}

#nav a.current {
color: #900;
}

#nav a:hover, #nav a.current:hover {
color: #39f;
text-decoration: underline;
}

#nav a:active, #nav a.current:active {
color: #000;
}

/* these 2 styles prevent gaps in IE and are Dreamweaver friendly */
#nav li { float: left; }
#nav a { width: 156px; } /* nav width minus padding, need to adjust for nested lists */



/* =Topper
-------------------------------------------------------- */
#topper {
/* background: #2e65a2 url(resources/images/bkgd_topper.gif) repeat-x; */
background-color: #006699;
}

#topper h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size: 16px;
margin: 0 0 0 15px;
white-space: nowrap;
}

#topper p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1em;
margin: 0;
padding: 0 10px;
white-space: nowrap;
}

#topper p.cal {
border-right: 1px solid #fff;
}

#topper a { color: #fff; text-decoration: none; }
#topper a:hover { color: #def; text-decoration: underline; }
#topper a:active { color: #fd0; }



/* =Search
------------------------------------------------------ */
#search form {
margin: 0;
}

#search table {
float: right;
}

#search input.gobutton {
width: 28px;
height: 26px;
}

#search input.sfield {
width: 125px;
margin: 0;
color: #999;
border: 1px solid #c3c8ce;
text-indent: 3px;
}

#search input.sfield:focus {
color: #000;
background-color: #ffd;
}


/* =Magic-Y Menu
   Works with togLyr Javascript for Yale QuickLinks
------------------------------------------------------ */
#my-wrapper {
position: absolute; 
top: 0px;
right: 0px;
width: 160px;
}

#my-button {
display: block;
}

#my-menu {
background-color: #fff;
border: 1px solid #ccc;
padding: 5px 12px 0 12px;
margin-top: 4px;
position: absolute;
left: -999em;
}

#my-menu ul { 
width: 134px;
list-style-type: none; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.2em;
margin: 0; 
padding: 0;
margin-bottom: 20px;
}

#my-menu ul.lower {
margin-bottom: 15px;
}

#my-menu ul li { 
padding: 2px 0px 3px 0px;
} 

#my-menu ul a { color: #003798; text-decoration: none; }
#my-menu ul.lower a { color: #585858; text-decoration: none; }
#my-menu ul a:hover { color: #2a85ee; text-decoration: none; }
#my-menu ul a:active { color: #039; }



/* =
------------------------------------------------------ */


/* =Footer Content
---------------------------------------- */
#footer {
border-top: 2px solid #c3c8ce;
background-color: #fff;
}

#footer span {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-weight: bold;
margin: 0 0 0 30px;
text-indent: -5000px;
background: transparent url("../images/yale_logo_lt_blue.gif") no-repeat;
width: 125px;
height: 60px;
float: left;
}

#footer p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 14px;
color: #777; 
margin: 10px 10px 10px 40px;
float: left;
}

#footer a { color: #369; text-decoration: none; }
#footer a:hover { color: #39f; text-decoration: underline; }
#footer a:active { color: #000; }


/* ===================================================== */
/* ===================================================== */
/* ===================================================== */