/* Styles for Globalist Foundation, Yale University
   CSS styles by Web Design + Development, ITS-Med, Yale School of Medicine
   10-18-05, version 2 (VV)
------------------------------------------------------------- */

body {
margin:0; 
padding:0;
background-color: #eee;
}

#container {  /* centers the page */
width: 800px;
margin: 0 auto;
padding: 8px 10px;
border: solid #ccc;
border-width: 0 1px 1px 1px;
background-color: #fff;
}

a:link { color: #039; text-decoration: underline;}
a:visited { color: #609; text-decoration: underline;}
a:hover { color: #c63;text-decoration: underline;}
a:active { color: #f00;}


/* NOTE: only h1 - h4 are defined */

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 1.2em;
font-weight: bold;
color: #000;
margin-top: 0;
margin-bottom: 0.9em;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
color: #000;
margin-top: 0.2em;
margin-bottom: 0.7em;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
margin-top: 1.4em;
margin-bottom: -0.7em;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000;
margin-top: 0.5em;
margin-bottom: -0.3em;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.5em;
color: #000;
}

h3.home {
margin-top: 0.5em;
margin-bottom: -0.8em;
color: #758752;
}

img.portrait {
float: left;
margin-right: 4px;
margin-bottom: 7px;
}

.info-sm {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
color: #666;
}

.breadcrumb {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin-top: -2px;
margin-bottom: 20px;
color: #666;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.5em;
color: #000;
}

ul, ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1.4em;
color: #000;
margin-top: 1em; 
margin-bottom: 1.5em;
}

ul { list-style-type: square;}

li { padding-bottom: 0.5em;} /* puts more space between items */

.rule {  
width: 100%; 
height: 0px; 
border-top: 1px solid #ccc;
margin: 12px 0;
}


p.description {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333;
margin: 0 0 1em 0;
}


/* other presentation
-------------------------------------------------------- */

#schedule td {			/* puts a line under each row */
border-bottom: 1px solid #F9F5F1;
}

td.line-right {
border-right: 1px solid #ccc;
}

#utility-links ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #767575;
padding: 0;
margin: 0;
float: right;
}

#utility-links ul li { display: inline; }

#utility-links ul li a {
color: #767575;
text-decoration: none;
padding: 0 10px 3px 10px;
border-right: 1px solid #767575;
float: left;
}

#utility-links ul li a:hover {
text-decoration: underline;
color: #545353;
}

#utility-links ul li a:active { color: #fc0;}

#utility-links ul li a.last { 
border: none;
margin-right: 5px;
}

#print-banner { display: none; } /* turn off print banner */


/* Warning for older browsers:
   Older browsers ignore @import style sheets above
-----------------------------------------------------*/
#nn4-warning {				
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #c00;
	position: absolute;
	left: 190px;
	top: 25px;
	width: 455px;
	z-index: 100;
	background-color: #ffc;
	border: #69c solid;
	border-width: 2px;
	padding: 2px 8px 3px 8px;	
}



/* Section Menu (on left side)
-------------------------------------------------------- */

#menu {
margin: 10px 0;
}

#menu ul { 
list-style: none; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
line-height: 1.3em; 
margin: 0; 
padding: 0;
margin-bottom: 1em;
}

#menu li { 
padding: 7px 0px 7px 0px;
border-bottom: 1px solid #ccc;
} 

#menu a:link, #menu a:visited { color: #039; text-decoration: none; }
#menu a:hover { color: #767575; text-decoration: underline; }
#menu a:active { color: #767575; }

#menu ul ul { 
font-size: 9px;
margin-top: 2px;
margin-bottom: 0;
}

#menu li li { 
border: none;
padding: 3px 8px 3px 12px;
}


/* ============================================================== */
/* === SIMPLIFIED SUCKERFISH DROP DOWN MENUS ==================== */
/* ============================================================== */

/* SET UP
---------------------------- */
.nav-container {
float: right;
}

.nav ul, .nav li { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: normal;
}

/* INITIAL STYLES
----------------------- */
.nav li { border-right: 1px solid #767575; }
.nav li.last { border-right: none; }
.nav li li { border-right: none; }
.nav, .nav ul, .nav li, .nav a { margin: 0; padding: 0; list-style-type: none; display: block; line-height: 1.2em; }
.nav a { color:#767575; text-decoration: none; }
 
/* TOP LEVEL
---------------------------- */
.nav li { 
float: left; 
display: inline;
} 

.nav li a { 
text-align: center;
padding: 2px 10px 3px 10px; 
background-color: #fff;
}

.nav li a:hover { color: #545353; text-decoration: underline; }

.nav li a:active { color: #fc0; }

/* DROP DOWNS
---------------------------- */
 
/* FIRST LEVEL DROPDOWNS */
.nav ul { width:12em; position:absolute; left: -999em; border: 1px solid #ddd; }

/* FIRST AND SECOND LEVEL DROPDOWNS */
.nav ul li { width: 12em; text-align:left; }
.nav li ul a { padding: 0.3em 0.5em; text-align: left; font-weight: normal; background-color: #f2f2f2; } /* vspace between items */

/* SECOND LEVEL DROPDOWNS
.nav ul ul { margin: -22px 0 0 0; }
.nav li:hover ul ul, .nav li.sfhover ul ul { position: absolute; left: -999em; }
*/

/* HOVER POSITION
----------------------- */
.nav li:hover ul, .nav li.sfhover ul { margin-left: 4px; }
.nav li li:hover ul, .nav li li.sfhover ul { margin-left: 12em; }

/* HOVER STYLES
----------------------- */
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
left: -999em;
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

/* CLEAR ALL FLOATS
----------------------- */
div.clear { clear: both; }
div.clear-space { clear: both; height: 20px; }


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



/* Footer
---------------------------------------- */

#footer {
border-top: 1px solid #ccc;
padding: 7px 15px 15px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
line-height: 14px;
color: #666;
text-align: center;
}

#footer a { color: #039;}
#footer a:hover { color: #c63;}
#footer a:active { color: #f00;}



/* This-Section Menu (at top of content column)
-------------------------------------------------------- */

#sectionmenu table {
margin: -10px 0;
}

#sectionmenu ul { 
list-style-image: url(../images/secmenu_bullet.gif); 
padding-left: 1em;
margin-left: 1em;
}



/* Search
---------------------------------------- */

#search { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #039;
margin: 20px 0;
}

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

#search input {	/* for all browsers */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #039;
}

#search input { 			/* outlines both form elements */
border: 1px solid #767575;
}

#search input.field { 		/* sets absolute width for text field */
width: 115px;
margin: 2px 0px;			/* adds margin to top & bottom of field */
}

#search input.field:focus {	/* sets highlight color when cursor is in field */
background-color: #ffe;
}

#search input.button {  	/* sets color and padding for button */
background-color: #F3F5F8;
padding: 1px 2px;
margin: 2px 0px;			/* adds margin to top & bottom of button  */
}

#search input.btn-hover {	/* special class used with Javascript to give */
border: 1px solid #DEE3EC;	/* submit button highlight color on mouseover */
background-color: #def;
}

#search input.button:active { /* sets the active button color */
background-color: #ffffcc;
}