/* ROYAL_BLUE -  Stylesheet for Royal template - blue with light blue highlights */

/* DESCRIPTION: BACKGROUND: royal blue, BODY: light blue, ACCENTS: pinkish-orange, BUTTONS: pinkish-orange */
/* MAIN TEXT: dark blue, TITLE TEXT: white, SUBTITLE TEXT: white, LOGO COLOR: dark blue with white text */
/* HEADDER: flash 4-picture fade-in pictures from Cabo and Disneyland, HEADDER NAME: starburst.swf, SIZE: 900x170 */

/* LINKS SETTINGS */

.link1 a:link, .link1 a:visited {
	text-decoration: underline;
	color: #C51A20;
	background-color: none;
	}
.link1 a:hover, .link1 a:active {
	text-decoration: underline overline;
	color: #FFFFFF;
	background-color: #892A28;
	}

.link2 a:link, .link2 a:visited {
	text-decoration: underline;
	color: #C51A20;
	background-color: none;
	}
.link2 a:hover, .link2 a:active {
	text-decoration: underline overline;
	color: #FFFFFF;
	background-color: #892A28;
	}

/* BACKGROUND COLORS AND IMAGES */

/* BACKGROUNDS IMAGES FOR PAGES HAVE THEIR OWN BODY.CSS LINK AND PAGE */
  
  #table_bg { /* Background color for main table body section */
  background: FFFFFF;
  }
  
  #menu /* background image for biuttons in left column */
  {
    background: url(images/royal_left.gif) no-repeat scroll top center ;
  }
  
  #logobg /* Background image for company logo */
  {
    background: url(images/demologo_green.jpg) no-repeat scroll top center ;
  }
  
  #tube /* Decoration background image below logo and above flash images */
  {
    background: url(images/tubeblu3.jpg) scroll center center ;
  }
  
  #hr /* Decoration image below flash images and at bottom of body content */
  {
    background: url(images/hr900green.jpg) no-repeat scroll top center ;
  }
  
  #rsidebar /* Right sidebar background color */
  {
    background: #76c470 ;
  }
  
  #xcolor /* Accent colors used for calculator cells, etc. */
  {
    background: #882A27 ;
  }
  
  #ycolor /* Accent colors used for calculator cells, etc. */
  {
    background: #E8DFD0 ;
  }
  
  #equal_bg /* Equal opportunity graphic. */
  {
    background:  url(images/equal.gif) no-repeat scroll center center ;
  }
  
  #dre_bg /* DRE graphic. */
  {
    background:  url(images/dre_logo.gif) no-repeat scroll center center ;
  }
  
  
/* BACKGROUND PICTURES FOR CONTENT PAGES */
  
/* BACKGROUNDS IMAGES: EACH PAGE HAS ITS OWN 'PAGENAME'.CSS LINK AND CSS PAGE FOR THAT PAGES BACKGROUND IMAGE */

  

/* FONT STYLES FOR TEXT */

h1 { /* All normal heddings */
	color: #882a27;
	font: 22px Arial, Helvetica, sans-serif, Tahoma;
	text-decoration: none;
	}
	
h2 { /* All normal heddings */
	color: #C51A20;
	font: 18px Arial, Helvetica, sans-serif, Tahoma;
	text-decoration: none;
	}

P { /* All regular text */
	color: #882a27;
	font: 16px Arial, Helvetica, sans-serif, Tahoma;
	text-decoration: none;
	}
	
li { /* All regular text */
	color: #882a27;
	font: 16px Arial, Helvetica, sans-serif, Tahoma;
	text-decoration: none;
	}
	
.nobr {white-space:nowrap;}
	
.highlight { /*Highlighted text color */
	color: #C51A20;
	}
	
.white { /*Highlighted text color */
	color: #FFFFFF;
	font: 16px Arial, Helvetica, sans-serif, Tahoma;
	text-decoration: none;
	}
		
.blu { /*Text color */
	color: #882a27;
	font: 14px Arial, Helvetica, sans-serif, Tahoma;
	text-decoration: none;
	}
	
.blu16 { /*Text color */
	color: #882a27;
	font: 16px Arial, Helvetica, sans-serif, Tahoma;
	text-decoration: none;
	}
	
.style2 { /* Text for bottom of page (company name and address) */
	font: 16px Arial, Helvetica, sans-serif, Tahoma;
	color: #C51A20;
	}
.style3 {
	color: #C51A20; /* DRE text at bottom of page */
	font: 12px Arial, Helvetica, sans-serif, Tahoma;
	}
.style4 { /* Copyright text at bottom of page */
	font: 10px Arial, Helvetica, sans-serif, Tahoma;
	color: #C51A20;
	}
.style5 { /* medium size blue text */
	font: 18px Arial, Helvetica, sans-serif, Tahoma;
	color: #C51A20;
	}
.style6 { /* medium size white text */
	font: 16px Arial, Helvetica, sans-serif, Tahoma;
	color: #C51A20;
	}
.style7 { /* medium size blue text */
	font: 16px Arial, Helvetica, sans-serif, Tahoma;
	color: #C51A20;
	}
.top { /* small size blue text for lint to go to the top of the page */
	font: 10px Arial, Helvetica, sans-serif, Tahoma;
	color: #C51A20;
	}
	

/* FIELD BOX VALUES FOR CALCULATOR ON HOME PAGE */
	
.fields { 
   font-family: Arial, Helvetica, sans-serif, Tahoma; 
   font-size: 12px; 
   color: #882a27; 
   background-color: #ece9e2; 
   padding: 1px; 
   height: 14px; 
   width: 50px; 
   border: 1px solid #882a27; 
} 
	
.fields2 { 
   font-family: Arial, Helvetica, sans-serif, Tahoma; 
   font-size: 12px; 
   color: #882a27; 
   background-color: #ece9e2; 
   padding: 1px; 
   height: 14px; 
   width: 35px; 
   border: 1px solid #882a27; 
} 

.fields25 { 
   font-family: Arial, Helvetica, sans-serif, Tahoma; 
   font-size: 12px; 
   color: #882a27; 
   background-color: #ece9e2; 
   padding: 1px; 
   height: 14px; 
   width: 20px; 
   border: 1px solid #882a27; 
} 

.fields3 { 
   font-family: Arial, Helvetica, sans-serif, Tahoma; 
   font-size: 12px; 
   font-weight: bold;
   color: #882a27; 
   background-color: transparent; 
   padding: 1px; 
   height: 14px; 
   width: 50px; 
   border: 0px; 
} 

/* .fields_tansparent {
	-moz-opacity:0.5;
filter:Alpha(Opacity=50);
} */



/* POP-UP BOX FOR GLOSSARY PAGE */

.simple_popup_div {
    position: absolute;
    top: 0;
    left: 0;
    background: #FFFFFF;
    width: 300px;
}
.simple_popup_inner {
    padding: 15px;
    border: #882a27 2px solid;
    text-align: left;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	color: #882a27
}
.simple_popup_close {
	font-family: Arial, Helvetica, sans-serif, Tahoma; 
	color: #882a27
    text-align: right;
}


	
/* ROLLOVER LINKS */

.rolloverabout a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/about.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rolloverabout a:hover {
	background-position: 0 -25px;
	text-decoration: none;
}

.rolloverapply a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/apply.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rolloverapply a:hover {
	background-position: 0 -25px;
	text-decoration: none;
}

.rollovercalc a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/calc.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rollovercalc a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rolloverscores a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/scores.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rolloverscores a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rolloverinfo a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/info.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rolloverinfo a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rolloverconsultants a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/consultants.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rolloverconsultants a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rolloveranswers a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/answers.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rolloveranswers a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rolloverglossary a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/glossary.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rolloverglossary a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rolloverrefi a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/refi.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rolloverrefi a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rolloverprocess a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/process.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rolloverprocess a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rollovercontact a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/contact.gif") 0 0 no-repeat;
	text-decoration: none;	
}
.rollovercontact a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rollovermap a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/map.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rollovermap a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rolloverhome a {
	display: block;
	width: 247px;
	padding: 0px 0px 0px 0px;
	font: 21px sans-serif;
	background: url("buttons_r1/home.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rolloverhome a:hover { 
	background-position: 0 -25px;
	text-decoration: none;
}

.rollover_meet a {
	display: block;
	width: 251px;
	padding: 0px 0px 0px 0px;
	font: 44px sans-serif;
	background: url("images/meet.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rollover_meet a:hover {
	background-position: 0 -50px;
	text-decoration: none;
}
	
.rollover_loan_types a {
	display: block;
	width: 251px;
	padding: 0px 0px 0px 0px;
	font: 44px sans-serif;
	background: url("images/loan_types.gif") 0 0 no-repeat;
	text-decoration: none;
}
.rollover_loan_types a:hover {
	background-position: 0 -50px;
	text-decoration: none;
}
	
/* END*/