/*---------------------------------
Title: RTI (A RITAP project site)
Author: GLAD WORKS [http://www.gladworks.com]
Description: The primary "screen" stylesheet
Created: 5/2006
-------------------------------- */

/* remove browser default styling */
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { text-align:left; }
p, form, fieldset, ol, ul, dl { margin:1em 0; }
/* ------------------------------ */

html, html body {
  background:#fff; }
body {
  font:76% Arial, Helvetica, sans-serif; }

/* =GLOBALS */
/** headers */
h1, h2, h3, h4, h5, h6 {
	color:#699696;
	line-height:normal; }
h2, h3, h4, h5, h6 {
  margin:1.5em 0 0 0; }
h1 { font-size:1.7em; margin-bottom:-.7em; }
h2 { font-size:1.5em; }
h3, h4 { font-size:1.3em; }
/** lists */
ol, ul {	
	margin-left:3em;
	padding-left:0; }
dt { font-weight:bold; }
dd { margin:0 0 .5em 1em; }
.nolist {
	list-style-type:none; 
	margin:0;
	padding:0; }
.plain {
	list-style-type:none;
	margin-left:0; }
	.plain li { margin:1em 0; }
/** links */
a img { border:none; }
a:link { color:#699696; }
a:visited { color:#5c5544; }
blockquote a:link, blockquote a:visited {
	color:#99CC99; }
a:hover, blockquote a:hover {
	color:#3E5757; }
/** quotes */
blockquote {
	color:#99CC99;
	line-height:1.3;
	font-size:1.3em;
	font-weight:bold; }
	blockquote cite {
		font-size:.8em;
		font-style:italic;
		font-weight:bold; }
cite {
	font-size:.9em;
	font-style:italic; }

/* =STRUCTURE */
#container {
	background-color:#fff; }
#header-image, #content, #footer {
	font-size:1.1em;
	margin-left:27px;
	margin-right:27px;
	max-width:56em; }
#content {
	line-height:1.5;
	margin-top:-40px; }

/** =header */
#header {
	background:transparent url(../layout/header-bg.gif) repeat-x left top;
	color:#fff;
	height:246px;
	position:relative; }
	#logo {
		background:transparent url(../layout/logo-hifi.gif) no-repeat 0 0;
		display:block;
		left:21px;
		height:131px;
		position:absolute;
		top:7px;
		width:122px;
		z-index:99; }
		#logo img {
			display:block;
			left:-1000em;
			position:absolute; }
	#header-image {
		background:url(../layout/header-pic-01.gif) no-repeat right top;
		height:246px;
		position:relative; }
	#devel #header-image {
		background-image:url(../layout/header-pic-02.gif); }
	#resources #header-image {
		background-image:url(../layout/header-pic-03.gif); }
	#rti-in-action #header-image {
		background-image:url(../layout/header-pic-04.gif); }
	#contact #header-image {
		background-image:url(../layout/header-pic-05.gif); }
		#search {
			display:block;
			height:20px;
			overflow:hidden;
			position:absolute;
			right:421px;
			top:150px;
			width:67px; }
		#search span {
			background:url(../layout/search-link.gif) no-repeat 0 0; }

/** =footer */
#footer{
	color:#699696;
	font-size:.9em;
	margin-top:4em; }
	#footer a {
		color:#699696;
		text-decoration:none; }
	#footer a:hover {
		color:#3E5757; }

/** =Home structure */
#home #splash {
	background:#fff url(../layout/home-layout-splash.jpg) no-repeat left bottom;
	position:relative;
	height:398px; }
#home #container {
	margin:0 auto;
	width:742px; }
#home #footer {
	margin:1em 0 0 0;
	max-width:100%;
	padding-right:10px;
	text-align:right;
	width:auto; }
	#home #footer * {
		text-align:right; }
#home #search {
	left:545px;
	top:346px; }
	#home #search span {
		background-image:url(../layout/search-link_home.gif); }
#home #return-to-ritap {
	left:626px;
	position:absolute;
	top:333px; }

/* =FORMS */
form { }
	fieldset {
		border:none; }
		p.legend {
			display:block;
			font-weight:bold;
			margin-bottom:0; }
	form div {
		padding:.2em;
		margin:.3em 0 .3em -.2em; }
		label, .label {
			display:block;
			font-weight:bold; }
		.label { margin:0; }
		.required {
			color:red; }
		input:focus, textarea:focus, select:focus {
			background-color:#e0efe0; }
		.chkbox, .radio {
			font-weight:normal; }
		.chkbox input, .radio input {
			display:inline; }
	#submitRow {
		margin-top:1em; }
		#submitRow input {
			display:inline; }
form div.form-error {
	background-color:#FFFF96; }
	.form-error p.error {
		background:url(/common/images/error.gif) no-repeat 2px 50%;
		color:red;
		font-weight:bold;
	  margin:5px 0 0 0; 
		padding-left:22px; }
		.form-error p.error label {
			display:inline; }
		.form-error img {
			vertical-align:middle; }
#emailSent {
	background-color:#e0efe0;
	border:1px solid #99cc99;
  font-weight:bold;
	margin:4em 0;
	padding:.5em;
	text-align:center; }	


/* =TABLES */
table { 
	border-collapse:collapse; 
	font-size:1em; }
caption {
	font-weight:bold;
	margin-top:2em;
	padding-bottom:.5em; 
	text-align:center; }
thead {
	text-align:left; }
tfoot {
	font-size:.8em; }
tr.even {
	background-color:#e0efe0; }
th, td { 
	border:1px solid #99cc99;
	padding:.3em .5em; }

/* gilder/levin */
#search span, #udm span {
	position: absolute;
	width: 100%;
	height: 100%; }
	
/* references list */	
#references {
	border-top:1px solid #CCCCCC;
	margin-top:3em; }
	#references h2 {
		color:#000;
		font-size:1.1em;
		margin:1em 0 .3em 0; }
	#references ul, #references ol {
		list-style-type:none;
		margin:0; }
		#references ul li {
			line-height:normal;
			margin:1em 0; }

cite.citation { font-style:normal; }
	.citation .publication { font-style:italic; }
	.citation .book { font-weight:bold; }

	

/* inline images */	
img.right, .img-box { 
	float:right; 
	margin-left:1em; }
span.img-box {
	display:block;
	font-size:.8em;
	text-align:center; }		
	.img-box img {
		display:block; }
		
/* =files list, =presentations page */
table.files-tbl { }
	.files-tbl tbody { 
		border-bottom:1px solid #eee; 
		border-top:1px solid #eee; }
		.files-tbl th.col1 { text-align:left; }
		.files-tbl th.col2 { width:7%; text-align:center; }
		.files-tbl th.col3 { width:15%; text-align:center; }				
		.files-tbl td.pdf a, .files-tbl td.doc a, .files-tbl td.ppt a { 
			display:block;
			margin:0 auto;
			overflow:hidden;		
			padding:0; 
			text-indent:-100em; 
			text-decoration:none;
			width:90%;  }
		.files-tbl td.pdf, .files-tbl td.doc, .files-tbl td.ppt { 
			background-position:center center; }
			#resources td a { 
				display:block; 
				text-align:center; }
			#resources td span {
				display:block;
				font-size:.8em;
				line-height:normal; }

/* =view ppt files page */
#viewfile h1 { 
	margin:2em 0 1em 0; }
#viewfile #content p { text-align:center; }
#tip {
	background-color:#FFEAEA;
	border:1px solid red;
	font-size:85%;
	margin:0 auto;
	padding:2px;
	width:80%; }
#viewfile p#tip img { 
	padding:0 2px;
  vertical-align:text-bottom; }
#flashpaper {
	border-width:0 1px 1px;
	border-style:none solid solid;
	border-color:#999999; 
	margin:1em 0; }
#flashpaper object { display:block; }					

/* =Nav Container */
/*
#nav {
	background:url(../layout/home-layout-nav.gif) no-repeat scroll 0 0;
	height:41px;
	width:742px;
}
*/
/* =MISC */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; } /*this trips hasLayout for ie7*/
.clearfix { display:block; }
.skiplink { left:-1000px; position:absolute; }
.external {
	background:url(/common/images/external.gif) no-repeat right center;
  padding-right:10px; }
	#footer .external {
		background:none;
		padding:0; }
.pdf, .doc, .ppt {
  background-position:100% 50%;
	background-repeat:no-repeat;
  padding-right:14px; }
.pdf { background-image:url(/common/images/icon_pdf.gif); }
.doc { background-image:url(/common/images/icon_msword.gif); }
.ppt { background-image:url(/common/images/icon_msppt.gif); }
.more {
	background:url(/common/images/icon_right-arrow.png) no-repeat left;
	padding-left:14px; }

#subnav {
	border-top:1px solid #CCCCCC;
	font-weight:bold;
	margin-top:4em;
	padding:1em 0; }
.schools { margin-top:1em; }
.schools p { float:left; width:25em; margin:0 1em 1em 0; }	

.noSiblingHeader { margin-bottom:1em; }

h2 a:link, h2 a:visited {
	color:#6996a9;
	text-decoration:none; }

.hide {display: none}

