/*  

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

h1 {
	color: #666666; /*#D4B3A2*/
	background-color: transparent;
}

h2 {
	color: #666666; /*#D4B3A2;*/
	background-color: transparent;
	border-bottom: 1px solid #CCC !important; /*#EEDACB*/
}

form h2 {
	color: #FFFFFF;
	background-color: #006C64;
}

h3 {
	color: #000000;
	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;
}

.caption {
	font-size: x-small;
	color: #666666;
}

/*  standard link colours */

a:link { color:#999999; text-decoration:none }
a:visited { color:#999999; text-decoration:none }
a:hover { color:#666666; text-decoration:underline }


.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_black.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#000000;
	color:#FFFFFF;
}

.banner .title { }


/* css for the main NTG Navigator  */

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

.topMenu ul li { 
}


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

.topMenu ul li.search { }

.topMenu ul li a:hover {
	background-color:#999999;
	color:#666666;
}

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

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

/* styles for the left menu area  */
.leftMenu {
	color:#666666;
}

.leftMenu ul { 	list-style:none;}

.leftMenu ul li {}


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

.leftMenu img { }


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

.rightMenu h1 {
	color:#FFFFFF;
}

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

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

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

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


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

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

.subMenu ul li a:hover {
	background-color:#999999;
	color:white;
}
.textBody {
	border-left:1px solid #999999;
}


.browserIcons {
 }

.browserIcons img {
}

.main {
}

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


.main h1 { 
 }

.main h2 {
	color:#999999;
}


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

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

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

.storyTitle { color:#999; font-weight:bold}
.storyNote { color:#999; }

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

.footer {
	background-color:#CCCCCC;
    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 #666666; 
}

.caption { color:#999; font-size:x-small;}

.captionMuseum { 
	color:#999;
	font-size:x-small;
	text-align:left;
	}


th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -0.05em;	color: #000000;
	background:#ccc; /* E2F1CF */
	vertical-align: bottom;
	border-top: 1px solid #C1D82F;
	border-left-style: none;
	border-right-style: none;
	border-bottom: 2px solid #666;
}