TABLE.headerNavigation { line-height: 115%; color: #330000; border: 1px solid #f1f1f1; 
margin-bottom: 3px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; padding: 0px; }

#menuh-container {
clear : both;
position : relative;
margin-top : 0px;
}
#menuh {
float : left;
width : 100%;
font : bold 100% helvetica, "Trebuchet MS", arial, sans-serif;
margin-left : 2px;
border-bottom : 0 solid #520934;
color : #333;
margin-bottom:7px;
}
#menuh a {
display : block;
font-weight : bold;
height : 16px;
text-align : left;
border : 0 solid #eee;
white-space : nowrap;
margin : 0;
padding : 0.4em 0.2em 0.3em 0.4em;
}
#menuh a, #menuh a:visited {
font-weight : bold;
color : #FFF;
font-weight : bold;
}
#menuh a:hover {
color : #fff;
font-weight : bold;

}
#menuh a.top_parent {
text-transform : uppercase;
background-position : right center;
margin-right: 5px;
font-weight : bold;
background-repeat : no-repeat;
color : #950101;

}
#menuh a.top_parent:hover {
text-transform : uppercase;
background-position : right center;
margin-right: 5px;
font-weight : bold;
background-repeat : no-repeat;
color : #fff;

}
#menuh a.parent {
background-position : right center;
background-repeat : no-repeat;
color : #950101;
}
#menuh a.parent:hover {
background-position : right center;
background-repeat : no-repeat;
color : #FFF;
}
#menuh ul {
list-style : none;
margin : 0;
padding : 0;
float : left;
width : 120px;
}
#menuh li {
position : relative;
}
#menuh ul ul {
position : absolute;
z-index : 500;
top : auto;
display : none;
padding : 1em;
margin : -1em 0 0 -1em;
}
#menuh ul ul ul {
top : 0;
left : 100%;
}
div#menuh li:hover {
cursor : pointer;
z-index : 100;
}
div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul {
display : none;
background: #950101;

}
div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul {
display : block;
background: #950101;

}

/* End CSS Popout Menu */

body {
margin : 0;
padding : 0;
text-align : left;
color : #666;
background : #f1f1f1  repeat;
font : 75% "Trebuchet MS", verdana, arial, sans-serif;
}
#container {
line-height: 100%; 
color: #330000; 
border: 1px solid #DDDBDD; margin-bottom: 3px; margin-top: 0px; 
width : 1000px;
margin-left : 20px;
margin-right : 0px;
margin-top : 0px;
padding : 10px;
color : #666;
line-height : 1em;
}

#container {
	margin: 0 auto;
	width: 980px;
	background-color: transparent;
	position: relative;
	z-index: 1;
	margin-bottom: 5px;
	border: 0px solid #ccc;
	margin-top: 25px;
	padding: 0;
	text-align: left; /* For IE, see above */
	background: url("images/content.jpg");
	background-color: transparent;
}

#banner {
float : left;
width : 1000px;
height : 148px;
padding : 0;
margin : 0;
color : #666;
background-color: transparent;


}
#bannerb {
float : right;
width : 180px;
height : 170px;
margin-bottom : 0;
padding : 0;
color : #666;
background-color: transparent;

}
#content {
padding : 0px;
margin-left : 195px;
margin-right : 150px;
background-color: transparent;
color : #666;
min-height: 1500px;
}
#content h1 {
margin : 0px 0 0px 0;
font : bold 13px verdana, arial, tahoma, sans-serif;
color : #369;
background : inherit;
}
.navLink a  {color: #336699; background:transparent; text-decoration:none;}

#sidebar {
float : left;
width : 160px;
margin : 0px 15px 0 0;
padding : 10px;
color : #666;
}

#menu {
width : 140px;
padding : 0px 0 0 0;
background-color: transparent;
}
#menu ul {
margin : 7px;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 .2em 0.5em 0;
}
#menu a {
display : block;
font-size : 12px;
color : #0500cd;
width : 120px;
padding : 0.1em 0.8em;
text-decoration : none;
}
#menu a:hover {
background-color : #a4a4a0;
color : #fff;
}
h1 {
margin : 0px 0 0px 0;
font : normal 13px verdana, arial, tahoma, sans-serif;
color : #369;
background : inherit;
}

#sidebar-b {
float : right;
width : 170px;
margin : 0 0px 0 0;
padding : 5px;
background-color: transparent;
background: url("images/content2.jpg");
}
#sidebar-b ul {
margin : 7px;
padding : 0;
list-style-type : none;
}

#footer {
height : 90px;
padding : 5px;
margin-top : 5px;
font-size : 0.9em;
color : #bbd2e0;
background : url("/images/footer.jpg");
}
#footer a:link, #footer a:visited {
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #f2f2f5;
background : inherit;
color : #f2f2f5;
}
h1 {
margin : 5px 0 5px 0;
font : normal 13px verdana, arial, tahoma, sans-serif;
color : #369;
background : inherit;
}
h2 {
padding-left : 0px;
font :  12px verdana, arial, tahoma, sans-serif;
color : #5d775a;
background : inherit;
}
h3 {
margin-top : 15px;
font :  100% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
color : #6972a9;
background : transparent;
}
h4 {
margin-top : 2px;
margin-left: 11px;
font :  110% "Trebuchet MS", verdana, arial, tahoma, sans-serif;
letter-spacing : 2px;
color : #6972a9;
background : transparent;
}

a {
color : #0500dd;
line-height: 130%;
text-decoration : none;
background : inherit;
}
a:hover {
text-decoration : underline;
font-weight : none;
line-height: 130%;
color : #cc0000;
background : inherit;
}
div.scroll {
overflow : auto;
height : 15em;
width : 120px;
padding : 0.5em;
color : #333;
background : #ced8df;
border : 0 solid #999;
margin : 0 0 5px 0;
}
.news {
font-size : 10px;
background : inherit;
color : #333;
}
.imgleft {
float : right;
}
/* gallery-specific styles */

/* gallery container */
.gallery {
	text-align: center; /* centers inline paragraphs */
	margin: 1em 5%;
	background-color: #eee;
	border: 1px solid #999;
	padding: .5em;
}
.gallery a {
	text-decoration: none;
}
.gallery a img {
	border-width: 1px;
	vertical-align: middle;
}

/* outer container for each image/caption pair */
.gallery p {
	display: inline;
}

/* For the <a> container, the best default display value is inline-table, but browser support isn't very good. Opera versions 6 and earlier totally mangle anything except display:table-cell, so that is set by default and the preferred display values are at the end of this stylesheet, within hacks that hide them from those Opera versions. No other browsers tested seemed to have any trouble with setting the different display values within a single rule. */

/* inner container for each image/caption pair */
.gallery a {
	display: table-cell; /* default, for gecko & Opera6- */
	margin: .5em;
	padding: 5px;
	vertical-align: top; /* aligns the img/caption container */
	width: 8em;/* adjusts with text size */
	min-width: 150px;  /* not always honored, but that's OK */
	border: 1px solid #ccc;
}


/* image container, sets height so image can be vertically centered and the caption starts in the same vertical position regardless of image height, except WinIE does not apply line-height to images. oh well, most other browsers do... */
.gallery span {
	display: block;  /* fill container width, force a line break */
	height: 210px;/* a bit larger than highest img */
	line-height: 110px; /* same value as height */
	text-align: center;
/*	border: 1px dashed #f00; /* uncomment to show */
}

/* caption container, sets height (for 2 lines) so each outlined image/caption pair is the same height (except in WinIE) */
.gallery i {
	display: block;
	height: 2.5em;/* makes each box a consistent height */
	padding: 5px 5px 0 5px;
	text-align: center;
	font-style: normal;
	line-height: 120%;  /* standard spacing */
/*	border: 1px dashed #00f; /* uncomment to show */
}

/* Owen hack, hides from WinIE, Opera versions 6- & some KHTML */
head:first-child+body .gallery a {
	display: table-cell; /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}

/* star-html hack to show <a> rule(s) just to IE (Win and Mac) */
* html .gallery a {
	display: table-cell; /* gecko & Opera6- */
	display: inline-table; /* Safari & some other browsers */
	display: inline-block; /* WinIE & some other browsers */
}
/* image is not clickable in WinIE with display:block :( \*/
* html .gallery span {
	display: inline;
}
* html .gallery a:hover i {
	cursor: hand; /* otherwise cursor doesn't change over block <i> */
} /* end WinIE hacks */

/* end hacks */

}

#intro {
	background: transparent ; right top no-repeat;
	padding: 0px;

}

#preamble {
	margin: 0 auto;
	width: 1000px;
	    background: url("images/content.jpg");

	font: 11px Verdana, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin-left: 260px;
	margin-top: 5px;
	height: 100%;
}

hr {border: none 0;align: left;  text-align: left;/*this will align it for IE*/
margin: 2px auto 0 0; /*this will align it left for Mozilla*/
border-top: 1px solid #cccccc;/*the border*/
width: 98%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

#linkList {
	position: absolute;
	left: 0px;
	width: 210px;
	
	}

#linkList h3 {
	text-indent: -1100px;
	height: 35px;
	margin: 0;
	}

#linkList a:link, #linkList a:visited {
	font-size: 10px;line-height:1.2em;
	color: #cc0000;
	}

#linkList a:hover, #linkList active {
	background: #0d68a8;color:#ffffff;
	}

#linkList a.c {
	font-size: 12px;
	}


#linkList acronym {
	border-bottom: none;
	}

#lselect, #lfavorites {
	border-top: 0px solid #fff;
	background: #18d;
	}

#lselect h3 {
	background: url(select.gif);
	}

#lfavorites h3 {
	background: url(favourites.gif);
	}

#lselect li, #lfavorites li {
	color: #6cf;
	background: url(select_bg.gif) repeat-x left bottom;
	}

#lselect a:hover, #lselect a:active, #lfavorites a:hover, #lfavorites a:active {
	color: #18d;
	}

#larchives {
	border-top: 0px solid #fff;
	background: #ff7322;
	}

#larchives h3 {
	background: url(archives.gif);
	}

#larchives li {
	color: #cf3;
	background: url(archives_bg.gif) repeat-x left bottom;
	}

#larchives a:hover, #larchives a:active {
	color: #9c0;
	}

#lresources {
	border-top: 0px solid #fff;
	background: #ff4ea2;
	}

#lresources h3 {
	background: url(resources.gif);
	}

#lresources li {
	color: #fcc;
	background: url(resources_bg.gif) repeat-x left bottom;
	}

#lresources a:hover, #lresources a:active {
	color: #d8c;
	}

.highslide {
	cursor:   url(html/highslide/graphics/zoomin.cur) , pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 0px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image:   url(html/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: white;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background:   url(html/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}