body   	{ 
		font-family: Trebuchet MS, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
		background-color: white;
		margin-top: 0px;
		padding-top: 0px;
		background-image: url(images/background.jpg);
		background-repeat: repeat-x;
		background-attachment: fixed;
		}
		

/* ORGANIZATIONAL DIVISIONS */

#frame  /* The outlying frame for the site */   
	   	{ 
	   	width: 816px; 
	   	height: auto; 
	   	text-align: left; 
	   	font-size: 0.9em; 
	   	color: #505050; 
	   	}
#banner  /* Lupe 2008 banner */   
		{ 
		background-image: url(images/logo.png); 
		width: 790px; 
		height: 90px; 
	   	border-right: 3px solid #7DA7D9;  
	   	border-left: 3px solid #7DA7D9;  
		border-bottom: 1px solid #3a45a0;
		text-align: right;
		vertical-align: bottom; 
		}
#menu  /* Menubar for all pages */    
		{ 
		background-image: url(images/menuback.png); 
		position: relative; 
		width: 790px; 
		height: 20px; 
		float: left; 
		clear: both; 
	   	border-right: 3px solid #7DA7D9;  
	   	border-left: 3px solid #7DA7D9;  
		}
		
/* FRONT PAGE COMPONENTS */

#newsflash  /* Optional news stripe for front page */
		{ 
		color: red; 
		font-size: 1.5em; 
		line-height: 0; 
		background-color: orange; 
		text-align: center; 
		padding-top: -3px; 
		position: relative; 
		width: 790px; 
		height: 40px; 
		float: left; 
		clear: both; 
		vertical-align: top; 
		border-bottom: 2px solid red; 
		}
#splash  /* The splash photo/video on the home page. */   
		{
	background-color: #FFFFFF;
	position: relative;
	width: 790px;
	height: 300px;
	float: left;
	clear: both;
	border-left: 3px solid #7DA7D9;
		}
#button1  /* A small button area on the right of the front page */ 
		{
	background-color: white;
	margin-right: 20px;
	position: relative;
	width: 240px;
	height: 190;
	float: right;
	clear: none;
	border-right: 3px solid #7DA7D9;
		}
#button2  /* A small button area on the right of the front page */
		{ 
		background-color: white; 
		margin-right: 20px; 
		position: relative; 
		width: 240px;
		height: 100px; 
		float: right; 
	   	border-right: 3px solid #7DA7D9;  
		clear: right; 
		}
#button3  /* A large button area on the right of the front page */
		{
	background-color: #597393;
	position: relative;
	width: 240px;
	height: 200px;
	float: right;
	clear: none;
	margin-right: 20px;
	border-right: 3px solid #7DA7D9;
		}
#button4  /* A small button area on the right of the front page */
		{ 
		background-color: white; 
		margin-right: 20px; 
		position: relative; 
		width: 240px; 
		height: 100px; 
		float: right; 
		clear: right; 
	   	border-right: 3px solid #7DA7D9;  
		}
		
/* Grid buttons -- 2 Up */
		
#button5  /* A small button area on the left of the front page */
		{ 
		position: relative; 
		width: 260px; 
		height: 120px; 
		float: left; 
		clear: none;
		}
#button6  /* A small button area on the left of the front page */
		{ 
		position: relative; 
		border-top: solid 1px #3a45a0; 
		width: 260px; 
		height: 119px; 
		float: none; 
		clear: both;
		}
		
/* Grid Buttons -- 3 Up */

#button7  /* A very small button area on the left of the front page */
		{ 
		position: relative; 
		border-top: solid 1px #3a45a0; 
		width: 260px; 
		height: 39px; 
		float: left; 
		clear: none;
		}
#button8  /* A very small button area on the left of the front page */
		{ 
		position: relative; 
		border-top: solid 1px #3a45a0; 
		width: 260px; 
		height: 39px; 
		float: left; 
		clear: none;
		}
#button9  /* A very small button area on the left of the front page */
		{ 
		position: relative; 
		border-top: solid 1px #3a45a0; 
		width: 260px; 
		height: 39px; 
		float: none; 
		clear: both;
		}
		
		
#grid  /* A large button area below the splash the front page */
		{ 
		position: relative; 
		width: 260px; 
		height: 240px; 
		float: left; 
		clear: both; 
		border-top: solid 1px #3a45a0; 
		border-right: solid 1px #3a45a0; 
		padding: none; 
		background-color: white;
	   	border-left: 3px solid #7DA7D9;  
		}
#press2  /* A text area below the splash on the front page */
		{
	background-color: white;
	position: relative;
	width: 790px;
	height: 50px;
	float: left;
	clear: none;
	border-top: solid 1px #3a45a0;
	border-right: 3px solid #7DA7D9;
	background-image: url(images/textback.png);
	background-repeat: repeat-x;
		}
#footer  /* The common footer for all pages */
		{
	background-image: url(images/footerback.png);
	width: 790px;
	height: auto;
	float: left;
	clear: both;
	border-top: 1px solid #7DA7D9;
	border-right: 3px solid #7DA7D9;
	border-left: 3px solid #7DA7D9;
	border-bottom: 3px solid #7DA7D9;
		}
		
/* INTERNAL PAGE COMPONENTS */
		
#textify  /* The text wrapper on internal pages */
		{  
		background-color: white; 
		padding-top: -3px; 
		position: relative; 
		width: 790px; 
		height: auto; 
		float: left; 
		clear: both; 
		vertical-align: top; 
		padding-top: 7px; 
		padding-bottom: 10px;  
	   	border-right: 3px solid #7DA7D9;  
	   	border-left: 3px solid #7DA7D9; 
	   	background-image: url(images/textback.png);
	   	background-repeat: repeat-x; 
		}
#bodytext  /* The text itself on internal pages */
		{
		width: 550px;
		height: auto;
		position: relative;
		float: left;
		clear: right;
		}
#newstext  /* The text itself on news pages */
		{
		width: 750px;
		height: auto;
		position: relative;
		float: left;
		clear: right;
		}
#navbar  /* The Page and Site Vertical Navigation on Internal Pages */
		{
		width: 200px;
		height: auto;
		border: solid 1px #3a45a0;
		float: right;
		vertical-align: top;
		margin-right: 30px;
		margin-top: 35px;
		padding-bottom: 3px; 
		}

/* NAVBAR SECTIONS */

.navtitle  /* The topper boxes on navbar sections */
		{
		width: 200px;
		height: auto;
		text-align: center;
		background-color: #3a45a0;
		border: none;
		font-size: 0.9em;
		line-height: 1.9em;
		color: white;
		}
#navbar p  /* Internal components of navbar sections */
		{
		font-size: 0.9em;
		line-height: 1.1em;
		color: #3a45a0;
		margin-left: 20px;
		text-align: left;
		}

/* FRONT PAGE GRID COMPONENTS */

.tile1  /* Row 1, button 1 */
		{
		width: 130px;
		height: 81px;
		float: left;
		clear: right;
		}	
.tile1a  /* Row 1, button 2 */
		{
		width: 130px;
		height: 81px;
		float: left;
		clear: right;
		}
.tile2  /* Grid Top Stripe */
		{
		width: 260px;
		height: 40px;
		float: left;
		clear: right;
		margin-bottom: 0px;
		}
.tile3  /* Row 2, button 1 */
		{
		width: 130px;
		height: 78px;
		float: left;
		clear: right;
		}
.tile3a  /* Row 2, button 2 */
		{
		width: 130px;
		height: 78px;
		float: left;
		clear: right;
		}

/* MENUBAR STRUCTURE */

.select  /* Default menu item appearance */
		{ 
		color: white; 
		font-size: 0.8em; 
		font-style: bold; 
		background-image: url(images/menuback.png); 
		padding-top: 2px; 
		padding-right: 10px; 
		padding-left: 10px; 
		position: relative; 
		height: 100%; 
		float: left; 
		clear: right; 
		border-right: 1px solid #3a45a0; 
		}
.select:hover  /* Menu mouseover reversal */
		{ 
		background-image: url(images/menuflip.png); 
		height: 99% 
		}
		
/* MENUBAR LINK STYLES */

#menu a:link 
		{ 
		color: white; 
		text-decoration: none; 
		}
#menu a:hover 
		{ 
		color: white; 
		text-decoration: none; 
		}
#menu a:visited 
		{ 
		color: white; 
		text-decoration: none; 
		}
#menu a:visted:hover 
		{ 
		color: white; 
		text-decoration: none; 
		}

/* STANDARD LINK STYLES */

a:link 
		{ 
		color: #3a45a0; 
		text-decoration: none; 
		}
a:hover 
		{ 
		color: #3a45a0; 
		text-decoration: underline; 
		}
a:visited 
		{ 
		color: #3a45a0; 
		text-decoration: none; 
		}
a:visited:hover 
		{ 
		color: #3a45a0; 
		text-decoration: underline; 
		}
		
/* SPECIFIC PARAGRAPH & ITEM FORMATTING */

#footer p  
		{ 
		color: white; 
		font-size: .8em; 
		text-align: center; 
		margin-top: 5px; 
		margin-bottom: 5px; 
		}
p 		
		{ 
		margin-left: 30px; 
		margin-right: 35px; 
		font-size: 0.9em; 
		}
blockquote 
		{ 
		margin-left: 35px; 
		margin-right: 35px; 
		}
li 
		{ 
		margin-left: 10px; 
		margin-right: 45px; 
		font-size: 0.9em; 
		margin-bottom: 8px; 
		}
h1 
		{ 
		color: #3a45a0; 
		font-size: 1.4em; 
		margin-right: 35px; 
		margin-left: 30px; 
		}
h2 
		{ 
		color: #3a45a0; 
		font-size: 1.2em; 
		margin-right: 35px; 
		margin-left: 30px; 
		}
img 
		{ 
		border: 0px; 
		}
#press a:link  /* Bold text for links in front page text box */
		{
		font-weight: bold;
		}
#press .date  /* Italic text for datelines in front page text box */
		{
		font-style: italic;
		}
		
/* OTHER */

#textify table 
		{
		margin-left: 50px;
		}
table p
		{
		margin-left: 0px;
		margin-right: 0px;
		}
table h1
		{
		margin-left: 0px;
		}
table h2
		{
		margin-left: 0px;
		}
embed 
		{
		margin-left: 30px;
		}

/* HACKS FOR MICROSOFT INTERNET EXPLORER 6 COMPATIBILITY */

* html body .tile1
		{
		width: 130px;
		position: relative;
		float: left;
		clear: none;
		}
* html body .tile2
		{
		width: 260px;
		float: left;
		position: relative;
		clear: left;
		margin-bottom: 0px;
		}	
* html body .tile3
		{
		width: 130px;
		position: relative;
		float: left;
		clear: none;
		}
* html body #navbar
		{
		margin-right: 0px; 
		padding-bottom: 20px;
		}
* html body #textify
		{
		padding-right: 30px; 
		padding-bottom: 5px;
		}
* html body #press
		{
		padding-top: 10px;
		}
* html body .select
		{
		padding-top: 2px;
		}
* html body #bodytext
		{
		margin-top: 10px;
		}
* html body #press2 p
		{
		padding-bottom: -3px;
		padding-top: -2px;
		}		
* html body #frame 
		{ 
		width: 822px; 
		}
* html body #myspace 
		{ 
		width: 240px; 
		clear: none;  
		}
* html body #record2 
		{ 
		width: 240px; 
		clear: none; 
		}
* html body #button3
		{ 
		width: 237px; 
		overflow: hidden;
		}
* html body #button1
		{ 
		width: 237px; 
		overflow: hidden;
		}
* html body #press2
		{
		padding-top: 3px;
		padding-bottom: 3px;
		width: 526px;
		}
/*
CSS Design by Richard K. McPike
for Lupe Valdez 2008 wesbite
*/
#frame #splash {
	border-top-color: #7DA7D9;
	border-right-color: #7DA7D9;
	border-bottom-color: #7DA7D9;
	border-left-color: #7DA7D9;
}