/*********** SISTER SITE LINK ***********/
table#sister-link {
width:770px;
height:25px;
margin:auto;
background-image:url('../images/bgnd-sister-link.jpg');
font-family:Arial, sans-serif;
font-size:12px;
color:#c33;
text-align:center;
}

table#sister-link td {
vertical-align:middle;
}

table#sister-link span {
text-decoration:underline;
}



/*********** POP-OUT MENU ***********/
div#menu {
font-family: arial, sans-serif;
width:130px;
height:320px;
margin:40px 0 0 10px;
font-size:11px;
border-top:1px solid #9e432f;/*********** FIX FOR FX! ***********/
position:relative; /*********** FIX FOR IE7 & IE6 TO GET ON-TOP OF THUMBNAILS IN PHOTO-GALLERY! ***********/
z-index:70; /*********** FIX FOR IE7 & IE6 TO GET ON-TOP OF THUMBNAILS IN PHOTO-GALLERY! ***********/} 

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a {
font-family: arial, sans-serif;
font-weight: bold;
font-size:11px;
display: block;
border-top: 1px solid #ccc;
margin: 0;
padding: 2px 3px 10px 2px;
color: #fff;
text-decoration: none;
}

#menu a:hover {
color: #fcfcb4;
}

#menu ul ul ul a {
}

#menu ul ul ul {
border: 1px solid #ccc;
opacity:0.9; filter:alpha(opacity=90);
}

/*Positioning the Pop Outs*/
#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu li.nav-arrow {
background-image:url('../images/nav-arrow.gif');
background-position:right;
background-repeat:no-repeat;
}

#menu a.no-pointer {
cursor:default;
}

#menu a.no-pointer:hover {
color:#fff;
}

#menu ul ul ul {
position: absolute;
top: 1px;
left: 100%; /* to position them to the right of their containing block */
width: 150px;
padding:10px;
background:#9e432f;
opacity:0.9; filter:alpha(opacity=90);
}



/*Hiding and Revealing using :hover*/
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



/* IE Fixes*/
body {
behavior: url("/1_files/csshover.htc"); /* call hover behaviour file */
}

#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}

#menu ul li a {
height: 1%; /* make links honour display: block; properly */
}


/*********** OTHER HYPERLINKS ***********/

a,
a:visited {
	color:#00f;
	text-decoration:none;
}

a:hover {
	color:#80784d;
}