/* ============================
EOU 8-01-2004 Style Sheet
==============================*/


/* ==========================
basic elements 
=============================*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font: .8em/1.3 Arial, Helvetica, Verdana, sans-serif;
	line-height: 133%;
	color: #333333;
	text-align: center;
	 background:   url(graphics_3/background_04.gif) repeat;
}


/* ===========================
Layout
==============================*/
#contents {
	background: transparent url(graphics_3/body_background.gif) repeat-y;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	padding: 0px;
	width: 770px;
	text-align:left; /* Counteract to IE5/Win Hack */
}

#topBanner {
	background: transparent url(graphics_3/tech_title_top.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	width:770px;
	height:150px;
	}
	
#topLinks {
	position: absolute;
	background: transparent;
	margin: 0px 0px 0px 65px;
	top: 136px;
	width: 600px;
	z-index: 1;
	left: 60px;
}


#topInfo {
	width: 350px;
	margin: 0px 10px 0px 400px;
	padding-top: 75px;
	color:#FFFFFF;
	font: 1em/1.2 Arial, Helvetica, Verdana, sans-serif;
	}
	
/* ===========================
Layout Columns
==============================*/
	
	
#centerText {
	margin: 35px 20px 0px 430px;
	width: 300px;
	}
	
#fullPage {
	margin: 0px 0px 10px 35px;
	padding: 0px 0px;
	width: 600px;
	}
	
#sNews {
	position: absolute;
	background: transparent url(home/graphics/link_bg.gif) no-repeat top left;
	margin: 0px 0px 0px 65px;
	top: 160px;
	width:340px;
	z-index: 1;
}

#sNews2 {
	padding: 0px 0px 4px 0px;
	background: transparent;
}

#sNews2 h2 {
	font: bold 1.6em/1.4 arial, helvetica, sans-serif;
	color:#4D6486
	}

#sNews ul {
	margin: 0px 4px;
	padding: 0px;
	list-style-type: none;
}

#sNews li {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#backLinks {
	text-align: left;
	margin: 0px;
	padding: 0px 25px;
	font: 1em/1.2 arial, helvetica, sans-serif;
	color:#E1E1CC
	}
	
/* ================================
Left and Right Column Elements
==================================== */

#rLinks, #programs {
	margin: 9px 0px 0px 0px;
	padding: 0px 0px 12px 0px;
	width: 280px;
}

#extraLinks {
	margin: 9px 0px 0px 12px;
	padding: 0px 0px 12px 0px;
	width: 200px;
}

#extraLinks, #programs {
	background: transparent url(graphics_3/sa_link_line_2.gif) no-repeat bottom left;
}

#centerText ul {
	margin: 0px;
	list-style-type: none;
	}
#centerText li {
	margin: 0px;
	padding: 0px;
	}
	
#rLinks ul {
	margin:0px;
	padding:0px;
	}
	
#rLinks li {
	margin: 0px;
	padding: 0px;
	}
	
#extraLinks ul {
	margin:0px;
	padding:0px;
	}
	
#extraLinks li {
	margin: 0px;
	padding: 0px;
	}
	
#bottomText {
	width: 250px;
	border-bottom:1px solid #e3e4e0;
	}
	
#bottomText p {
	margin: 0;
	padding: 0px 0px 0px 16px;
	}

#bottomText {
	padding-top:10px;
	}

/* ============================
Photos
=============================*/
#photoTop {
	background: transparent url(graphics_3/photo_top_2.jpg) no-repeat;
	position: absolute;
	margin: 0px 0px 0px 377px;
	top: 10px;
	padding:0px;
	width: 377px;
	height: 115px;
	z-index: 6;
	}

div.photo {
	float: right; 
	width: 200px;
	height: 200px;
	font: Arial, Helvetica, Verdana, sans-serif;
	padding: 3px 3px 3px 3px; 
	margin: 10px 7px;
	background: transparent url(home/graphics/photo_1.jpg) no-repeat top left;
	}
	
div.pullquote {
	float: right; 
	width: 140px; 
	color: #003366;
	border: solid rgb(10%,20%,40%); 
	border-width: 2px 0;
	font: Arial, Helvetica, Verdana, sans-serif;
	padding: 3px 3px 3px 3px; 
	margin: 10px 7px;
	}
	
/*===================================
Headings
================================*/
#sNews2 h3 {
	font: bold 1.5em/1.4 Arial, Helvetica, sans-serif;
	color:#56768F;
	}
#fullPage h3 {
	font: bold 1.5em/1.4 Arial, Helvetica, sans-serif;
	color:#56768F;
	}
	
h4 {
	font: bold 1em/1.2 Arial,Helvetica, Verdana, sans-serif;
	margin: 12px 0px 2px 0px;
	padding: 0px;
	}
	
#bottomText h3 span {
	display: none;
}

#bottomText h3 {
	margin: 0px;
	padding: 0px;
}


#bottomText h3 {
	background: transparent url(graphics_3/tech_contact.gif) no-repeat top left;
	width: 253px;
	height: 21px;
}

#rLinks h3 {
	background: transparent url(graphics_3/sub_info.gif) no-repeat top left;
	width: 156px;
	height: 18px;
}

#extraLinks h3 {
	background: transparent url(home/graphics/title_extraLinks.gif) no-repeat top left;
	width: 157px;
	height: 25px;
}

#programs h3 {
	background: transparent url(graphics_3/saffairs_programs.gif) no-repeat top left;
	width: 157px;
	height: 17px;
}

#rLinks h3 span, #extraLinks h3 span, #programs h3 span {
	display: none;
}

#rLinks h3, #extraLinks h3, #programs h3 {
	margin: 0px 0px 3px 0px;
	padding: 0px;
}


/*=================================
Links Info
============================*/

#topLinks {
	font: bold 1.2em/1.2 Arial, Helvetica, Verdana, sans-serif;
	color:#514F39;
	}

#topInfo a {
	color:#FFFFFF;
	text-decoration:none;
	}
#topInfo a:hover {
	text-decoration:underline;
	}

#topLinks a {
	text-decoration: none;
	color:#585638;
	}
#topLinks a:hover {
	text-decoration: underline;
	}

#rLinks li a {
	font: .9em/1.2 Verdana, Arial, Helvetica, sans-serif;
	color:#39470D;
	display: block;
	background-color:#D9DACB;
	border-bottom: 1px solid #879CC0;
	margin:5px 0px;
	padding:2px 0px 2px 8px;
	text-decoration: none;
 }
 
#rLinks a:hover {
	background-color:#A2B1CC;
	}

#bottomText a {
	color: #666;
	text-decoration: none;
}

#bottomText a:hover {
	text-decoration: underline;
	background-color:#B1C7DA;
	}
	
#centerText a {
	color: #003063;
	text-decoration:none;
}

#centerText a:hover {
	background-color:#B1C7DA;
	}
#sNews a {
	text-decoration: none;
	color:#003366;
	}
	
#sNews a:hover {
	text-decoration:underline;
	color:#330000;
	}
	
#backLinks a {
	color:#E0E0CF;
	text-decoration:none;
	}
#backLinks a:hover {
	text-decoration:underline;
	}


/*===========================
More Extra images
==============================*/


#footer {
	bottom: 0px;
	left: 0px;
	text-align: center;
	width: 100%;
	z-index: 0;
	height: 52px;
}


#footer span {
	background: transparent url(graphics_3/footer_bottom.gif) no-repeat;
	margin: 0px auto;
	padding: 0px 10px;
	width: 770px;
	height: 52px;
	display: block;
}