
/* rio2.css inn of the rio grande 2009 11 18  */
body {
	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #000000;
/*	background-color:#ffcc66;	 */	background-color:#ffda90; 
}
.link_inline{
 text-decoration:none; color:#6f0000; font-size: 15px; font-weight:bold; /*color:#ff5d00; */
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;
}
.style3 {
	color: #f0af5e;	font-weight: bold;	font-size: 14px;	padding-left: 8px;
		font-family: Arial, Helvetica, sans-serif;
}
.style5 {
	font-size: 14px;	font-weight:normal;	color: #FFFFFF;		padding-left: 8px;
		font-family: Arial, Helvetica, sans-serif;
}
.style6 {color: #000000}
.title {
	font-family: Arial, Helvetica, sans-serif;	font-size: 20px;
/*	color: #EFB22D; */	color: #f49309;	font-weight: bold;	text-align:center;
}
.sub_title {
	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;	color: #f49309;	font-weight: bold;
	font-style:italic;	text-align:center;
}
.text_reg_b {
	font-family: Arial, Helvetica, sans-serif;	font-size:14px;	text-align:left;
	padding-left: 10px;	padding-right: 10px;	font-weight: bold;	color:#000000;
}
.text_it_c {
	font-family: Arial, Helvetica, sans-serif;	font-size:14px;	text-align:center;
	padding-left: 10px;	padding-right: 10px;	font-weight: bold;	font-style:italic;	color:#000000;
}
.text_reg {
	font-family: Arial, Helvetica, sans-serif;	font-size:14px;	text-align:left;
	padding-left: 10px;	padding-right: 10px;	font-weight: normal;	color:#000000;
}
.text_reg_center {
	font-family: Arial, Helvetica, sans-serif;	font-size:14px;	text-align:center;
	padding-left: 10px;	padding-right: 10px;	font-weight: normal;	color:#000000;
}
.text_reg_b_center {
	font-family: Arial, Helvetica, sans-serif;	font-size:14px;	text-align:center;
	padding-left: 10px;	padding-right: 10px;	font-weight: bold;	color:#000000;
}
.text_med_b_center {
	font-family: Arial, Helvetica, sans-serif;	font-size:16px;	text-align:center;
	padding-left: 10px;	padding-right: 10px;	font-weight: bold;	color:#213d30;
}
.text_med_b_bl_i_center {
	font-family: Arial, Helvetica, sans-serif;	font-size:18px;	text-align:center; font-style:italic;
	padding-left: 10px;	padding-right: 10px;	font-weight: bold;	color:#000000;
}
.text_indent {
	font-family: Arial, Helvetica, sans-serif;	font-size:14px;	text-align:left;
	padding-left: 20px;	padding-right: 10px;	left: 30px;	font-weight: normal;	color:#000000;
}
.text_indent_bold {
	font-family: Arial, Helvetica, sans-serif;	font-size:14px;	text-align:left;
	padding-left: 20px;	padding-right: 10px;	left: 30px;	font-weight: bold;	color:#000000;
}
.text_indent_nor {
	font-family: Arial, Helvetica, sans-serif;	font-size:14px;	text-align:left;	padding-left: 20px;
	padding-right: 10px;	left: 30px;	font-weight: normal;	color:#000000;
}
.text_top_banner {
	font-family: Arial, Helvetica, sans-serif;	font-size:12px;	text-align:left;	padding-left: 70px;
	padding-top: 120px;	font-weight: bold;	color: #7a1501;
}
#content { /*	padding-left:50px; */
  	width:850px;	margin-left:auto;margin-right:auto;	background-image:url("../graphics/rio_o_content.gif");	
}
#footer {
  	width:850px;	margin-left:auto;	margin-right:auto;		height: 40px;
	background-image:url("../graphics/rio_o_footer.gif");		padding-top: 4px;
	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #ffffff;
	text-align: center;	line-height: 14px;		text-decoration:none;
}
#top_banner {
	width:850px;	height:159px;	z-index:1;
	background-image:url("../graphics/rio_o_top_banner.gif");	 	left: 0;	top: 0;
	visibility: visible;	margin-left:auto;	margin-right:auto;	text-align: left;
}
#banner_live {
	background-image:url("../graphics/rio_o_banner_live66.gif");	  height: 68px;
  	width:850px;	margin-left:auto;	margin-right:auto;	
}

.text14wh{
	font-size: 14px;	color: #FFFFFF;	text-align:center;	text-decoration:none;
}  
.text_footer{
	font-size: 12px;	color: #FFFFFF;	text-align:center;	text-decoration:none;
} 
#navigation {
	background-image:url("../graphics/rio_o_nav.gif");	     height: 36px;
  	width:850px;	margin-left:auto;	margin-right:auto;	align: center;	
}
/* the margin-left seems to matter in mozilla & explorer; if align center, they have different looks
margin:0 give proper white above in mozilla problem with absolute or static or relative
if margin isn't auto, mozilla shifts right.
*/
#nav {
margin: auto; list-style: none;  height: 32px;  padding-left: 10px;	border-right:1px solid #FFFFFF;
}   
 /*
 need float left to make horizontal
 */
#nav li {
  float: left;  width: 103px; margin-left: auto; 
  align: center;  text-align: center; text-decoration: none; 
    color: #ffffff;  font: Verdana, Geneva, Arial, Helvetica, sans-serif;
  height: 32px;  padding-top: 3px;  padding-bottom: 1px;  line-height: 14px;  font-size: 11px;
}
#nav li a {display:inline; float:left; height:32px; line-height:14px; background:#213d30; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding-top:3px; padding-bottom:1px; width:104px;
 align: center;    valign:middle;  text-align: center; border-right:1px solid #FFFFFF; 
 }
 
#nav a:link, #nav a:visited {
  display: inline;  text-decoration: none;  padding-left: 1em;  color: #ffffff;
}
/* Style the list OR link hover. Depends on which browser is used */

#nav li a:hover {z-index:200; position:relative;color:#fff; background-color:#213d30;}
#nav li:hover {position:relative; z-index:200;}

#nav li:hover > a {color:#000; background:#779182;}
#nav li:hover > a.sub {color:#000; background-color:#779182;}

/* top level */
#nav li.current a {color:#fff; background:#213d30; border-right:1px solid #FFFFFF;}

#nav :hover ul {left:0; top:33px; width:104px; background:#444;}
/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav :hover ul :hover ul
{left:104px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#nav :hover ul li {margin:0; border-top:1px; solid #666;}
#nav :hover ul li a {width:104px; padding:0; text-indent:10px; background:#779182; color:#000; height:30px; line-height:30px;}

#nav :hover ul :hover {background-color:#779182;; color:#000;}
#nav :hover ul li.currentsub a {background:#779182;; color:#fff;}

#nav :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#nav :hover ul :hover ul :hover {background-color:#d70; color:#fff;}



