@import url("screen.css");

/****** site *******/
body {
	/* font-size set to 75% in screen.css, so 12px = 1em = 100% = 9pt */
	font-family:Verdana, sans-serif;
	color:#231f20;
	margin:0;
}
table {
	font-size: 75%; 
}
.container {
/*	margin:0px auto 0px 55px;*/
}
.container.subpage {
  width: 755px;
}
.container .header, .container .body, .container .footer {
	padding:0 20px 0px 17px;
}

/******* header *******/
.container .header {
	padding-right:20px;
}
/******* header:logo *******/
.container .header img.right {
	float:right;
	margin:52px 0 1.5em 1.5em;
}
/******* header:admin_bar *******/
#admin_bar {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#770D29;
	color:#888D90;
	padding:0.3em 4em;
}
#admin_bar span {
	margin:0 1em;
}
#admin_bar a {
	color: #fefefe;
}
.subpage.container #intro_flash {
	position:relative;
/*	left:-10px;*/
}

/******* body *******/
.container .body {
	padding-bottom:12px;
	padding-top:2em;
}
.container .body a {
	text-decoration:none;
	color:#770d29;
}
.container .body p.link a {
	line-height:1.25;
	font-size:1.1em;
	color:#888d90;
}

/** jScrollPane **/
#scrollable {
	overflow:auto;
}
.case_study_search #scrollable, .case_study_detail #scrollable, .subpage #scrollable {
	height:540px;
	min-height:200px;
}
.case_study_main #scrollable {
	height:320px;
}
a.jScrollArrowUp {
	background: url('/images/basic_arrow_up.gif') repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url('/images/basic_arrow_down.gif') repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}



/******* main:callout *******/
.container .body .main .callout, .container .body .main .callout a {
	color:#770d29;
	font-size:1.417em;
	line-height:2.444em;
	text-decoration:none;
}
/******* main:content *******/
.container .body .main .content, .container .body .main .above_content {
	font-size:0.875em;/* 8pt */
	line-height:1.21em; /* 11pt */
}
.subpage.container .body .main .content #intro-content {
	font-size:1.3em;
	line-height:1.5em;
	margin-top:0.5em;
}
.container .body .main #share {
	width:100%;
	text-align:right;
}
.container .body .main #share a {
	color:#888d90;
	margin-left:0.75em;
	margin-right:1.5em;
}
.container .body .main .content h5 {
	font-size:1.25em;
	line-height:1.417em;
	margin:0;
	color:#888d90;
}
.subpage.container .body .main .content, .subpage.container .body .main .above_content {
	padding-left:15px;
}
.full_width {
	width:100%;
}
.notice, .error {
	position:relative;
	z-index:10;
}
/****** contact and suggestion forms ******/
p.link {
	position:relative;
}
p.link span {
	position:absolute;
	left:-1em;
	font-size:1.5em;
	color:#770D29;
}
.content form table td {
	padding:0;
}
.content div.form input, .content div.form p {
	margin:0.5em 0;
}
.content div.form input[type='text'] {
	width:100%;
}
.content div.form textarea {
	padding:0;
	margin:0.5em 0;
	height:120px;
	width:100%;
	resize:none; /* Safari */
	font-size:1.05em;
}
.content div.form input, .content div.form textarea {
	font-family: Verdana, sans-serif;
}
.content div.form#suggestion_form textarea {
	height:86px;
}
.content div.form .right_form_col input[type='text'] {
	width:99%;
}
.content div.form label {
	color:#888d90;
	font-weight:normal;
}
.content div.form p#closing a {
	font-weight:bold;
}
/******* main:search ******/
#search_form {
	opacity: 0.4;
}
/**** search page search form ****/
#large_search_form input[type='text']{
	color:#770d29;
	border:1px solid #770d29;
	font-size:1.3em;
	height:18px;
	position:relative;
	top:-4px;
}
#search_results, #search_results h3 {
	color:#666;
}
#search_results h3.no_result {
	color:#231F20;
}
#search_results a {
	font-weight:bold;
}

/******* navigation *******/
.container .body .navigation {
	text-align:right;
	padding-top:0.5em;
}
.container .body .navigation ul {
	list-style-type: none;
	margin:0;
}
.container .body .navigation a:hover, .container .body .navigation a.current  {
	color:#770d29;
}
/******* navigation:primary *******/
.container .navigation .primary li {
	margin-bottom:0.5em;
}
.container .navigation .primary a {
	font-family: Verdana, sans-serif;
	font-size:1.1em;
	line-height:1.1em;
	padding-right:12px;
	position:relative;
	left:12px;
	color:#231f20;
}
.container .navigation .primary a:hover, .container .navigation .primary a.current {
	background-image:url('../images/right-carrot-hover.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;
}
/******* navigation:secondary *******/
.container .navigation .secondary li {
	display:inline;
	margin-left:0.75em;
}
.container .navigation .secondary a {
	font-size:0.833em;/* smaller 8pt */
	color:#000;
}
/******* navigation:search *******/
.container .navigation form input[type=text] {
	font-size:0.833em;/* smaller 8pt */
	width:12em;
	color:#030303;
	text-align:right;
	margin-top:0.6em;
}
/******* navigation:glossary *******/
.subpage.container .main h2, .case_study.container .main h2 {
	color:#770d29;
}
h2.subpage_title {
	margin:0;
	font-size:1.75em;
}
#alphabet-nav {
	color:#666;
	font-weight:bold;
}
#alphabet-nav ul {
	margin-left:0;
}
#alphabet-nav ul > li {
	display:inline;
	list-style-type:none;
	padding-right:0.15em;
}
#alphabet-nav a {
	color:#666;
	padding:0 0.2em;
	text-decoration:none;
}
#alphabet-nav a:hover, #alphabet-nav li.current a {
	color:#770D29;
}
dl.glossary dt {
	color:#666;
	font-size:1.1em;
	font-weight:bold;
}
div.term dd {
	margin-top:0.5em;
}
dl.glossary dd {
	color:#231F20;
	margin-left:0;
}
div.term {
	clear:both;
	margin:1em 0;
}
div.term dd img {
	float:left;
	margin:0.4em 1.4em 0.5em 0;
}

/******* footer *******/
.container .footer {
	color:#fff;
	margin-top:23px;
	text-align:right;
}
.subpage.container .footer {
	color:#888d90;
}
.container .footer h2 {
	color:#fff;
	font-family: Verdana,sans-serif;
	font-size:1.33em;
	margin-bottom:0;
}
.subpage.container .footer h2 {
	color:#77102a;
}
.container .footer p {
	font-family: Folio, Verdana,sans-serif;
	font-size:0.75em;
	margin-bottom:0;
}
.container .footer p span {
	margin-left:0.75em;
}
/** footer **/
#tagline {
	clear:both;
}
#nvpc_tagline, #nea_tagline {
	font-size:0.65em;
	color:#fff;
	line-height:1;
}
.footer table tr td {
	padding:0;
	margin:0;
}