/* Global CSS */

/* **************************************************** */
/* DIVS */
#PAGE {
	text-align: left;
	width: 765px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../graphics/bg-page.gif);
	background-repeat: repeat;
}
#MASTHEAD {
	width: 100%;
	height: 53px;
	background-image: url(../graphics/bg-masthead.gif);
	background-color: #DCD6BE;
}
#CENTER {
	width: 765px;
	background-color: #FFFFFF;
	border-bottom: 2px solid #999999;
}

/* FOOTER */
#FOOTER {
	width: 100%;
	clear: both;
	text-align: center;
	font: 9px Verdana, Tahoma, Arial, sans-serif;
	color: #666666;
	background-color: #DCD6BE;
}
#Footer_LinksAddl {
	width: 200px;
	padding-right: 12px;
	height: 50px;
	float: left;
	text-align: center;
	background-image: url(../graphics/bg-sidebar_bot.gif);
}
#Footer_LinksHome {
	width: 553px;
	height: 45px;
	padding-top: 5px;
	float: left;
	background-color: #FFFFFF;
	color: #CCCCCC;
	font: 8px Verdana, Tahoma, Arial, sans-serif;
}
#Footer_LinksHome_SN_Buttons {
	width: 100%;
	padding: 7px 0 5px 0;
	text-align: center;
}

/* **************************************************** */
/* BARTABS */
ul.Bar {
	background-image: url(../graphics/bg-tabs.gif);
	list-style-type: none;
	width: auto;
	height: 16px;
	margin: 0;
	padding: 0;
}
ul.Bar a {	display: block; }
ul.Bar li {
	float: left;
	position: relative;
}
ul.Bar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 112px;
	z-index: 1020;
	left: -1000em;
}

ul.Bar ul.BarSubmenuVisible { left: auto; }
ul.BarActive { z-index: 1000; }

ul.BarSubProjects a, ul.BarSubProjects a:visited,
ul.BarSubResources a, ul.BarSubResources a:visited {
	font: 10px Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	background-color: #CADFEE;
	display: block;
	padding: 1px 0px 2px 8px;
	border-top:    1px solid #E7F1F8;
	border-bottom: 1px solid #8EBADB;
	border-left:   1px solid #E7F1F8;
	border-right:  1px solid #8EBADB;
}
ul.BarSubProjects a  { width: 150px; }
ul.BarSubResources a { width: 244px; }

ul.BarSubProjects a.BarItemHover,
ul.BarSubProjects a:hover,
ul.BarSubResources a.BarItemHover,
ul.BarSubResources a:hover {
	color: #000000;
	background-color: #6EAFE6;
	border-top:    1px solid #8EBADB;
	border-bottom: 1px solid #CADFEE;
}

ul.Bar iframe { /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
	position: absolute;
	z-index: 1010;
}

@media screen, projection
{
ul.Bar li.BarItemIE	{ /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
	display: inline;
	f\loat: left;
}
}

/* **************************************************** */
/* ICONS ANIMATED */
#VISTab_Album, #VISTab_Album2, #VISTab_Album3,
#VISTab_Contact, #VISTab_Contact2, #VISTab_Contact3,
#VISTab_Sitemap, #VISTab_Sitemap2, #VISTab_Sitemap3 {
	border:  0px;
	width:  67px;
	height: 16px;
}
#VISTab_Album              { background-image: url(../linktabs/album.gif) }
#VISTab_Album2             { background-image: url(../linktabs/album_down.gif) }
#VISTab_Album3             { background-image: url(../linktabs/album_over.gif) }
a:hover #VISTab_Album,
a:hover #VISTab_Album2     { background-image: url(../linktabs/album_over.gif) }
a:hover #VISTab_Album3     { background-image: url(../linktabs/album.gif) }
#VISTab_Contact            { background-image: url(../linktabs/contact.gif) }
#VISTab_Contact2           { background-image: url(../linktabs/contact_down.gif) }
#VISTab_Contact3           { background-image: url(../linktabs/contact_over.gif) }
a:hover #VISTab_Contact,
a:hover #VISTab_Contact2   { background-image: url(../linktabs/contact_over.gif) }
a:hover #VISTab_Contact3   { background-image: url(../linktabs/contact.gif) }
#VISTab_Sitemap            { background-image: url(../linktabs/sitemap.gif) }
#VISTab_Sitemap2           { background-image: url(../linktabs/sitemap_down.gif) }
#VISTab_Sitemap3           { background-image: url(../linktabs/sitemap_over.gif) }
a:hover #VISTab_Sitemap,
a:hover #VISTab_Sitemap2   { background-image: url(../linktabs/sitemap_over.gif) }
a:hover #VISTab_Sitemap3   { background-image: url(../linktabs/sitemap.gif) }

#VISTab_Home, #VISTab_Home2, #VISTab_Home3,
#VISTab_News, #VISTab_News2, #VISTab_News3,
#VISTab_Projects, #VISTab_Projects2, #VISTab_Projects3,
#VISTab_Resources, #VISTab_Resources2, #VISTab_Resources3,
#VISTab_Forum, #VISTab_Forum2, #VISTab_Forum3,
#VISTab_AboutUs, #VISTab_AboutUs2, #VISTab_AboutUs3 {
	border:  0px;
	width:  94px;
	height: 16px;
}
#VISTab_Home               { background-image: url(../linktabs/home.gif) }
#VISTab_Home2              { background-image: url(../linktabs/home_down.gif) }
#VISTab_Home3              { background-image: url(../linktabs/home_over.gif) }
a:hover #VISTab_Home,
a:hover #VISTab_Home2      { background-image: url(../linktabs/home_over.gif) }
a:hover #VISTab_Home3      { background-image: url(../linktabs/home.gif) }
#VISTab_News               { background-image: url(../linktabs/news.gif) }
#VISTab_News2              { background-image: url(../linktabs/news_down.gif) }
#VISTab_News3              { background-image: url(../linktabs/news_over.gif) }
a:hover #VISTab_News,
a:hover #VISTab_News2      { background-image: url(../linktabs/news_over.gif) }
a:hover #VISTab_News3      { background-image: url(../linktabs/news.gif) }
#VISTab_Projects           { background-image: url(../linktabs/projects.gif) }
#VISTab_Projects2          { background-image: url(../linktabs/projects_down.gif) }
#VISTab_Projects3          { background-image: url(../linktabs/projects_over.gif) }
a:hover #VISTab_Projects,
a:hover #VISTab_Projects2  { background-image: url(../linktabs/projects_over.gif) }
a:hover #VISTab_Projects3  { background-image: url(../linktabs/projects.gif) }
#VISTab_Resources          { background-image: url(../linktabs/resources.gif) }
#VISTab_Resources2         { background-image: url(../linktabs/resources_down.gif) }
#VISTab_Resources3         { background-image: url(../linktabs/resources_over.gif) }
a:hover #VISTab_Resources,
a:hover #VISTab_Resources2 { background-image: url(../linktabs/resources_over.gif) }
a:hover #VISTab_Resources3 { background-image: url(../linktabs/resources.gif) }
#VISTab_Forum              { background-image: url(../linktabs/forum.gif) }
#VISTab_Forum2             { background-image: url(../linktabs/forum_down.gif) }
#VISTab_Forum3             { background-image: url(../linktabs/forum_over.gif) }
a:hover #VISTab_Forum,
a:hover #VISTab_Forum2     { background-image: url(../linktabs/forum_over.gif) }
a:hover #VISTab_Forum3     { background-image: url(../linktabs/forum.gif) }
#VISTab_AboutUs            { background-image: url(../linktabs/aboutus.gif) }
#VISTab_AboutUs2           { background-image: url(../linktabs/aboutus_down.gif) }
#VISTab_AboutUs3           { background-image: url(../linktabs/aboutus_over.gif) }
a:hover #VISTab_AboutUs,
a:hover #VISTab_AboutUs2   { background-image: url(../linktabs/aboutus_over.gif) }
a:hover #VISTab_AboutUs3   { background-image: url(../linktabs/aboutus.gif) }

#VIS_Secretariat {
	margin-bottom: -4px;
	border: 0px;
	width: 89px;
	height: 16px;
	background-image: url(../links/secretariat.gif) }
a:hover #VIS_Secretariat {
 background-image: url(../links/secretariat_hover.gif) }
 
#VIS_Webmail {
	margin-bottom: -4px;
	border:  0px;
	width:  75px;
	height: 16px;
	background-image: url(../links/webmail.gif) }
a:hover #VIS_Webmail {
	background-image: url(../links/webmail_hover.gif) }

#VIS_Search {
	margin-bottom: -4px;
	border:  0px;
	width:  75px;
	height: 16px;
	background-image: url(../links/search.gif) }
a:hover #VIS_Search {
	background-image: url(../links/search_hover.gif) }

#VIS_SearchTips {
	margin-bottom: -4px;
	border:  0px;
	width:  16px;
	height: 16px;
	background-image: url(../links/searchtips.gif) }
a:hover #VIS_SearchTips {
	background-image: url(../links/searchtips_hover.gif) }

#VIS_CC {
	margin-top: 2px;
	margin-bottom: -2px;
	border:  0px;
	width:  34px;
	height: 12px;
	background-image: url(../links/logo-cc.gif) }
a:hover #VIS_CC {
	background-image: url(../links/logo-cc_hover.gif) }

#VIS_DW {
	margin-top: 2px;
	margin-bottom: -5px;
	border:  0px;
	width:  17px;
	height: 17px;
	background-image: url(../links/logo-dw.gif) }
a:hover #VIS_DW {
	background-image: url(../links/logo-dw_hover.gif) }

/* SEARCH FORM */
#Search {
	width: 100%;
	clear: both;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 7px;
}
#Search_Terms {
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
	padding-left: 4px;
}
#Search_Match {
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
}
#Search_Realm {
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
}
