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

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
body {
	line-height: 1.1em;
	color: #000;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td { 
	vertical-align: top;
	text-align: left;
}
form, table, p, h1, h2, h3, h4, h5 {
	margin-bottom: 13px;
}
:focus {
	outline: 0;
}
a {
	color: #385c7b;
	text-decoration: none;
}
a:visited {
	color: #557292;
}
a:hover {
	color: #7a4118;
}
h1 {
	font-size: 125%;
}
h4 {
	font-size: 86%;
}
h5 {
	font-size: 86%;
	color: #767676;
}

/* construction */

#container {
	width: 754px;
	margin: 0 auto;
	text-align: left;
}
#content {
	background: url(../i/bg_sides.gif) repeat-y left top;
}
#footer {
	padding-top: 30px;
	background: url(../i/bg_bottom.gif) no-repeat left top;
}

/* header */

#header {
	padding: 28px 0 15px 0;
}
#header h1 {
	width: 236px;
	height: 20px;
	margin: 0;
	text-indent: -4000px;
	background: url(../i/logo_main.gif) no-repeat left top;
}
#header h4 {
	width: 192px;
	height: 14px;
	margin-top: 5px;
	text-indent: -4000px;
	background: url(../i/logo_tag.gif) no-repeat left top;
}

/* navigation */

ul.horizontal {
	overflow: hidden;
	margin: 0;
}
ul.horizontal li {
	float: left;
	display: inline;
}

/* main navigation */

#header ul {
	width: 754px;
	height: 41px;
	background: url(../i/bg_mainnav.png) no-repeat left top;
}
#header ul li {
}
#header ul li a {
	display: block;
	text-decoration: none;
	text-indent: -5000px;
	margin-top: 3px;
}
/* */
#header ul li a#homebttn {
	width: 80px;
	height: 30px;
	margin-left: 3px;
}
#header ul li a#homebttn:hover {
	background: url(../i/bg_mainnav.png) no-repeat -3px -63px;
}
#header ul li a#homebttn.active {
	background: url(../i/bg_mainnav.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.png) no-repeat -88px -63px;
}
#header ul li a#resourcesbttn.active {
	background: url(../i/bg_mainnav.png) no-repeat -88px -123px;
}
/* */
#header ul li a#aboutbttn {
	width: 95px;
	height: 30px;
	margin-left: 5px;
}
#header ul li a#aboutbttn:hover {
	background: url(../i/bg_mainnav.png) no-repeat -195px -63px;
}
#header ul li a#aboutbttn.active {
	background: url(../i/bg_mainnav.png) no-repeat -195px -123px;
}
/* */
#header ul li a#contactbttn {
	width: 74px;
	height: 33px;
	margin-left: 5px;
	margin-top: 4px;
}
#header ul li a#contactbttn:hover {
	background: url(../i/bg_mainnav.png) no-repeat -295px -64px;
}
#header ul li a#contactbttn.active {
	background: url(../i/bg_mainnav.png) no-repeat -295px -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.png) no-repeat -374px -64px;
}
#header ul li a#helpbttn.active {
	background: url(../i/bg_mainnav.png) no-repeat -374px -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.png) no-repeat -444px -64px;
}
#header ul li a#langbttn.active {
	background: url(../i/bg_mainnav.png) no-repeat -444px -124px;
}
/* */
#header ul li a#wikibttn {
	width: 143px;
	height: 33px;
	margin-left: 98px;
	margin-top: 4px;
}
#header ul li a#wikibttn:hover {
	background: url(../i/bg_mainnav.png) no-repeat -607px -64px;
}
#header ul li a#wikibttn.active {
	background: url(../i/bg_mainnav.png) no-repeat -607px -124px;
}

/* normal content page */

div.otherpage {
	width: 754px;
	height: 12px;
	background: url(../i/bg_top.gif) no-repeat left bottom;
}
div#otherpage {
	padding: 8px 0 12px 0;
}
div#otherpage h2 {
	font-size: 115%;
	color: #e8007e;
	font-weight: normal;
	margin: 0 15px 12px 15px;
}
div#otherpage h4 {
	font-size: 100%;
	color: #0084b0;
	margin: 0 15px 12px 15px;
}
div#otherpage p {
	font-size: 92%;
	margin: 0 15px 12px 15px;
}
div#otherpage table {
	width: 730px;
	margin: 0 15px 12px 15px;
	font-size: 92%;
}


/* filter nav */

ul#videonav {
	width: 754px;
	height: 44px;
	background: url(../i/bg_top_nav.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.gif) no-repeat left -55px;
}
ul#videonav li a#gridview:hover {
	background: url(../i/bg_top_nav.gif) no-repeat left -105px;
}
ul#videonav li a#gridview.active {
	background: url(../i/bg_top_nav.gif) no-repeat left -3px;
}
ul#videonav li a#listview {
	background: url(../i/bg_top_nav.gif) no-repeat -94px -55px;
}
ul#videonav li a#listview:hover {
	background: url(../i/bg_top_nav.gif) no-repeat -94px -105px;
}
ul#videonav li a#listview.active {
	background: url(../i/bg_top_nav.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: 135px;
	height: 29px;
	text-decoration: none;
	text-indent: -5000px;
	background: url(../i/bg_backnav.gif) no-repeat left top;
}
ul#backnav li a:hover {
	background-position: left -40px;
}

/* filter stuff */

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

/* video grid */

div#videogrid {
	width: 720px;
	overflow: hidden;
	margin: 0 17px;
}
div#videogrid a {
	float: left;
	padding: 4px;
	background-color: #9fcadd;
	margin: 0 2px 2px 0;
}
div#videogrid a:hover {
	background-color: #1c78a0;
}
div#videogrid a.inactive {
	background-color: #f5f5f5;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div#videogrid a.inactive:hover {
	background-color: #d9d9d9;
}
div#videogrid a.blanksquare, div#videogrid a.blanksquare:hover { 
	background-color: #9fcadd;
	cursor: default;
}
div#videogrid a.blanksquare.inactive, div#videogrid a.blanksquare.inactive:hover {
	background-color: #fff;
}

/* video list */

div#videolist {
	width: 718px;
	overflow: hidden;
	margin: 0 auto;
}
div#videolist a {
	float: left;
	width: 718px;
	background: #ecf4f8;
	margin-bottom: 4px;
	color: #767676;
}
div#videolist a:hover {
	background: #d4e7f0;
	color: #222;
}
div#videolist img {
	float: left;
	margin: 8px;
	border: 1px solid #fff;
}
#videolist h3 {
	font-size: 90%;
	color: #0084b0;
	margin: 8px 8px 2px 0;
}
#videolist h2 {
	font-size: 90%;
	color: #e8007e;
	margin: 0 8px 5px 0;
}
#videolist p {
	font-size: 83%;
	margin: 8px 8px 8px 78px;
	color: #666;
	line-height: 16px;
}

/* forms */

form {
	overflow: auto;
	width: 100%;
}
form span {
	float: left;
	padding: 3px;
	margin-right: 5px;
	background-color: #f0f0f0;
}
form span.last {
	margin-right: 0;
	margin-left: 2px;
	background-color: #d5f0c5;
}
input, select {
	width: 148px;
	color: #808080;
	border: 0;
	padding: 3px 0;
	background-color: #f8f8f8;
}
select {
	padding: 2px 0;
}
input.button{
	width: 74px;
	color: #63a73b;
	padding: 0;
	border: 1px solid #d5f0c5;
	background-color: #ecf8e5;
}

/* Show Video */

div#showvideo {
	width: 720px;
	margin: 0 17px;
	overflow: hidden;
}
/* left */
#showvideo .left {
	padding: 12px 0 0 0;
}
#showvideo #videosurround {
	width: 340px;
	background-color: #000;
	margin-bottom: 12px;
}
#flashvideo {
	width: 320px;
	margin: 10px;
}
p.copyright {
	color: #808080;
	font-size: 70%;
}
#flashaudio {
	background: #FFFFCC url(../i/bg_audioflash.gif) no-repeat left top;
	width: 340px;
	height: 45px;
	margin-bottom: 12px;
}
#transcripts {
	width: 340px;
	background: url(../i/bg_transcripts_top.gif) no-repeat left top;
	margin-bottom: 12px;
}
#transcripts h4 {
	color: #666;
	padding: 10px 8px 0 8px;
	margin-bottom: 0; 
}
#transcripts p.bottom {
	background: url(../i/bg_transcripts_bottom.gif) no-repeat left bottom;
	padding: 8px 8px 15px 8px;
	margin-bottom: 0;
}
#transcripts p.bottom a {
	font-size: 92%;
}
#keywords {
	width: 340px;
	background: url(../i/bg_keywords_top.gif) no-repeat left top;
	margin-bottom: 12px;
}
#keywords h4 {
	color: #666;
	padding: 10px 8px 0 8px;
	margin-bottom: 0; 
}
#keywords p.bottom {
	background: url(../i/bg_keywords_bottom.gif) no-repeat left bottom;
	padding: 8px 8px 15px 8px;
	margin-bottom: 0;
}
#keywords p.bottom a {
	font-size: 92%;
}
p.bottom a:hover {
	text-decoration: underline;
}
/* right */
#showvideo .right {
	width: 360px;
	padding: 12px 0;
}
#showvideo .right h3 {
	font-size: 100%;
}
#showvideo .right h3 a {
	color: #0084b0;
}
#showvideo .right h4.addcredit {
	color: #555;
	margin-top: -7px;
}
#showvideo .right h3 a:hover {
	text-decoration: underline;
}
#showvideo .right h2 {
	font-size: 115%;
	color: #e8007e;
	font-weight: normal;
	margin-bottom: 4px;
}
#showvideo .right p {
	font-size: 76%;
	color: #333;
}
#showvideo div.bio {
	display: none;
	background: url(../i/bg_bio_top.gif) no-repeat left top;
	margin-bottom: 15px;
	padding-top: 2px;
}
#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;
}
#showvideo div.bio h4 {
	color: #666;
	padding: 10px 8px 0 8px;
	margin-bottom: 0;
}
div.bio p.bottom {
	background: url(../i/bg_bio_bottom.gif) no-repeat left bottom;
	padding: 8px 10px 15px 8px;
	margin-bottom: 0;
}

/* utility classes */

.wrap {
	overflow: auto;
	width: 100%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.message {
	background: url(../i/bg_message_top.gif) no-repeat left top;
}
.message p {
	padding: 12px 12px 12px 12px;
	font-size: 86%;
	background: url(../i/bg_message_bottom.gif) no-repeat left bottom;
}

/* Footer stuff */

#footer p {
	width: 100%;
	overflow: hidden;
	margin: 10px 0 0 0;
	padding: 10px 0;
	border-top: 1px solid #e5e5e5;
	background: url(../i/bg_footer.gif) no-repeat left 10px;
}
#footer p.first {
	margin: 20px 0 0 0;
	padding-bottom: 0;
	background: url(../i/bg_footer_top.gif) no-repeat left 10px;
}

/* Footer links */

a#oaag {
	float: left;
	margin-left: 3px;
	width: 50px;
	height: 50px;
	text-indent: -3000px;
}
a#arcco {
	float: left;
	margin-left: 31px;
	margin-top: 10px;
	width: 80px;
	height: 29px;
	text-indent: -3000px;
}
a#chin {
	display: block;
	margin-left: 240px;
	margin-top: 4px;
	width: 64px;
	height: 30px;
	text-indent: -3000px;
}

/* ToolTip stuff */

#jHelperTipAttrContainer { 
	width: 15em;
	padding: 4px;
	background: #ecf8e5;
	border: 2px solid #1c78a0;
	color: #333;
	font-size: 11px;
	line-height: 14px;
}
#jHelperTipContainer strong {
	color: #1882A7;
}
#jHelperTipContainer {
	display: none;
}