/* Core Styles for Yale Tomorrow Campaign
Web Services, ITS, Yale University
CSS styles by Victor Velt <victor.velt@yale.edu>
8-29-06, version 5 (VV)
-------------------------------------------------------- */

/*	QuickFind:
	=Layout
	=Nav Menu
	=Search
	=Fonts in Content
	=Presentational Styles
	=Data Tables
	=Quotes, Photos, Side-boxes
	=Photo Box Tables
	=Horizontal Rule
	=Data Tables
	=Wide Data Tables
	=Sidebar
	=Footer Content
	
*/

/* =Layout
-------------------------------------------------------- */
body {
margin: 0;
padding: 0;
background-color: #fafae8;
/* text-align: center; */
}

#container {
width: 719px;
margin: 0;
/* margin: 0 auto;
text-align: left; */
}

#banner {
width: 695px;
background-color: #002a5c;
border: solid #fff;
border-width: 12px 12px 0px 12px;
}

#banner img {
display: block;
}

#layout {
width: 719px;
border: solid #fff;
border-width: 12px 0 0 12px;
}

#layout td {
vertical-align: top;
padding: 0;
border: solid #fff;
border-width: 0 12px 12px 0;
}

#layout td.l {
width: 145px;
background-color: #0073ae;
}

#layout td.r {
width: 538px;
background-color: #f5f9fc;
}

table#inner {
width: 538px;
border: 0;
border-collapse: collapse;
}

table#inner td {
vertical-align: top;
padding: 0;
border: 0;
}

table#inner img.splash {
display: block;
}

table#content table {
border:none;
}


#left-spacer {
width: 145px;
height: 20px;
}

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

#footer {
width: 695px;
height: 85px;
/* background-color: #002a5c;
border: solid #fff;
border-width: 0 12px 12px 12px;
display: none; */
}


/* =Nav Menu
-------------------------------------------------------- */
#nav {
width: 145px;
float: left;
background-color: #0073ae; /* makes sure no backgrounds show through in Firefox */
}

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

#nav li { 

}

#nav li li { 
border: none;
}

#nav a {
display: block;
background-color: transparent;
text-decoration: none;
color: #fff;
padding: 5px 12px 6px 12px;
}

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

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

#nav li.last-child a {
padding-bottom: 8px; 
}

#nav a:hover, #nav a.current:hover {
color: #0073ae;
text-decoration: none;
background-color: #c4deec;
}
 #nav a:visited {
 color: #fff;
text-decoration: none;
}
 

#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: 121px; } /* nav width minus padding, need to adjust for nested lists */

#nav ul ul {
display: none;
}

.A-why ul#why,
.A-news ul#news,
.A-priorities ul#priorities,
.A-ways ul#ways,
/* .A-schools ul#schools, */
.A-staff ul#staff,
.A-who ul#who {
display: block !important;
}

#nav a.dummyspace {
height: 25px;
}

#nav a:hover.dummyspace {
background-color: transparent;
cursor: default;
}

#nav li.sm-space a {
margin-top: 10px;
}


/* =Search 
---------------------------------------- */
#searchbox {
clear: left;
margin-left: 12px;
padding: 25px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#searchbox form {
margin: 0;
white-space: nowrap;
}

#searchbox label {
font-weight: bold;
color: #fff;
}

#searchbox input.sfield {
width: 80px;
border: 1px solid #ccc;
margin-top: 5px;
}

#searchbox input.sbutton {
margin: 0 0 3px 2px;
vertical-align: middle;
border: none;
}

#searchbox p {
font-size: 10px;
margin: 0;
}

#searchbox p a { 
color: #fff; 
text-decoration: none;
}

#searchbox p a:hover { 
text-decoration: underline;
color: #cef;
}

#searchbox p a:active { 
color: #ccc;
}


/* =Fonts in Content
---------------------------------------- */
#content h1, #content h2, #content h3, #content p.mainhead {
font-family: Georgia, "Times New Roman", Times, serif;
color: #002A5C;
font-weight: bold;
}

#content h1, #content p.mainhead {
font-size: 18px;
font-weight: bold;
margin-bottom: 0.5em;
}

#content h2, #content p.subhead, #content p.subhead2{
font-size: 14px;
font-weight: bold;
margin: 0;
}

#content h3, #content .subheadline {
font-size: 12px;
font-weight: bold;
margin: 0;
}

#content p, p.paragraph, #content ul, #content ol, #content blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 1.7em;
color: #002a5c;
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 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 h3+p {
margin-top: 0.3em;
}

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

#content ul.plain {
list-style-type: none;
margin: 0;
padding: 0;
}

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

#content a, a { 
color: #0073ae; 
text-decoration: none;
}

#content a:hover, a:hover { 
color: #39f; 
text-decoration: underline;
}

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



/* ===================================================== */
/* =Presentational Styles
/* ===================================================== */



/* =Quotes, Photos, Side-boxes
-------------------------------- */

/* Content pull quote */
#content p.quote {
margin-top: 1.5em;
border-top: 1px solid #c0cfdf;
border-bottom: 1px solid #c0cfdf;
padding: 7px 25px 7px 25px;
background-color: #f7f7f0;
font-size: 11px;
line-height: 1.4em;
color: #506070;
margin-bottom: 1.5em;
}

/* Content photos */
#content p.photo-caption,
#content p.photo,
#content p.left-photo-caption,
#content p.left-photo,
#content p.top-photo-caption {
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.2em;
color: #506070;
padding-bottom: 5px;
border-bottom: 1px solid #c0cfdf;
margin-left: 10px;
margin-top: 5px;
}

#content p.photo-caption img, 
#content p.photo img,
#content p.left-photo-caption img, 
#content p.left-photo img {
display: inline;
margin-bottom: 3px;
border: 1px solid #c0cfdf;
}

#content p.photo,
#content p.left-photo {
border-bottom: none;
}

#content p.left-photo-caption,
#content p.left-photo {
float: left;
margin-left: 0;
margin-right: 10px;
}

#content p.top-photo-caption {
float: none;
margin: 0;
}

#content p.top-photo-caption img {
margin-bottom: 4px;
display: block;
}


/* Sidebar pull quote */
#sidebar p.quote {
width: 109px;
margin-top: 1.5em;
border-top: 1px solid #c0cfdf;
border-bottom: 1px solid #c0cfdf;
padding: 15px 8px;
background-color: #f7f7f0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.4em;
color: #506070;
margin-bottom: 1.5em;
}



/* Sidebar photos */
#sidebar p.photo-caption {
clear: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.2em;
color: #506070;
padding-bottom: 5px;
border-bottom: 1px solid #c0cfdf;
width: 120px;
}

#sidebar p.photo-caption img,
#sidebar p.photo img {
display: inline;
margin-bottom: 3px;
border: 1px solid #0e4c92;
}

/* Side Boxes */
#content .side-box,
#sidebar .side-box {
width: 125px;
float: right;
padding: 8px;
background-color: #f7f7f0;
border: 1px solid #c0cfdf;
margin-left: 10px;
margin-top: 5px;
}

#sidebar .side-box {
float: none;
margin-left: 0;
width: 102px;
}

#content .side-box p,
#sidebar .side-box p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
color: #506070;
background-color: transparent;
margin-top: 1em;
margin-bottom: 1em;
}



/* Feature Box Headings, Homepage */
#inner h3.feature {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 1.5em;
color: #002a5c;
margin-top: 8px;
margin-bottom: -12px;
}

#inner a {
color: #0073ae; 
text-decoration: none;
}

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

#inner a:active { color: #666; }



/* =Photo Box Tables
---------------------------------------- */
table.photo-box {
width: 390px;
border: 0;
margin-top: 10px;
}

table.photo-box td {
padding: 0;
vertical-align: top;
}

table.photo-box td.pic {
width: 140px;
}

table.photo-box td.pic img {
margin-top: 2px;
display: block;
}

table.photo-box td.txt p {
padding: 0 8px 0 12px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
line-height: 1.5em;
color: #002a5c;
margin: 0;
}



/* =Horizontal Rule
------------------------------ */
hr {			/* this way all browsers get the horizontal-rule even with styles off */
border: 0;		/* turns off default shading */
height: 1px;	/* sets height or thickness */
color: #c0cfdf; 	/* sets color for IE */
background-color: #c0cfdf; /* sets color for other browsers */
}


/* =Data Tables
------------------------------ */


/* =Wide Data Tables
------------------------------ */
#content.wide {
padding-right: 17px;
}

#content.wide table {
border: none;
width: 502px;
}

#content.wide table td {
border: none;
}

#content.wide table tr.rule td {
border-top: 1px solid #c0cfdf;
}

#content.wide table tr.padb td {
padding-bottom: 8px;
}

#content.wide table tr.padt td {
padding-top: 8px;
}


/* =Sidebar
---------------------------------------- */
#sidebar {
margin-top: 15px;
margin-right: 5px;
}

h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-weight: bold;
color: #005e9e;
margin-top: 5px;
margin-bottom: 0.7em;
}

h4.underline {
padding-bottom: 2px;
border-bottom: 1px solid #c0cfdf;
}

#sidebar ul {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
line-height: 1.2em;
list-style-type: none;
padding: 0;
margin: 0;
margin-bottom: 20px;
width: 120px;
}

#sidebar ul li { 
padding-bottom: 0.7em;
}

#sidebar ul li a { 
text-decoration: none;
color: #005e9e;
}

#sidebar ul li a:hover { 
text-decoration: underline;
color: #2a85ee;
}

#sidebar ul li a:active { 
color: #999;
}


/* =Footer Content
---------------------------------------- */
#footer {
margin-top: 5px;
}

#footer img#logo-screen {
display: block;
border: none;
float: left;
padding-left: 10px;
}

#footer img#logo-print {
display: none;
}

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

#footer a { 
text-decoration: none;
color: #005e9e;
}

#footer a:hover { 
text-decoration: underline;
color: #2a85ee;
}

#footer a:active { 
color: #999;
}


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


div#content td {
border:none;
}

#relatedtable { margin-left:20px; margin-bottom:20px; }

#relatedtable p{ margin:0 0 0 5px;}

#relatedtable .exampleswhite, #relatedtable .relatedwhite  { font-weight:bold; color:#fff; }

div#content p.paragraph, div#content p { margin-top:0; }

table#charter td { padding:7px; }
table#charter .fancychart {font-weight:bold; }

.glossaryhead { font-weight:bold; }

span.subheadline { display:none; visibility:hidden; }

table#chartt td { padding:3px 3px 3px 7px; }