/* - - - - - - - - - - - - - - - - - - - - -
Title : Stylsheet for RTI 
Author : GLAD WORKS
Created : 8/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 {
  color:#000;
  font:76% Arial, Helvetica, sans-serif;
	margin:15px 0 20px 15px; }
	body#home {
		margin:15px 0; }

/* ----- GLOBAL ----- */
h1, h2, h3, h4, h5, h6 {
	color:#284993; }
h2, h3, h4, h5, h6 {
	font-size:1.4em;	
  margin:1.5em 0 0 0; }	
h2 {
	font-size:1.7em; 
	margin: 0;}	
ol, ul { 
	margin-left:1em; 
	padding-left:1em; }
dt { font-weight:bold; }
dd { margin:0 0 .5em 2em; }	
a:link { color:#284993; }
a:visited { color:purple; }
a:hover { color:#669999; }
a img { border:none; }
blockquote {
	border-left:1px solid #284993;
	margin-left:2em;
	padding-left:1em; }
table { 
	border-collapse:collapse; }
	caption {
		font-weight:bold;
		padding-bottom:.5em;
		text-align:center; }
	td, th {
		border:1px solid #284993;
		padding:.2em .5em; }
	tr {
		background-color:#fff; }
	tr.even {
		background-color:#dbe9f7; }
hr { display:none; }	

/* ----- STRUCTURE ----- */
#container { display:block;
	background:transparent url(../layout/header-bg.gif) repeat-x 10px 0; }

#header { }
	#whohead #header { 
		background-image:url(../layout/header02.jpg);
		background-position: 380px 0;
		background-repeat: no-repeat; }	
	
	#programshead #header{
		background-image:url(../layout/header03.jpg);
		background-position: 502px 0;
		background-repeat: no-repeat; }	
		
	#practiceshead #header{
		background-image:url(../layout/header04.jpg);
		background-position: 380px 0;
		background-repeat: no-repeat; }	
	
	#developmenthead #header{
		background-image: url(../layout/header05.jpg);
		background-position: 502px 0;
		background-repeat: no-repeat; }	
	
	#communityhead #header{
		background-image:url(../layout/header06.jpg);
		background-position: 256px 0; 
		background-repeat: no-repeat; }	
	
	#resourceshead #header{
		background-image:url(../layout/header07.jpg);
		background-position: 380px 0;
		background-repeat: no-repeat; }	
	
	#contacthead #header{
		background-image:url(../layout/header01.jpg);
		background-position: 256px 0;
		background-repeat: no-repeat; }	
	
	#logo { 
		background-color:#fff;
		width:245px; }
		#logo a {
			display: block;
			height:159px;	
			margin-left: 95px;		
			width:121px; 
			position: relative;}
			#logo em {   /* span not clickable in IE5 mac */
				background:#fff url(../layout/logo-hifi.gif) no-repeat 0px 0;
				position: absolute;
				width: 100%;
				height: 100%; } 
	
#wrapper {
	background:transparent url(../layout/ghosted-bg.gif) no-repeat left bottom; margin-top:-20px;	
	padding-bottom:25px; }

#nav {
	float:left; }
			
#content {
	line-height:1.5;
	margin-left:256px;
	
	max-width:50em; }	

#content table caption{
margin-top: 15px;
	margin-bottom: 10px;
	}
#footer {	
	clear:both;
	color:#284993;
	margin-top:-45px;
	padding-bottom:1px; /*to stop margin collapsing*/
	width:210px; }	
	
	#footer ul { /*return to ritap and search links*/
		clear:both;
		list-style-type:none; 
		margin:0;
		padding:0; }
		#footer li, #footer li a {
			cursor:pointer;
			display:block; 			
			float:right; }
		li#return-to-ritap, #return-to-ritap a { 
			height:39px;
			width:70px; }	
			#return-to-ritap {
				margin-right:10px; }
			#return-to-ritap a span {
				background:url(../layout/return-to-ritap.gif) no-repeat 0 0; }			
		li#search, #search a {
			height:21px;
			top: 20px;
			width:67px;  }	
			#search a span {
				background:url(../layout/search-link.gif) no-repeat 0 0; }	
						
	#footer p { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: .85em;
		text-align:right; }
		#footer a.hidelink {
			text-decoration:none;
			color:#284993; }
		#footer a:hover {
		color:#6699AA;
		}		

	
	
/* -- STRUCTURE: HOME PAGE -- */
#home { }
	#home #container {
		background:url(../layout/home-bg.gif) repeat-x center top; }
	#home #wrapper {
		background:none;
		margin:0 auto;
		padding-bottom:0;
		width:744px; }
		
	#home h1 { 
		height:137px;	
		width:744px;
		display: block;
		position: relative; }
		#home h1 span {
			background:url(../layout/home-header.jpg) no-repeat 0 0;
			position: absolute;
			width: 100%;
			height: 100%;  }

	#home #nav {
	position: relative;
		margin-top: 25px;
		margin-left: -8px; 
		width: 770px;}			
			
	#home #footer { 	  
		background:url(../layout/ghosted-bg.gif) no-repeat -70px 0px;
		padding-top:63px;
		margin-top:0;
		margin-left:18px;
		width:744px; }
		
		#home #footer p { 
			text-align:left; }
			
		#home #return-to-ritap, #home #return-to-ritap a {
			float:left; }
				
		#home #search, #home #search a {
			float:left; }



/* ----- FORMS ----- */
form { 
	border:1px solid #284993; }
	form div, fieldset.group { 
		padding:0 5px 5px 5px; }
	fieldset { 
		border:none; }
		.legend { 
			color:#284993;
			font-size:1.2em;
			font-weight:bold;
			margin:0 0 0 5px; }
	label { 
		cursor:pointer; 
		font-weight:bold; }
	p.label {
		font-weight:bold;
		margin:0; }
	input, textarea, select { display:block; }
	input:focus, textarea:focus, select:focus { background-color:#FEFAED; }
	#submitRow input { padding:2px; }
	.group { /*this is used for radio and checkbox groups*/  }		
		.group input {
			display:inline; }
		.group label {
			display:block;
			font-weight:normal; }
	
	#email_sent { 
		font-weight:bold; 
		padding-top:1em; }
	.form-error p.error {
		background:url(/common/images/error.gif) no-repeat left center;	
		color:red;
		font-weight:bold;
		line-height:normal;
		margin:0;    
		margin-top:5px;
		padding-left:20px; }
	fieldset.form-error p.error { 
		background:url(/common/images/error.gif) no-repeat left center; 
		margin-left:5px;
		padding-left:20px; }	
	#email_sent { height:10em; }
	#submitRow { 
		margin-top:1em;
		padding-top:5px; }
	.required { color:red; }
	.form-error { 
		background-color:#FFFF96; 
		border-top:5px solid white; }
		
/* =view ppt files page */
.viewfile h1 { 
	line-height:normal;
	margin:0 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; }				
	

/* ----- CLASSES ----- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; } /*this trips hasLayout for ie7*/
.clearfix { display: block; } 
.structural_label { 
	left:-1000em; position:absolute; }
.imgreplace {
	overflow:hidden;
	position:relative; }
.imgreplace span {
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%; }
.skiplink { left:-1000px; position:absolute; }
.external {
	background:url(/applications/ell/common/images/external.gif) no-repeat right center;
  padding-right:10px; }
.pdf, .doc, .ppt {   
  background-position:100% 50%; 
	background-repeat:no-repeat;	
  padding-right:14px; }
.pdf { background-image:url(/applications/ell/common/images/icon_pdf.gif); }
.doc { background-image:url(/applications/ell/common/images/icon_msword.gif); }
.ppt { background-image:url(/applications/ell/common/images/icon_msppt.gif); }  

.vcard {
	margin: 10px 10px 0 5px;
	color: #666666;
	}
	
.fn {
	font-weight: bold;
	}
.note {font-size: .8em; margin-left: 4px;}

.soon {padding-bottom: 100px;}


#home .navlink, #home .navlink:visited {
	height: 15px;
	width: 100%;
	position: relative !important;
	}

#home .navlink span, #home .navlink:visited span {
	display: block;
	height: 15px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 0 0;

	}

#home .navlink:hover span, #home .navlink:focus span, #home .navlink:visited:hover span, #home .navlink.udmR span, #home .navlink.udmR:visited span, #home .navlink:active span {
	background-position: 0 -15px;
	}
	
#home #who, #home #wholink, #home #wholink:visited {
	width: 86px;
	}
	
#home #programs, #home #programslink, #home #programslink:visited {
	width: 108px;
	}

#home #practices, #home #practiceslink, #home #practiceslink:visited {
	width: 120px;
	}

#home #development, #home #developmentlink, #home #developmentlink:visited {
	width: 151px;
	}

#home #community, #home #communitylink, #home #communitylink:visited {
	width: 136px;
	}

#home #resources, #home #resourceslink, #home #resourceslink:visited {
	width: 65px;
	}
	
#home #contact, #home #contactlink, #home #contactlink:visited {
	width: 65px;
	}
	
/*---Spans----*/

#home #wholink span, #home #wholink:visited span {
	background-image: url(../layout/who.gif);
	}

#home #programslink span, #home #programslink:visited span {
	background-image: url(../layout/programs.gif);
	}

#home #practiceslink span, #home #practiceslink:visited span {
	background-image: url(../layout/practices.gif);
	}

#home #developmentlink span, #home #developmentlink:visited span {
	background-image: url(../layout/development.gif);
	}
	
#home #communitylink span, #home #communitylink:visited span {
	background-image: url(../layout/community.gif);
	}
	
#home #resourceslink span, #home #resourceslink:visited span {
	background-image: url(../layout/resources.gif);
	}

#home #contactlink span, #home #contactlink:visited span {
	background-image: url(../layout/contact.gif);
	}

#nav { 
	margin:3.9em 0; }
#udm .alt a:link, #udm .alt a:visited {
	color:#5598D8; }
#udm .alt a:hover {
	color:#669999; }