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

@import url("global.css");
@import url("navDuo.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: 290px;
    } 

.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 / ANNOUNCEMENT --*/
	
.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 a, .greyCurved a:link, .greyCurved a:active, .greyCurved a:visited {
	color: #000;
	}
	
.greyCurved a:hover {
	color: #ffff66;
	text-decoration: none;
	background: #333333;
	}
	
/*-- NAV MODIFICATIONS--*/
	
#navwrap {
	float: left;
	width: 950px;
	background: #000;
	text-align: center;
	margin: 0;
	}

#nav {
	width: 950px;
	float: left;
	margin: 0;
	}	
	
#nav ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}

#nav li {
	list-style: none;
	float: left;
	margin: 0;
	}
	
#nav a {
	float: left;
	display: block;
	height: 40px;
    width: 152px; /*158*/
	padding: 0px 3px 0px 3px;
	text-decoration: none;
	font-weight: bold;
	color: #ffff66;
	background-image: none;
	line-height: normal;
	font-size: 0.9em;
	}	

#nav ul li a.end {
	width: 154px;
	background-image: none;
	}

/* GENERIC HOVER/SELECTED CLASS FOR GLOBAL NAV */
	
#nav ul li a:hover {
	background-color: #ffff66;
	color: #000000;
	}
#nav ul li a#selected {
	background-color: #ffff66;
	color: #000000;
	}
#nav ul li a#selected.end {
	background-color: #ffff66;
	color: #000000;
	}
	
/*-- 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;
	}
#subnav ul li a.subSelected {
	background-image: none;
	border: 1px solid #ffff66;
	background:#ffff66;
	color: #000;
	}
#subnav ul ul li a {
	background: #000;
	color: #FFFF66;
	border: none;
	font-size: 0.8em;}
	
#subnav ul ul li a:hover {
	background: #000;
	color: #FFFFFF;
	border: none;
	}
#subnav ul ul li a.subSelected {
	background:#000;
	text-decoration:underline;
	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;}

/*-- 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;
	}

/*-- 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);
	}