@import url('/style/global.css');
/* this overrides the global page background so you can use your own instead of the brown yoke. global one should (probably) be removed */


/* live player styles below*/
div.playerPlaceholder{
	float: left;
	width: 529px;
	height: 414px;
	min-height: 414px;
	background-color: #322626;
}
div.playerContainerVid{
	width: 512px;
	height: 344px;
	margin: 9px auto;
}

div.playerContainerVid img{
	border: 1px #999999 solid;
}

div#clipExtraInfo{
	clear: both;
	height: 22px;
	min-height: 22px;
	text-align: center;
}

div#clipExtraInfo a{
	color:white;
	clear: both;
	font-weight: bold;
	margin: 0px auto;
	width: 300px;
	text-align: center;
}

h3.gradHeader_live, div.gradHeader_live { /* gradient header, use div and split spans when there is a title with a link inside, otherwise just use a h3 */
	margin: 0px;
	padding: 5px 0px;
	text-indent:5px;
	background-image: url(/live/images/bg_gradHeader.jpg);
	background-repeat: repeat-x;
	background-color: #223138;
	color: #FFFFFF;
	font-size: 100%;
	border-top: solid 1px #FFFFFF;	
	border-bottom: solid 1px #FFFFFF;
	clear: both;
}
div.gradHeader_live { /* sets proper background for titles with a link inside */
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}
div.gradHeader_live a { /* set link color to white inside gradHeaders */
	color: #FFFFFF;
}

div.section
{
	width:100%;
	float:left;
	font-family:Arial;
	font-size:small;
	color:white;
	background-color: #ffffff;

}
/*end liveplayer styl;es*/


.wrapper {
	background-image: url(bg_main.jpg);
	background-repeat: repeat-y;
}

.videoPlayerBG {
	background-image: url(wood_texture.jpg);
	background-repeat: repeat-y;
	padding:20px;
}

a {
	color: rgb(0,0,0);
}


div#lipsum a{

	text-decoration: true;
}

div#lipsum a:visited{

	text-decoration: underline;
}


div#mainContainer {
	width: 860px;
}
div#leftContainer {
	float: left;
	width: 171px;
	background-color: #006495; /*   -------------------------------------------------------------------------------------------------------------------------------    blue --------------*/
	/*border-right: 1px white solid*/;		
}
div#rightContainer {
	float: left;
	width: 688px;
	/*border-top: solid 1px #FFFFFF;*/
	
}

div#rightTop {
	width: 100%;
}
div#rightBottom {
	clear: both;
	width: 100%;
}
div#rightTopLeft {
	width: 464px;
	float: left;
	border-right: solid 1px #FFFFFF;	
}
div#rightWide {
	width: 688px;
	float: left;
}
div#rightTopRight {
	width: 223px;
	float: right;
}
/*
div#leftNav {
	width: 171px;
	float: left;
	border-top: 1px white solid;
	border-bottom: 1px white solid;	
	font-size: 100%;	
	background-color: #006495;	
	}/*   -------------------------------------------------------------------------------------------------------------------------------    blue --------------*/

div#globalLogoPlaceholder {
	background: url('logo_RTE.jpg') left no-repeat;
	background-color: #006495;  /*   -------------------------------------------------------------------------------------------------------------------------------    blue --------------*/
}
#globalMenuPlaceholder {
	background-color: #b87751;
}
#globalMenu {
	background-color: rgb(158, 102, 173);
}
#globalMenu li {
	background-color: #b87751; /*   -------------------------------------------------------------------------------------------------------------------------------    red --------------*/
	border-left: solid 1px #fff;
}
#globalSecondaryMenu {
	background-color: #daedfb;
	border-top: solid 1px #daedfb;
	color: black;
}
div#sectionsContent {
	float: left;
	width: 100%;
}
div#servicesContent {
	float: left;
	width: 100%;
	background-color: #99FF66;
}
#footer {
	border-top: solid 1px #3c3103;
}

/*-----------------------------------------------------=menu links */
ul.menlinkList {
	list-style-type: none;
	clear: both;
	margin: 0px;
	padding:6px;
}
ul.menlinkList li {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #000000;
	background-image: url('/images/bullet_transparent.gif');
	background-repeat: no-repeat;
	margin: 0px;
	padding: 3px 3px 0px 10px;
	line-height: 1.4em;
}
ul.menlinkList li a {
	color: #ffffff;
}

ul.menlinkList li img {
	position:relative;
	top:2px;
}

ul.menlinksList ul.menlinksList
{
	padding: 0px;
}

/*-----------------------------------------------------=menu links */

div.titleHeader {

	background-color: #b87751; /*   -------------------------------------------------------------------------------------------------------------------------------    yellow --------------*/

	border-bottom: 1px solid #ffffff;

	text-align: left;
	vertical-align: bottom;
	margin: 0px;
	padding: 0.2em 0em;
	width: 100%;
	font-family: Arial;
	font-size: small;
	font-weight: bold;
	color: #fff;
	height: 1.4em;
}

div.titleHeader span, div.titleHeader div{
	font-weight: bold;
	color: #ffffff;
	padding: 0px 8px;
	position: relative;
	top: 1px;
}

h2 {
	color: #464d55;
	font-weight: normal;
	font-size: large;	
	padding: 6px;
	margin: 0px;
}
h3 {
	color: #507bab;
	padding: 6px;
	margin: 0px;
	margin-top: 5px;
	font-size: medium;
	font-weight: bold;	
}
p {
	clear: both;
	margin: 0px;
	margin-bottom: 13px;
	padding-left: 8px;
	padding-right: 4px;	
}
h2.titleDate {
	margin: 0px;
	padding: 0px;
	font-size: small;
	width: 98%;
	text-align: right;
	font-weight: normal;
	color: #FFFFFF;
}
.homeAbout {
	width: 100%;
}
.homeAbout p {
	padding-left: 6px;
	padding-right: 4px;	
	padding-bottom: 8px;
	margin: 0px;
}
.homeAbout h2 {
	padding-top: 6px;
	padding-bottom: 0px;
	margin: 0px;
}
.homeAbout a {
	color: #2779a8;
}
.homePhotoComp {
	border-bottom: solid 1px #e7e7e7;
}
.homePhotoComp p {
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
	padding-bottom: 9px;	
	background-color: #003777;	
	text-align: center;
	font-size: 85%;
	clear: both;
	color: #FFFFFF;		
}
.homeSections ul {
	clear: both;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
}
.homeSections li {
	padding-top: 10px;
	padding-bottom: 10px;	
	display: inline;
	list-style-type: none;
	margin: 0px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c3c4;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.homeSections p {
	width: 210px;
	height: 42px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 10px;	
	padding-left: 2px;
	margin: 0px;
	font-size: 85%;
}
.homeSections h3 {
	width: 215px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 4px;	
	margin: 0px;
	font-size: large;
	font-weight: normal;
	color: #53b4e7;
}

.homeSections h3 a{
	color: #53b4e7;
}


div.homeServices {
	float: left;
	width: 100%;
}
.homeServices h3 {
	padding: 0px;
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 10px;	
	margin: 0px;
	font-size: large;
	font-weight: normal;
	color: #53b4e7;	
}
.homeServices ul {
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	width: 223px;
	padding-bottom: 10px;
}
.homeServices li {
	list-style-type: none;
	padding-left: 5px;
}
ul.linkList {
	list-style-type:none;
	clear:both;
	margin:0px;
	padding-left: 10px;
	padding-bottom: 8px;
	padding-top: 10px;
	padding-left: 8px;
}
ul.linkList li 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #CCCCCC;
	background-image: url('/images/bullet_transparent.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin: 0px;
	padding: 0px 10px;
	padding-top: 3px;
	line-height: 1.3em;
}
#bordered {
	border-top: solid 1px #FFFFFF;
}
#aboutFooter {
	width: 100%;
	background-image: url(/about/images/bg_footer.gif);
	float: left;
	height: 15px;
	background-repeat: repeat-y;
}
a.blueLink {
	color: #507bab;
	/* font-weight: bold; */
}
table.authorityTable {
	width: 100%;
}
.authorityTable td {
	text-align: center;
	padding-bottom: 10px;
}
.authorityTable img {
	border: #000000 solid 1px;
}
img.authorityProfile {
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;	
	margin-right: 20px;
	border: #000000 solid 1px;		
}.smallText {
	font-size: 85%;
}

span.storyDate {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	color: #8c2b01;
	margin: 8px;
}

/* -----------------------------------------------------= story header */

div.storyHeader {
	clear: both;
	margin: 1px 8px;
}
div.storyHeader h1 {
	color: #464d55;
	font-weight: normal;
	font-size: large;	
	padding: 8px 0px;
	margin: 0px;
}

div.storyHeader span.storyDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 2px 0px 0px 0px;
	
}


div.storyBody {
	clear: both;
	margin: 12px 8px;
}
div.storyBody p {
	margin: 0.9em 0.0em;
	padding: 0em;
}

div.storyBody p strong {
	clear:both;
}


div.storyBody h2 {
	margin: 10px 0px 4px 0px;
	padding: 0px;
	font-size: large;
	font-weight: normal;
	clear:both;
}

div.storyBody h3 {
	margin: 10px 0px 4px 0px;
	padding: 0px;
	font-size:medium;
	font-weight: bold;
	clear:both;
}

div.playerContainer { /* container to hold media player */
	color:white;
	width: 100%;
	height:289px;
	min-height:289px;
	background-color: #000000;
/*	padding-top: 7px;
	padding-bottom: 7px;
*/	text-align: center;	
}

div.playerContainer img {
	margin:120px auto;
}

img.PlayButton {
	width: 62px;
	height: 49px;
}
div.playerContainer div#playerSettings{ /* container to player settings */
	text-align: left;
	color:white;
	padding:20px;
}

div.playerContainer div#playerSettings p{
	padding-top:10px;
}

div.playerContainer div#playerSettings a{ 
	color:#eee;
}

div.playerControls { /* bar that holds media player control images */
	width: 100%;
	background-color: #4f3b30;
}

h3.imageHeader{
	
	padding-top: 4px;
	padding-left: 7px;
	padding-bottom: 4px;
	margin-top: 4px;
	margin-left: 7px;
	margin-bottom: 12px;		

	background-color: #cad9e0;
	clear: both;
	width: 100%;
	
	
}
h3.playerHeader {
	font-size: 130%;
	color: #074F75;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 7px;
	padding-bottom: 4px;
	margin-top: 4px;
	margin-left: 7px;
	margin-bottom: 12px;		

	background-color: #cad9e0;
	clear: both;
	width: 100%;
	background-image: url(/images/panel_header_bg.jpg);
	

/*
	background-color: #FFFFFF;
	font-size: 100%;
	color: #381406;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;	
	padding-left: 2px;	
*/
}


table.playerMenu a {
	color: #cccecb;
}
table.playerMenu {
	background-color: #322626;
	color: #cfcfd1;
	font-size: 85%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;	
}
table.playerMenu td {
	border-top: #5e5e5e solid 1px;
	margin: 0px;
	padding: 4px;
	padding-left: 12px;
}
table.playerMenu td#top {
	border-top: 0px;
}

table.playerMenu td.left {
	border-right: #5e5e5e solid 1px;
	text-align: center;
	padding: 4px 1px;
	width:20px;
	vertical-align:top;	
}
div.rightPanelHeader { /* sits on top of image */
	background-color: #cad9e0;
	display: table;
	height: 25px;
	min-height: 25px;
	clear: both;
	width: 100%;
	background-image: url(/images/panel_header_bg.jpg);
}