/*  Styling for Curators in Context
	www.curatorsincontext.ca
	by Rigent Design and Development */


/* header */

#header h1 {
	width: 318px;
	height: 20px;
	margin: 0;
	text-indent: -4000px;
	background: url(../i/logo_main_fr.gif) no-repeat left top;
}
#header h4 {
	width: 295px;
	height: 14px;
	margin-top: 5px;
	text-indent: -4000px;
	background: url(../i/logo_tag_fr.gif) no-repeat left top;
}


/* main navigation */

#header ul {
	width: 754px;
	height: 41px;
	background: url(../i/bg_mainnav_fr.png) no-repeat left top;
}
/* */
#header ul li a#homebttn {
	width: 80px;
	height: 30px;
	margin-left: 3px;
}
#header ul li a#homebttn:hover {
	background: url(../i/bg_mainnav_fr.png) no-repeat -3px -63px;
}
#header ul li a#homebttn.active {
	background: url(../i/bg_mainnav_fr.png) no-repeat -3px -123px;
}
/* */
#header ul li a#resourcesbttn {
	width: 102px;
	height: 30px;
	margin-left: 5px;
}
#header ul li a#resourcesbttn:hover {
	background: url(../i/bg_mainnav_fr.png) no-repeat -88px -63px;
}
#header ul li a#resourcesbttn.active {
	background: url(../i/bg_mainnav_fr.png) no-repeat -88px -123px;
}
/* */
#header ul li a#aboutbttn {
	width: 147px;
	height: 30px;
	margin-left: 5px;
}
#header ul li a#aboutbttn:hover {
	background: url(../i/bg_mainnav_fr.png) no-repeat -195px -63px;
}
#header ul li a#aboutbttn.active {
	background: url(../i/bg_mainnav_fr.png) no-repeat -195px -123px;
}
/* */
#header ul li a#contactbttn {
	width: 118px;
	height: 33px;
	margin-left: 5px;
	margin-top: 4px;
}
#header ul li a#contactbttn:hover {
	background: url(../i/bg_mainnav_fr.png) no-repeat -347px -64px;
}
#header ul li a#contactbttn.active {
	background: url(../i/bg_mainnav_fr.png) no-repeat -347px -124px;
}
/* */
#header ul li a#helpbttn {
	width: 65px;
	height: 33px;
	margin-left: 5px;
	margin-top: 4px;
}
#header ul li a#helpbttn:hover {
	background: url(../i/bg_mainnav_fr.png) no-repeat -470px -64px;
}
#header ul li a#helpbttn.active {
	background: url(../i/bg_mainnav_fr.png) no-repeat -470px -124px;
}
/* */
#header ul li a#langbttn {
	width: 65px;
	height: 33px;
	margin-left: 5px;
	margin-top: 4px;
}
#header ul li a#langbttn:hover {
	background: url(../i/bg_mainnav_fr.png) no-repeat -540px -64px;
}
#header ul li a#langbttn.active {
	background: url(../i/bg_mainnav_fr.png) no-repeat -540px -124px;
}
/* */
#header ul li a#wikibttn {
	width: 123px;
	height: 33px;
	margin-left: 26px;
	margin-top: 4px;
}
#header ul li a#wikibttn:hover {
	background: url(../i/bg_mainnav_fr.png) no-repeat -631px -64px;
}
#header ul li a#wikibttn.active {
	background: url(../i/bg_mainnav_fr.png) no-repeat -631px -124px;
}

/* filter nav */

ul#videonav {
	width: 754px;
	height: 44px;
	background: url(../i/bg_top_nav_fr.gif) no-repeat left top;
}
ul#videonav li {
	margin: 3px 1px 0 0;
}
ul#videonav li a {
	display: block;
	width: 93px;
	height: 34px;
	text-decoration: none;
	text-indent: -5000px;
}
ul#videonav li a#gridview {
	background: url(../i/bg_top_nav_fr.gif) no-repeat left -55px;
}
ul#videonav li a#gridview:hover {
	background: url(../i/bg_top_nav_fr.gif) no-repeat left -105px;
}
ul#videonav li a#gridview.active {
	background: url(../i/bg_top_nav_fr.gif) no-repeat left -3px;
}
ul#videonav li a#listview {
	background: url(../i/bg_top_nav_fr.gif) no-repeat -94px -55px;
}
ul#videonav li a#listview:hover {
	background: url(../i/bg_top_nav_fr.gif) no-repeat -94px -105px;
}
ul#videonav li a#listview.active {
	background: url(../i/bg_top_nav_fr.gif) no-repeat -94px -3px;
}

/* back nav */

ul#backnav {
	width: 754px;
	height: 50px;
	background: url(../i/bg_top.gif) no-repeat left bottom;
}
ul#backnav li {
	margin: 0 1px 0 0;
}
ul#backnav li a {
	display: block;
	width: 217px;
	height: 29px;
	text-decoration: none;
	text-indent: -5000px;
	background: url(../i/bg_backnav_fr.gif) no-repeat left top;
}
ul#backnav li a:hover {
	background-position: left -40px;
}

/* filter stuff */

div#filterstuff {
	width: 720px;
	margin: 0 auto;
}
div#filterstuff div {
	margin: 10px 0;
}
div#filterstuff div h5 {
	margin: 0;
}
div#filterstuff div a {
	display: block;
	margin-right: 4px;
	font-size: 76%;
}

/* Show Video */

#showvideo div.bio a {
	float: right;
	width: 56px;
	height: 21px;
	text-indent: -6000px;
	background: url(../i/bttn_close.gif) no-repeat left top;
	margin: 7px 8px 0 0;
}
#showvideo div.bio a:hover {
	background: url(../i/bttn_close.gif) no-repeat left -40px;
}

/* Footer stuff */

#footer p {
	background: url(../i/bg_footer_fr.gif) no-repeat left 10px;
}