/*            
  ___ ___ ___ 
 / __/ __/ __|
| (__\__ \__ \
 \___|___/___/
              
======================================================================================================
High Visibility CSS file for www.wcrf-fr.org / Created by: Lorraine Humm lorraine@divine-creations.com
======================================================================================================
*/

@import url("global.css");
@import url("navMulti.css");


body {
	color: #FFFF66;
	background:#000000;
	font-size: 1.1em;
    }
	
/*-- TEXT MODIFICATIONS --*/  
	
h2 {color: #FFFF66;}

a, a:link, a:active, a:visited {
	color: #FFFF66;
	}
a:hover {color: #FFF;}
.middle a, .middle a:link, .middle a:visited, .rightFull a, .rightFull a:link, .rightFull a:visited, .middleVideo a, .middleVideo a:link, .middleVideo a:visited {color: #FFFF66;  }
.middle a:hover, .rightFull a:hover, .middleVideo a:hover {color: #FFF;}

.orientation a, .orientation a:link, .orientation a:visited {color: #FFFF66; text-decoration: underline;  }
.orientation a:hover {color: #FFF;}

/*-- POSITIONAL ELEMENTS --*/  

.mastMiddle {
	width: 400px;
	}
	
.mastRight {
	width: 400px;
    } 

.container {
	background-image: none;
    }
		
.middle {
    width: 750px;
    }
	
.right {
	display: none;
	}
		
#rightVideo {
	display: none;
	}
		
.middleVideo {
	width: 750px;
	}
	
/*-- FOOTER --*/
    
.footer {
	border-top: 4px solid #FFFF66;
    background: #FFFF66;
	color: #000;
    }
.footer a, .footer a:link, .footer a:visited {
	color: #000;
	} 
.footer a:hover {
	text-decoration: none;
	}
	
/*-- NEWS BOX --*/
	
.greyCurved {
	width: 190px;
	background-image: none;
	background:#FFFF66;
	margin: 10px 0 10px 0;
	padding-bottom: 5px;
	padding-top: 5px;
	}
.greyCurved h1, .greyCurved h2 {
	color: #000000;
	}
.greyTop {
	display: none;
	}
.greyCurved p {
	color: #000000;
	}
.greyCurved a, .greyCurved a:link, .greyCurved a:active, .greyCurved a:visited {
	color: #000;
	}
.greyCurved a:hover,
.greyCurved p a:hover {
	color: #ffff66;
	text-decoration: none;
	background: #333333;
	}
	
/*-- DONATE LEFT COLUMN --*/

.orangeCurved {
	width: 190px;
	background-image: none;
	background:#FFFF66;
	margin: 10px 0 10px 0;
	padding-bottom: 5px;
	padding-top: 5px;
	}
.orangeTop {
	display: none;
	}
.orangeCurved p {
	color: #000000;
	}
.orangeCurved h1 {
	font-size: 120%;
	margin: 0 5px 5px 10px;
	}
.orangeCurved a, .greyCurved a:link, .greyCurved a:active .greyCurved a:visited {
	color: #000;
	}
.orangeCurved a:hover {
	color: #ffff66;
	text-decoration: none;
	background: #333333;
	}
	
	
/*-- NAV MODIFICATIONS--*/

#navwrap {
	background: #000;
	}
	
#nav ul li a {
	background-image: none;
	background-color:#000000;
	color: #FFFF66;
	padding: 0px 3px 0px 3px;
	height: 40px;
	font-size: 0.8em
	}
		
#nav ul li a.aqua,
#nav ul li a.blue,
#nav ul li a.green,
#nav ul li a.red {
	background: none;
	}

/*-- two line padding adjustments --*/

#nav ul li a.yellow,
#nav ul li a.orange {
	background: none;
	padding: 0px 3px 0px 3px;
	height: 40px;
	}	
#nav ul li a:hover {
	background: none;
	background-color:#FFFF66;
	text-decoration: underline;
	color: #000;
	}
#nav ul li a#selected {
	background-image: none;
	background-color:#FFFF66;
	color: #000000
	}
	
#subnav ul li a.subSelected {
	background-image: none;
	background-color:#FFFF66;
	color: #000000
	}
	
	
/*-- STYLE SWITCHERS --*/

#globalswitchers ul li a {
	display: block;
	width: 21px;
	height: 17px;
	border: 1px solid #fff;
	background-image: none;
	background-color:#FFFFFF;
	text-decoration: none;
	padding: 1px;
	margin: 0 3px 0 3px;
	color: #000;
	font-size: 0.7em;
	}
#globalswitchers ul li a.highviz {
	background: none;
	color: #FFFF66;
	padding: 1px;
	}
#globalswitchers ul li a.default {
	padding: 1px;
	}
#globalswitchers ul li a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
	}
	
/*-- SUBNAV MODIFICATIONS--*/
	
#subnav ul li a {
	width: 180px; /*190*/
	padding: 5px 0 5px 8px;/*6 0 0 10 without border*/
	background-image: none;
	border: 1px solid #ffff66;
	background:#000000;
	color: #ffff66;
	}
#subnav ul li a:hover {
	background-image: none;
	border: 1px solid #ffff66;
	background:#ffff66;
	color: #000;
	}
	
/*-- UNIQUE COLOUR REDEFINITIONS --*/

#subnav ul.subAqua li a.subSelected,
#subnav ul.subBlue li a.subSelected,
#subnav ul.subGreen li a.subSelected,
#subnav ul.subYellow li a.subSelected,
#subnav ul.subOrange li a.subSelected,
#subnav ul.subRed li a.subSelected {
	background-image: none;
	border: 1px solid #ffff66;
	background:#ffff66;
	color: #000;
	}
	

/*-- NESTED SUBNAV (LEVEL THREE LINKS) --*/

#subnav ul ul li a {
	background: #000;
	color: #FFFF66;
	border: none;
	font-size: 0.8em;}
	

	
/*-- SUBNAV NESTED LINKS CUSTOM COLOURS --*/

#subnav ul.subAqua li ul li a,
#subnav ul.subBlue li ul li a,
#subnav ul.subGreen li ul li a,
#subnav ul.subYellow li ul li a,
#subnav ul.subOrange li ul li a,
#subnav ul.subRed li ul li a {
	background-color: #000;
	color: #ffff66;
	border: none;
	}
	
#subnav ul.subAqua li ul li a.subSelected,
#subnav ul.subBlue li ul li a.subSelected,
#subnav ul.subGreen li ul li a.subSelected,
#subnav ul.subYellow li ul li a.subSelected,
#subnav ul.subOrange li ul li a.subSelected,
#subnav ul.subRed li ul li a.subSelected {
	background-color: #000;
	color: #ffff66;
	border: none;
	text-decoration: underline;
	}
	
#subnav ul li ul li a:hover {
	background: #000;
	color: #FFFFFF;
	border: none;
	}

/*-- SITEWIDE LINKS AT FOOT OF L/H COLUMNS --*/	
	
#sitenav ul li a {
	width: 184px; /*190*/
	padding: 6px 0 6px 6px;
	background-image: none;
	background-color: #000;
	color: #FFFF66;
	border-bottom: 1px solid #FFFF66;
	text-decoration: underline
	}
#sitenav ul li a:hover {
	background-image: none;
	background-color: #ffff66;
	color: #000;
	}
	
/*-- SCALEABLE TABS AT TOP OF PAGE --*/

.slide li {
	background: url(../images/sliding_tabs/slideLeft_black.gif) bottom left no-repeat;
	}
.slide li span {
	background: url(../images/sliding_tabs/slideRight_black.gif) bottom right no-repeat;
	}
	
/*SCALABLE TAB BACKGROUND DEFINITIONS*/

.slide li.orangeLeft  {background:url(../images/sliding_tabs/slideLeft_black.gif) bottom left no-repeat; }
.slide li span.orangeRight  {background:url(../images/sliding_tabs/slideRight_black.gif) bottom right no-repeat;}
	
/*-- DATA TABLE --*/

.data td {
	border: 1px solid #FFFF66;
	}
.data thead th {
	padding: 3px;
	text-align: left;
	background: #FFFF66;
	border: 1px solid #FFFF66;
	color: #000000;
	}
.data tbody th {
	background: #FFFF66;
	border: 1px solid #FFFF66;
	text-align: left;
	color: #000000;
	}
	
/*-- ADDITIONAL CLASSES --*/

.newWindow {
	background-image:url(../images/icons/newwindowInvert.gif);
	}