/*  

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

.green_heading{
	color:color:#0C0;
}
.map {
	width: 200px;
	float: right;
	background-color: #FFF;
	padding: 20px;
}


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

/* begin legacy styles */

h1 {
	color: #003145; /*#D4B3A2; #58595B changed by kmf 20/3/2007*/
	background-color: transparent;
}

h2 {
	color: #003145; /*#D4B3A2; #727272 changed by kmf 20/3/2007*/
	background-color: transparent;
	border-bottom: 1px solid #B43B3A !important; /*#EEDACB*/
}

h2 {
	color: #003145; /*#D4B3A2; #727272 changed by kmf 20/3/2007*/
	background-color: transparent;
	border-bottom: 1px solid #B43B3A !important; /*#EEDACB*/
}
form h2 {
	color: #FFFFFF;
	background-color: #006C64;
}

h3 {
	color: #FF6633;  /* #F79965 changed by kmf 20/03/2007 */
	background-color: transparent;
}

form h3 {
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #EEDACB;
}

h4 {
	color: #000000;
	background-color: transparent;
}

h5 {
	color: #000000;
	background-color: transparent;
}

li {
	margin-bottom: 8px; /* added by kmf 17/04/2007 to put some leading with the ordinary bullets */
}

/* end legacy code */


/*  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(../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{ }

/* styles for the left menu area  */
.leftMenu {
}

.leftMenu ul { 	list-style:none;  }

.leftMenu ul li { }

.leftMenu ul li a:link { text-decoration:none; }
.leftMenu ul li a:hover { color:#F60  }

.leftMenu img { }


/* styles for the right menu area  */
/*  This menu layout replaces the previous menu system - which had a menu jiggle problem
    the old css file has been backed up as nreta_colour_bakup ian 080107
	
	At the time of writing, this layout had not been tested with Firefox or IE7
	
	The RH menu now does not jiggle, but where menu items which flow onto a second line, that second line 
	does not indent (in IE6)
	
	Ian Symonds (Dialog IT 07 Jan 08
----------------------------------------------

    This newer right menu layout further replaces the previously updated menu.
	Eliminating the menu jiggle problem introduced a text-wrap problem and alignment issue with a nested list.
	
	With this change - the list bullet point does not change color on mouse-over
	The text will still change colour.
	
	The previous css file has further been backed up as nreta_colour backup Ian 080312.css
	
	Ian Symonds  12 March 2008

*/
.rightMenu {
	background-color:#336699;
	color:#FFFFFF;
}

.rightMenu h1 {
	color:#FFFFFF;
}

.rightMenu h3 {
	color:#FFFFFF;
	background-color: transparent;
	border-bottom: 0px solid #336699 !important; /*#EEDACB*/
    padding-left:10px;
}
.rightMenu ul li a, .rightMenu ul li a:visited{
	color:#FFFFFF;
}


.rightMenu ul li a:hover {
	color:#F60;
}

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

.rightMenu ul li {
	margin-top:0px;
	margin-bottom:0px;
	list-style-image:url(/nreta/images/bullet.gif);
}


/*
.rightMenu ul li {
	list-style-type:none;
}

.rightMenu ul li a, .rightMenu ul li a:visited{
	padding-left:25px; 
	background-image:url(/nreta/images/bullet.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	}

.rightMenu ul li a:hover{
	padding-left:25px;
	background-image:url(/nreta/images/bullet-dark.gif);
	background-repeat:no-repeat;
	}


.rightMenu ul li {
	list-style-type:none;
	margin-left:-30px;
	margin-bottom:0px;
}
*/
/* End of Ian's update */

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

.subMenu ul li a:link, .subMenu ul li a:visited {
	background-color: #F63;
	color: White;
}

.subMenu ul li a:hover {
	background-color: #F96;
}
.textBody {
	border-left-color:#F63;
	text-align: left;
}

.browserIcons {
 }

.browserIcons img {
}

.main {
}

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


.main h1 {
 }


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

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

.alignLeft {  	float:left; 
				background-color:#fff;}
.alignRight {  	float:right; 
				background-color:#fff;
				padding-left:10px;
				padding-bottom:5px;}

.storyTitle {
	color:#f63;
	font-weight:bold;
	text-align: left;
}

.storyNote { color:#999; }

.footer {
	background-color:#F63;
    padding-top:30px; 
	color:#000;
}

.footer .row1 {
	background-color:#FFF;
}

.footer .row2, .footer .row3 {
	background-color:#FFF;
}

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

.orange {color: #FF6633}


/* legacy styles */
/* these have been incuded for forms that are used on the water/drmac site */
/* Ian 21 May 07 */
.requiredwidthfull {
	background-color: #FEF1E8;
	width: 95%;
}
.widthfull {
	background-color: #FEF1E8;
	width: 95%;
}

p.navstrip {
	/* border: 1px solid #CCCCCC; */
	color: #CCCCCC;
	background-color: #F7E0D2; /* F7E0D2 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	padding: 3px 3px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase !important;
}

a.button1 :link, a.button1:visited
{
  float: left;
  margin: 2px 5px 2px 5px;
  padding: 3px;
  width: 50px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid black;
  border-left: 1px solid #cccccc;
  border-right: 1px solid black;
  background: #d4d0c8;
  text-align: center;
  text-decoration: none;
  font: normal 12px Verdana;
  color: black;
}

a.button1:hover
{
  background: #eeeeee;
  color: black;
}

a.button1:active
{
  color: black;
  border-bottom: 2px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 2px solid black;
}
.holiday {
	background-color:#FF9F80;
	color:#000;
}
.school {
	background-color:#95B8DB;
	color:#000;
}

/* CSS Document */

/* styles for use with feral animals pages 
    Ian Symonds
	Dialog IT.  2 Feb 2009  */
	
	
.devnote {
	color:#990099;
}

.imgLeft {
	float:left;
	padding-right:6px;
	font-size:0.85em;
	text-align:center
}

.imgRight {
	float:right;
	padding-left:6px;
	font-size:0.85em;
	text-align:center
}
.imgCenter {
	float:center;
	padding-left:6px;
	font-size:0.85em;
	text-align:center
}