/*  

This is the colour style sheet for the NRETA web site.  
It is indended to work with wireframe.css - which is the primary layout stylesheet

If you use this style sheet alone, you will get unexpected results.


Ian Symonds
Dialog IT
March 2007
*/ 

body {
/*  								remove this comment to switch to 800 pixel mode.
	background-color:#EEEEEE;  
	*/
}

/*  standard link colours */

a:link { color:#2F81B0; text-decoration:none }
a:visited { color:#2F81B0; text-decoration:none }
a:hover { color:#F63; text-decoration:none }


.container { 
/*									remove this comment to switch to 800 pixel mode.
	border:1px solid #999999;
	background-color:#FFFFFF;
	*/
}

.banner {
	background-image: url(/nreta/images/css/ntg_logo.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#003145;
	color:#FFFFFF;
}

.banner .title { }


/* css for the main NTG Navigator  */

.topMenu ul {
	background-color: #F63;
	color: White;
}

.topMenu ul li { }


.topMenu ul li a:link, .topMenu ul li a:visited {
	background-color: #F63;
	color: #FFF;
	text-decoration: none;
}

.topMenu ul li.search { }

.topMenu ul li a:hover {
	background-color: #F96;
	color: #fff;
}

/* styles and control for the main NTG menu search button */
#searchInput{border:1px solid #FFFFFF;
	}

#searchbutton{
	background-color:#336699;
	color:#FFFFFF;
	}
	
.cursor{ }


.textBody {
	border-left-color:#F63;
}

.browserIcons {
 }

.browserIcons img {
}

.main {
	border-left:1px solid #f63;
}

.leftMenu h2 a:link, .leftMenu h2 a:visited{
	color:#f63;
	font-size:small;
}

.leftMenu a:hover  {
	text-decoration:underline;
}

.leftMenu ul {list-style-image:url(/nreta/images/bullet.gif);   
  }

.leftMenu ul li { 
	margin-top:4px;
	margin-bottom:4px;
	 	}

.leftMenu ul li a:link, .leftMenu ul li a:visited { text-decoration:none;
	list-style-image: url(/nreta/images/bullet.gif); 
	background-repeat:no-repeat;
	background-position:left top;
}
.leftMenu ul li a:hover {
	list-style-image: url(/nreta/images/bullet-dark.gif);  /* this line manages the IE mouse-over effect */
 }

.leftMenu li:hover {
	list-style-image: url(/nreta/images/bullet-dark.gif);    /* this line manages the mozilla mouse-over effect */
 }


.bannerImg {
	background-image: url(/nreta/images/feature_dwnfestival.jpg);
	background-repeat:repeat-x;
	padding-top:200px;
	}

/* styles for the right menu area  */
.rightMenu {
	background-color:#336699;
	color:#FFFFFF;
}

.rightMenu h1 {
	color:#FFFFFF;
}

.rightMenu ul {list-style-image: url(/nreta/images/bullet.gif);   
  }

.rightMenu ul li {  	}


.rightMenu a:link, .rightMenu ul li a:visited { color:#FFF; text-decoration:none;
	list-style-image: url(/nreta/images/bullet.gif); 
	background-repeat:no-repeat;
	background-position:left top;
}

.rightMenu a:hover {
	text-decoration:underline;
}

.rightMenu ul li a:hover {
	list-style-image: url(/nreta/images/bullet-dark.gif);  /* this line manages the IE mouse-over effect */
 }

.rightMenu li:hover {
	list-style-image: url(/nreta/images/bullet-dark.gif);    /* this line manages the mozilla mouse-over effect */
 }




.main h1 {
 }

.story a:link, .story a:visited{
	color:#F63;
	text-decoration:none;
/*	font-weight:bold;     Suggest this... */
}

.story a:hover {
	text-decoration:underline;
}

.alignLeft {  	float:left; }
.alignRight {  	float:right; }

.storyNote { color:#999; }
.storyLink, .storyLink a:link,  .storyLink a:visited { color:#2F81B0; text-decoration:none}
.storyLink a:hover {text-decoration:underline}

.backgreyborder {
	background-color: #F7E0D2;
	border: 1px solid #CCCCCC;
	padding: 6px;
}

.subfooter {
	background-color:#2F81B0;
	padding:3px;
}

.subfooter a:link, .subfooter a:visited {
	color:#FFF;
}

.subfooter a:hover {
	text-decoration:underline;
}


.footer p {
	background-color:#F63;
	padding:3px;
}

.footer a:link, .footer a:visited { 
	color:#003399;
}

.footer a:hover  { 
	text-decoration:underline;
}

.footer .copyright {
	font-size:.8em;
}

p.anchortop a:link, p.anchortop a:visited,
a.anchortop:link, a.anchortop:visited{
	border: 2px solid #F63; 
}

p.backlightborder, div.backlightborder {
	background-color: #F2ECEC !important;
	border: 1px solid #EEDACB;
	padding: 6px;
}

/*
ul.telemeteredSitesList {
list-style-type:none;
list-style-image:none;
}
*/
.telemeteredSitesList li {
margin-left:-24px;
}