/*  File: styles.css
	Author: Bryan Paepke
	Revision Date: August 9th, 2007  */
	
	ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	cursor: default;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	cursor: pointer;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin:1px 0px 0px 0px;
	padding:0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
	border-top:0px;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #fff;
	color: #666;
	text-decoration: none;
}

ul.MenuBarHorizontal li ul li a
{
	display: block;
	cursor: pointer;
	background-color: #fff;
	padding: 4px 5px 4px 5px;
	color: #666;
	text-decoration: none;
}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #fefefe;
	color: #ce1126 !important;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #fefefe;
	color: #ce1126 !important;
}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}




body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:center;
	padding:0px;
	margin:0px auto 0px auto;
	width:760px;
}

h1 {
	font-size:12px;
	color:#000;
}

h2 {
	font-size:11px;
	color:#666;
}


/*  Wrapper - holds all elements  */

#wrapper {
	background:#fff url('../img/bg_page.gif') repeat-y top left;
	text-align:left;
	width:760px;
}

/*  Header - holds logo, top nav, and horizontal tabbed nav  */

#header {
	background-color:#fff;
	border:1px solid #ccc;
	border-top:0px;
}

#header_left {
	padding:22px 0px 17px 18px;
	float:left;
	width:160px;
}

#header_right {
	font-size:11px;
	text-align:right;
	padding:28px 18px 0px 0px;
	float:right;
	width:530px;
}

#header_right ul {
	padding:0px;
	margin:0px;
}

#header_right li {
	display:inline;
	padding:0px;
	margin:0px;
	margin-left:4px;
}

#header_right form {
	display:inline;
	padding:0px;
	margin:0px;
}

#header_right .searchText {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	border:1px solid #666;
	padding-left:2px;
	margin-left:1px;
}

#header_right .searchButton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#fff;
	border:0px;
	color:#666;
	text-align:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	width:42px;
}

#header_bottom {
	border-top:1px solid #ccc;
	background:#fff url(../../../../../rtnwcm/groups/secure/documents/site/rtn_background_nav.gif) repeat-x top left;
	clear:both;
	height:26px;
}

/*#header_bottom ul {
	padding:0px;
	margin:0px;
	overflow:hidden;
	height:26px;
}

#header_bottom li {
	list-style:none;
	display:inline;
	float:left;
}*/

/*  Breadcrumb */

#breadcrumb {
	background-color:#fff;
	border:1px solid #ccc;
	border-top:0px;
	font-size:11px;
	padding:3px 7px 3px 7px;
}

/*  Content Left - holds left nav and left contribution region  */

#content_left {
	font-size:11px;
	padding:7px 0px 7px 0px;
	margin-right:3px;
	float:left;
	width:160px;
}

#content_left h1,
#content_left h2 {
	font-size:11px;
	margin:10px 0px 10px 8px;
}

#content_left p {
	margin:0px 5px 5px 8px;
}

#content_left ul {
	padding:0px;
	margin:0px 5px 20px 8px;	
}

#content_left li {
	list-style:none;
	margin:0px 0px 5px 0px;
}

/*  Content Right - holds main content  */

#content_right {
	font-size:12px;
	padding-top:3px;
	padding-bottom:3px;
	float:left;
	width:596px;	
}

#content_right h1,
#content_right h2 {
	margin:10px 0px 10px 12px;
}

#content_right h3 {
	background-color:#DAD9AD;
	font-weight:bold;
	font-size:11px;
	color:#000;
	padding:10px 10px 10px 12px;
	margin:0px 0px 0px 0px;
	clear:both;
}

#content_right p {
	padding:0px;
	margin:10px 10px 10px 12px;
}

#content_right .bannerimg {
	padding:0px;
	margin:0px 0px 3px 0px;
}

#content_right_float {
	font-size:11px;
	border:3px solid #7A96A1;
	margin:13px 13px 5px 10px;
	float:right;
	width:280px;
}

#content_right_float2 {
	font-size:11px;
	border: none;
	margin:13px 13px 5px 10px;
	float:right;
	width:280px;
}

#content_right_float h1 {
	background-color:#E2E0E0;
	font-size:11px;
	color:#000;
	margin:0px;
	padding:5px 12px 6px 12px;
}

/*  Banner - holds title and graphic or full-width img/swf  */

#banner {
	background-color:#1A559E;
	font-size:12px;
	color:#fff;
	margin-bottom:3px;
}

#banner p {
	font-weight:bold;
	padding:0px;
	margin:0px 13px 0px 13px;
}

#banner_right {
	border-left:3px solid #fff;
	/*float:right;*/
}


/*  News - holds img with news items  */

#news {
	background:#fff url('../img/bg_gradient.gif') repeat-x top left;
	padding-left:13px;
	margin-bottom:3px;
	height:175px;
}

#news h1 {
	font-size:11px;
	padding:8px 0px 9px 0px;
	margin:0px;
}

#news_left {
	float:left;
}

#news_right {
	margin-left:14px;
	float:right;
	width:361px;
}

#news_right p {
	font-size:11px;
	padding:0px;
	margin:0px 13px 10px 0px;
}

/*  Bottom of page elements */

.historical {
	font-size:11px;
	font-style:italic;
}

.page_top {
	clear:both;
}

.block_white {
	background-color: #FFFFFF;
	border: 1px solid #DEAD4E;
}

.block_code{
	background:#FFFFCC;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	border: 1px solid #9D9D00
}

.mytext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	padding:0px;
	margin:0px auto 0px auto;
}

/*  Sub Content - holds left and right main content for sub page  */

#sub_content {
	border-top:1px solid #ccc;
}

#sub_left {
	float:left;
	width:392px;
}

#sub_right {
	background:#fff url('../img/bg_gradient.gif') repeat-x top left;
	font-size:11px;
	margin-top:3px;
	float:right;
	width:198px;
}

#sub_right h1 {
	font-size:11px;
}

/*  Footer - holds contact and copyright  */

#footer {
	background-color:#fff;
	border-top:1px solid #ccc;
	line-height:15px;
	width:760px;
	clear:both;
}

#footer_left {
	background:#fff url('../img/bg_contact.gif') no-repeat top left;
	padding:37px 0px 0px 8px;
	float:left;
	width:330px;	
}

#footer_left p,
#footer_right p {
	padding:0px;
	margin:0px 0px 10px 0px;
}

#footer_right {
	font-size:11px;
	text-align:right;
	padding-top:10px;
	float:right;
	width:400px;
}

/*  All link styles  */

a {text-decoration:underline;color:#666;}
a:hover,
#breadcrumb a:hover,
#content_left .level1-focus a,
#content_left .level2-focus a,
#content_left .level3-focus a,
#content_left .level4-focus a {color:#ce1126;}

a.example2:link     {color: red;}
a.example2:visited  {color: red;}
a.example2:active   {color: red;}

#header a,
#breadcrumb a,
#content_left a {text-decoration:none;}

#header a:hover {color:#666;}

#content_left .level2,
#content_left .level2-focus {margin-left:10px;}

#content_left .level3,
#content_left .level3-focus {margin-left:20px;}

#content_left .level4,
#content_left .level4-focus {margin-left:30px;}