/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Page Pack 01
   Venezia Horizontal 2 Column
  -----------------------------------
*/
/*
PAGE LAYOUT STYLES
*/
/*
The background image is set to be fixed (while the page is scrolled) by
use of the background-attachment property.*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(../images/nsf_new_logo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 24px 0 0;
}
/*
Sets the large masthead background image, sets the height of the table cell
to match the height of the background image. Sets the table cell contents
to align in the middle. */
#masthead {
	background-image: url(../images/esteem_masthead_bg.gif);
	background-repeat: repeat-x;
	background-color: #B3B3B3;
	border-bottom: 1px solid #333333;
}
/*
This rule sets the masthead pizza graphic as a background on the DIV
that contains the embedded logo image. The embedded image appears naturally
at the left edge of the parent masthead cell, while the pizza background
is displayed at the right edge.*/
#logodiv {
	margin: 0;
	width: 100%;
	background-image: ;
	background-repeat: no-repeat;
	background-position: right top;
}
#logodiv img {
	display: block;
}
/*
This is a DIV that surrounds the page content and centers it.
Because of the way this page is structured, it serves to work around
a bug in IE5 Mac to ensure the page centers.*/
#pagewrapper {
	width: 50em;
	margin: 0 auto;
}
/*The main content tables are set to a width of 43em. This unit of
measure allows the page content to scale in width if the user resizes
text. The width is the same as the width set for the pagewrapper DIV.*/
#contentTable, #footerTable {
	width: 50em;
}
#contentTable {
	border: 1px solid #333333;
}
/*
Sets borders and background for the top-level menu items-
and font-size for the entire menu.*/
#menubar {
	background-image: ;
	background-repeat: repeat-x;
	background-color: #304C4B;
	font-size: 0.9em;
}
/*
Sets styles for the main content table cell. Note that the
verticalRule background image is the dashed border between the
main content cell and the sidebar.*/
#maincontent {
	padding: 30px;
	font-size: 0.85em;
	line-height: 1.5em;
	background-color: #FFFFFF;
	background-image: url(../images/vzh_verticalRule.gif);
	background-repeat: repeat-y;
	background-position: right top;
	vertical-align: top;
}
#sidebar {
	padding: 30px 20px 20px;
	width: 20em;
	vertical-align: top;
	font-size: 0.75em;
	background-color: #FFFFFF;
}
#greencell {
	background-color: #304C4B;
	font-size: 1.3em;
	color: #FFFFFF;
	font-family: "Arial", Helvetica, sans-serif;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 3px;
}
#purplecell {
	background-color: #300F38;
	font-size: 1.3em;
	color: #FFFFFF;
	font-family: "Arial", Helvetica, sans-serif;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 3px;
}

#footer {
	font-size: 0.7em;
	color: #304C4B;
	padding-top: 16px;
	padding-bottom: 16px;
}
h1, h2 {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", serif;
	line-height: normal;
}
#references {
	font-size: 0.8em;
	color: #304C4B;
	padding-top: 16px;
	padding-bottom: 16px;
}
/*
Sets link styles for all links on the page except the Pop Menu Magic Menu.*/
a:link {
	color: #304C4B;
}
a:visited {
	color: #999999;
}
a:hover, a:active, a:focus {
	color: #3366CC;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: normal;
	color: #300F38;
	text-indent: 12pt;
	background-color: #E9E9E9;
}
