/* style.css */

body {margin: auto; font-family: Lucida, Helvetica, Arial, Verdana, sans-serif; color: #eeeeee; font-size: 62.5%; line-height: 1.4;}

h2, strong, a:hover, .breadcrumbs li a:hover, .pager a:hover, #feedback a:hover, .contenttemplate_lightbox h2, .contenttemplate_lightbox strong {color: #c9cd2e;}

ul#exblist li a:hover, ul.displaylist li a:hover {background: #c9cd2e; color: #000000;}

.main, .textblock, ul#exblist li a, #relatedarticles, #relatedmedia, #tab_content, ul.displaylist li a,ul.tabmenu li.active, ul.tabmenu li.active a:hover {background: transparent url(/site_media/img/RL_bg06.png);}

h1 {font-weight: normal; margin: 0px; padding-left: 6px;}

h2 {font-size: 1.8em; margin: 0; padding: 0; padding-bottom: 10px; font-weight: normal;}

h4 {font-size: 0.8em;}

.carousel_wrap h4 {width: 135px; margin: 0; color: #ffffff; font-weight: normal; background: transparent; padding-top: 5px;}

.carousel_wrap a {color: #ffffff; background: transparent;}

.carousel_wrap a:hover {background: transparent;}

p {font-size: 1.3em; margin: 0; padding-bottom: 5px;}

.textblock p {font-family: Lucida, Helvetica, Arial, "sans-serif";}

p.back {display: inline; padding-right: 5px;}

strong {font-weight: normal; padding: 0; margin: 0;}

a {font-size: 1em; text-decoration: none; color: #666666;}

em {font-size: inherit;}

a:active {text-decoration: none;}

a:active, a:focus {outline: 0;}

img {border: none;}

.carousel_wrap img {max-height: 60px; max-width: 130px; padding-right: 10px;}

span.text_icon_summary {width: 350px; display: block; position: relative; top: -15px;}

span.text_icon_summary p {font-size: inherit;}

.text h2, .morphtabs_panel strong{padding-left:  10px;}

.text strong{
	padding-left: 0;
}

/*H1 replacer/ h2 replacer
-----------------------------------*/

#masthead {padding: 10px; padding-top: 30px; float: left;}

#masthead h1 a, h1.errorheader {width: 188px; height: 55px; background: url(/site_media/img/rl_logo.png) no-repeat; display: block;}

#masthead h1 span, h1.errorheader span {display: none;}

#relatedarticles h2 {width: 200px; height: 25px; background: url(/site_media/img/rl_trans_relmedia.png) no-repeat;}

#relatedarticles h2 span {display: none;}

#relatedmedia h2 {width: 200px; height: 25px; background: url(/site_media/img/rl_trans_relitems.png) no-repeat;}

#relatedmedia h2 span {display: none;}

/*List styles
-----------------------------------*/

ul {margin: 0; padding: 0;}

li {list-style-type: none;}

.topmenu li {display: inline;}

li a {text-decoration: none; font-size: 1.4em;}

ul#relation li {display: inline; width: 300px; float: left; opacity: 1;}

.stories ul {padding: 0px; margin: 0px;}

.stories ul li {border: none;}

ul#exblist li {list-style: none; float: left; display: block;}

ul#exblist li a {width: 130px; height: 85px; display: block; margin: 5px; padding: 10px;}

ul#storylist li {list-style: none; float: left; display: block;}

ul#storylist li a {width: 130px; height: 85px; display: block; margin: 5px; padding: 10px; margin-right: 5px;}

ul.tabmenu {width: 480px; clear: both;}

ul.tabmenu li {float: left; background: #333333; padding-right: -1px;}

ul.tabmenu li.active {border: none; background:  #000000;;}

ul.tabmenu li a {width: 139px; height: 17px; clear: both; display: block; padding: 5px 5px 5px 10px; border-right: 1px solid #000000;}

ul.tabmenu a, a.active {color: #ffffff; margin: 0; text-decoration: none; display: block;}

ul.tabmenu a.active {float: left;}

li a, li a:visited {color: #ffffff;}

li a:hover {/*background-color: #c9cd2a; */
	background-color: #c9cd2e; color: #000000;}

ul.tabmenu li a:hover {color: #000000;}

ul.tabmenu li.active a:hover {color: #ffffff;}

ul#exblist {margin-top: 50px; width: 650px; height: 290px;}

ul#storylist {margin-top: 50px; width: 900px; height: 300px;}

ul#storylist img, ul#exblist img {padding-top: 5px;}

#footer ul{
	width: 500px;
}

#footer ul li{
	padding-bottom:  10px;
	padding-right:  10px;
	float:  left;
}


/**Breadcrumbs**/

.breadcrumbs ul {float: left; padding-top: 30px;}

.breadcrumbs li:hover {cursor: pointer;}

.breadcrumbs li#2 {display: none;}

.breadcrumbs li {float: left; height: 40px; width: 100px; margin-right: 10px; background-color: #c9cd2e;}

.breadcrumbs li a {width: 80px; height: 35px; background: inherit; padding-left: 5px; padding-top: 5px; padding-right: 15px; margin-right: 15px; color: #000000; font-size: 1.2em; display: block;}

.breadcrumbs li a span {width: 100px;}

/* home page */

#wrapper {width: 950px; height: 100%;}

#titlepage {clear: both;}

.textblock {width: 610px; padding: 10px; margin-left: 5px;}

/* story page */

.main {padding: 2px; margin: 0px 10px 10px 10px; clear: both;}

.stories {width: 410px; height: 410px; float: left;}

.stories .div {border: none;}

.stories .img {float: left; padding: 5px;}

.stories img {text-align: center;}

#storypage {clear: both;}

.caption {font-size: 0.8em; font-style: italic; padding-top: 5px;}

#flv_player {padding-top: 10px;}

#relatedarticles, #relatedmedia {clear: both; margin-left: 10px; padding: 10px; width: 869px; display: block;}

#relatedarticles {margin-top: 10px;}

#display_nav {width: 700px; float: left;}

.pager {width: 190px; text-align: center; float: right; padding-top: 30px;}

.pager span {font-size: 12px;}

.pager a {color: #000000; padding: 25px; display: block; font-weight: bold;}

.previous a, .next a {position: relative; top: -15px;}

.previous, .next {width: 90px; height: 35px; float: left;}

.previous {background: url(/site_media/img/rl_arrow_left_clr.png) center left no-repeat; margin-right: 10px; float: left;}

.previous a img {padding-left: 25px;}

.next {background: url(/site_media/img/rl_arrow_right_clr.png) center right no-repeat; float: right;}

.previous:hover {background: url(/site_media/img/rl_arrow_left.png) center left no-repeat; cursor: pointer;}

.next:hover {background: url(/site_media/img/rl_arrow_right.png) center right no-repeat; cursor: pointer;}

p.next, p.previous {background: none; font-size: inherit;}

.pager img {max-width: 60px; max-height: 60px; display: block; padding: 5px;}

.img_wrap {width: 300px; float: left;}

.img_wrap img {width: 100px; height: 59px; float: left;}

.img_wrap p {float: left; margin-left: 5px;}

/**Amended styles**/

.storydisplays {width: 650px;}

ul#storylistlong {padding-left: 15px;}

.firstitem {width: 610px; height: inherit; padding: 10px; margin-top: 5px; margin-bottom: 10px; float: left; clear: both; background: #c9cd2e; color: #000000;}

.firstitem h2 {color: #000000;}

.firstitem img {float: left; padding-right: 10px; padding-bottom: 10px;}

.firstitem strong {color: #000000; font-weight: bold;}

ul.displaylist {clear: both; margin-bottom: 10px;}

ul.displaylist li {float: left; margin-left: -5px; margin-right: 5px}

ul.displaylist li a {width: 130px; height: 85px; display: block; margin: 5px; padding: 10px;}

ul.displaylist img {padding-top: 5px; display: block;}

#feedback {text-align: center; width: 75px; height: 15px; position: relative; top: -30px; left: 390px; padding-top: 5px; padding-bottom: 5px;}

#feedback a {color: #000000; background-color: #c9cd2e; width: 75px; height: 15px; padding-top: 5px; padding-bottom: 5px; display: block;}

.feedback_title h2 {color: #ffffff;}

.contenttemplate_lightbox {text-align: left;}

.contenttemplate_lightbox strong {font-weight: bold; font-style: normal;}

#tab_content {clear: both; width: 465px; _width:450px; height: 387px; _height:350px; border: none; font-family: Arial, Lucida, Helvetica, Verdana, "sans-serif"; font-weight: normal;overflow: hidden;}

ul.tabmenu a.active, .breadcrumbs li:hover, #feedback:hover , #feedback a:hover, #sbox-window {background: #000000;}


/**Carousel backgrounds, split out to allow for conditionals in ie6, the browser for morons.**/

.carousel_previous {color: #000000;background: url(/site_media/img/arrow_off_left.png) no-repeat;width: 35px;height: 90px;padding-top: 5px;padding-bottom: 5px;display: block;text-align: center;cursor: pointer;float: left;}

.carousel_next {color: #000000;background: url(/site_media/img/arrow_off_right.png) no-repeat;width: 35px;height: 90px;padding-top: 5px;padding-bottom: 5px;display: block;text-align: center;cursor: pointer;float: right;}

.carousel_previous:hover {background: url(/site_media/img/arrow_on_left.png) no-repeat;}

.carousel_next:hover {background: url(/site_media/img/arrow_on_right.png) no-repeat;}

/**404 500 error pages**/