/* - - - - - - - - - - - - - - - - - - - - -
Title :  Teacher Assistants, A RITAP site
Author : GLADWORKS
URL : http://www.gladworks.com
Description : The main stylesheet
Created : 3/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 0 0; }
/* ------------------------------ */

html, html body {
  background-color:#fff; 
	height:100%;  }	
body {
  color:#000; 
  font:76% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5 }

/* ----- DIVS ----- */
#container {  /*used to allow the footer to stick to bottom*/
	min-height:100%; 
	position:relative;  }
#nav { 
	background-color:#0165a5;
	/*height:1.5em;*/
	padding:1.5em 15px 1.5em 15px; }	
#content-wrapper {
	background:#fff url(../layout/header-bg.gif) repeat-x 0 0;
	padding-bottom:75px;
	position:relative; }
#content { 
	max-width:27em;
	min-height:412px;
	padding:90px 15px 0 15px; }
#pseudofooter {
	background:transparent url(../layout/bodypic01.jpg) no-repeat 100% 0;
	height:452px;
	margin:50px 0 0 31.5em;
	position:absolute; 
	top:0;
	width:382px;
	z-index:1; }
#about #pseudofooter { background-image:url(../layout/bodypic01.jpg); }
#legal #pseudofooter { background-image:url(../layout/bodypic02.jpg); }
#parapro #pseudofooter { background-image:url(../layout/bodypic03.jpg); }
#training #pseudofooter { background-image:url(../layout/bodypic04.jpg); }
#resources #pseudofooter { background-image:url(../layout/bodypic05.jpg); }
#networking #pseudofooter { background-image:url(../layout/bodypic06.jpg); }
#contact #pseudofooter { background-image:url(../layout/bodypic07.jpg); }
#footer {
	background-color:#0165A5; 
	height:50px;
	margin-top:-50px;
	position:relative; }
#indexfooter {
	color:#fff;
	background-color: #ff9900;
	height: 70px;
	width: 300px;
	margin: 0 auto;}
	#indexfooter ul {
	list-style: none;
	}
	#indexfooter li {
	display: inline;
	}	
	#return {
	position:relative;
	left: 120px;
	top: 10px;
	}
	#indexsearch { 
	cursor:pointer;
	height:22px;
	position:absolute;
	width:69px;
	margin-top: 20px; 
	margin-left: 20px;}	
	#indexsearch span {
	background:url(../layout/search-btn2.gif) no-repeat 0 0;	
	position:absolute;	
	height:100%;
	width:100%; }
	#search:hover span {
	background:url(../layout/search-btn2.gif) no-repeat 0 -22px; }
	
#skiplink {
  left:-1000px;
  position:absolute; }	

/* ----- CLASSES ----- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; } /*this trips hasLayout for ie7*/
.clearfix { display:block; }  
.hide { display:none; }
.block { display:block; }
.inline { display:inline; }
.texthide { text-indent:-100em; overflow:hidden; }
.external {
	background:url(/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(/common/images/icon_pdf.gif); }
.doc { background-image:url(/common/images/icon_msword.gif); }
.ppt { background-image:url(/common/images/icon_msppt.gif); }
.note { font-size:.8em; }
 

/* ----- HEADINGS ----- */
h1 {
	z-index:2;
	height:82px;
	padding:0 15px;
	position:absolute; }	
h2 { font-size:1.3em; }
h3, h4 { font-size:1.2em; }
h2, h3, h4, h5, h6 {
	line-height:normal;
  margin:1.5em 0 0 0; }

/* ----- PARAGRAPHS ----- */
.contact-info { margin-top:0; }

/* ----- QUOTES ----- */
blockquote {
}
blockquote p {
}
cite {
}
blockquote cite {
}

/* ----- LISTS/DEFINITIONS ----- */
ol, ul { 
	margin-left:1em;
	padding-left:1em; }
dt { 
	font-weight:bold; }
dd { 
	margin:0 0 .5em 2em; }

#nav ul { 
	font-size:110%;	
	letter-spacing:-1px;
	list-style-type:none;
	margin:0 0 0 -4px;
	max-width:63em;
	padding:0; }
#nav li {	
	display:inline; }	
#nav li a { 
	background:url(../layout/nav-dot.gif) no-repeat 100% 60%;
	float:left;
	padding-right:8px;
	padding-left:5px; 
	white-space:nowrap; }
#nav li.last a {
	background:none;
	padding-right:0; }	
#pseudofooter ul { 
	bottom:0px;
	list-style-type:none; 
	margin:0 0 0 -9px;
	position:absolute;
	text-align:center;
	width:100%; }
#pseudofooter li { 
	display:inline; }	

ul ul { margin-top:0; }

/* ----- IMAGES ----- */
a img { 
	border:none; }
img a:hover { }
#home img {
	margin:0 25px 16px 0; }	
#pullquote {
	display:block;
	margin:1em 0; }		
h1 img { 
	display:block; 
	margin-top:36px; }	

/* ----- LINKS ----- */
a:link { color:#4866BD; }
a:visited { color:#ff9900; }
a:hover { color:#8BA9FC; }
a:active { color:#ff9900; }

#nav a {
	color:#fff;
	font-weight:bold;
	text-decoration:none; }
#nav a:hover {
	color:#000; }	
#search { 
	cursor:pointer;
	height:22px;
	position:absolute;
	right:0;
	top:5px;
	width:69px; }	
#search span {
	background:url(../layout/search-btn2.gif) no-repeat 0 0;	
	position:absolute;	
	height:100%;
	width:100%; }
#search:hover span {
	background:url(../layout/search-btn2.gif) no-repeat 0 -22px; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
caption {
	font-weight:bold;
	padding-bottom:.5em;
	text-align:center; }
thead {
}
tbody {
}
tfoot {
}
tr {
}
tr .alt{
}
th {
}
td {
	vertical-align:top;
}

/* ----- FORMS ----- */
form {
}
fieldset {
}
legend {
  font-weight:bold;
}
label {
	cursor:pointer;
  display:block;
	font-weight:bold; }
label.required { color:red; }
input {
}
textarea {
}
select {
}
optgroup {
}
option {
}
input, textarea, select {
}
input:focus, textarea:focus, select:focus { 
	background-color:#D7EFF7; } 
.radio, .chkbox {
	display:inline;
	font-weight:normal; }
.form-error p.error {
	color:red;
	font-weight:bold;
  margin:5px 0 0 0; }
.form-error label { 
	display:inline;
	font-weight:bold; }	
form .form-error { background-color:#FFFF96; }
#content .form-error img { 
	border:none;
	float:none;  
	margin:0; 
	padding:0;
	vertical-align:middle; }
#email_sent { 
  font-weight:bold; 
	padding-top:1.5em; }

/* ----- BREAK/TEXT FORMATTING/MISC ----- */
hr, hr.noprint { 
	display:none; }
address { 
  font-style:normal; }
strong.important { color:red; }