@charset "UTF-8";
/* CSS Document */


/*------------------------------ custum formating -------------------------------*/
/*sets the sub nav for the frotpage based navigation */
.spacer {
height: 14px;
width: 170px;
}

.light-grey {
background-color: #ececec;
}

.lightest-grey {
bacground-color: #bcbcbc;
}

.border-topz {
border-top: 1px solid #ececec;
margin-top: 20px;
}

/*to use classes in the column div with class example <div class="1colspan dark-color">- also use the border class simmilarly located in the global style sheet*/
.blue {
background-color: #4fa3d4;
}
.dark-color {
background-color: #4fa3d4;
}
.dark-color h1{
color: #ffffff !important;
}
.med-color {
background-color: #8dc9ec;
}
.light-color {
background-color: #b8e3fc;
}

/* --------- Height - add to column class when making rows of cubes ---------- */
.heightA {
height: 22em; /*22em = aprox 300px;*/
}
.heightB {
height: 18em;
}
.heightC {
height: 16em;
}
.heightA-border {
height: 22em;
}
.heightB-border {
height: 18em;
}
.heightC-border {
height: 16em;
}
/*-------------------------------- Heading Colors ---------------*/
#content-container h1,h2,h3,h4,h5,h6 { 
color: #000;
font-weight: normal !important;
}
#content-container h2 {
padding-top: 20px !important;
}
/*------------------------------- Link Colors ---------------*/
#content-container a:link, a:visited {
color: #000;
}

/*------------------------------- Template color Formating -----------------------------------*
/* sets the background image which contains the color for the navigation so it the color remains for the full height of the page.*/

#inner-container {
	background: none;
}

#left-nav-container {
	/*this is used for whent the text is resized and should be the same color of the above bg image*/
	background: none;
	background-color: none;
	background-image: url(/bisqc/2010/common/images/nav-circle.gif);
	background-repeat: no-repeat;
	background-position: none;
	margin-top: 80px;
}

/*top nav color*/
#nav-container {
background-color:#629368;
background-image:url(/bisqc/2010/common/images/top-nav-fade.jpg);
background-repeat: repeat-x;
background-position: top left;
}
/*bottom nav color*/
#footer-container {
background-image:url(/bisqc/2010/common/images/bottom-nav-fade.jpg);
background-repeat: repeat-x;
background-position: top left;
background-color:#629368;
}

/*----------------- Template Font Formating --------------------*/

/*-------------- Top Nav Coloring ----------------- */
#nav-container  a:link, #nav-container  a:visited  {
	color: #ffffff !important;
}

#nav-container  a:hover {
	color: #ffffff;
	text-decoration: none;
	background-image:url(/bisqc/2010/common/images/top-nav-hover.jpg) !important;
	background-repeat: repeat-x !important;
	background-position: top left !important;
}



/*-------------- footer Nav Coloring ----------------- */
#footer-container  a:link, #footer-container  a:visited  {
	color: #ffffff !important;
}

#footer-container  a:hover {
	background-color: #999999
	color: #ffffff;
	text-decoration: none;
}


.footer-line {
	background-color: #629368;
	height: 30px;
}
/*-------------------- Left Navigation ---------------------*/


#left-nav-container a:link, #left-nav-container a:visited, #left-nav-container ul li a:link, #left-nav-container ul li  a:visited, #left-nav-container ul ul li  a:link, #left-nav-container ul ul li  a:visited, #left-nav-container ul  ul ul li  a:link, #left-nav-container ul  ul ul li  a:visited {
		color: #237e72;
		
		
		
}

#left-nav-container a:hover, #left-nav-container ul li a:hover{
		color: #000;
	background-image: url(/bisqc/2010/common/images/nav-hover-dots.gif) !important;
	background-position: top left !important;
	background-repeat: no-repeat !important;
}


/*--- add for non linked text in leftnav */

h3.nav-nolink {
color: #ffffff !important;
padding-left: 22px !important;
padding-top: 8px;
}

h2.nav-nolink {
color: #ffffff !important;
padding-left: 14px !important;
padding-top: 8px;
}

/*------------ special formating ----------------- */

p.nextprev {clear: both;
margin-top: 5px;
padding: 4px 0px 15px 0px;
border-top: 2px #9dcfd6 dotted;}

ul.news li {
line-height: .5em;
padding-bottom:5px;}

ul.news li a:link {text-decoration:none;}

ul.news li a:visited {text-decoration:none;
color: gray}

ul.news li a:hover {text-decoration:underline;}


h1.white-large {
font-size: 158% !important;
color: #ffffff !important;
font-weight: normal !important;
padding-bottom: 14px;
}

.more {
background-image:url(/aboriginal_arts/common/images/more-info-arrow.gif);
}
.title {
float: right;
}
.sponsors {
margin: 30px 0px 0px 20px;

}
.sponsors p {
margin: 20px 0px 0px 0px;
font-size: 10px;
}
.sponsors img {
margin: 10px 0px 0px 0px;
}
.pad-top1 {
padding-top: 40px;
}

/*------------ background flash stylez  adds flash behind nav and sets z-index---------*/

#main-container {
position: relative;
}
#inner-container {
position: relative;
}
#title-container {
background-color: none !important;
}
#title-container, #nav-container, #left-nav-container, #content-container, #footer-container {
position: relative;
z-index: 20;
}
.underlay {
position: absolute;
z-index: 12;
}
/*-------------- end ------------------ */
#content-container {
margin-bottom: 60px;
}
.more {
background-image: url(/bisqc/2010/common/images/more-info-arrow2.gif);
}
span.more a:link, span.more a:visted, .more a:link, .more a:visited {
text-decoration: none !important;
color: #237e72;
}
span.more-white a:hover, span.more a:hover {
background-image: url(/bisqc/2010/common/images/more-info-arrow-hover.gif) !Important;
}
.item {
clear: both;
height: 70px;
margin: 0px 28px 10px 28px;
background-image: url(/bisqc/2010/common/images/dots.gif);
background-position: bottom left;
background-repeat: repeat-x;
}
.item p{
padding-top: 0px !important;
margin-top: 0px !important;
}
.item img {
float: left; 
margin: 0px 28px 0px 0px;
}
.feed p{
padding-top: 0px !important;
margin-top: 0px !important;
}
.hr { 
height: 20px;
background-image: url(/bisqc/2010/common/images/dots.gif);
background-position: top left;
background-repeat: repeat-x;
margin: 0px 28px 0px 28px;
}
.hr-top { 
height: 20px;
background-image: url(/bisqc/2010/common/images/dots.gif);
background-position: bottom left;
background-repeat: repeat-x;
margin: 0px 28px 0px 28px;
}
.header, .header0 {
color: #237e72;
font-size: 14px;
margin: 40px 28px 10px 28px;
line-height: 20px; 
padding: 10px 0px 0px 0px;

background-image: url(/bisqc/2010/common/images/dots.gif);
background-position: bottom left;
background-repeat: repeat-x;
clear: both;
}
.header a, .header0 a {
text-decoration: none;
color: #237e72 !important;
}
.header a:hover, .header0 a:hover {
color: #000;
}
.header0 {
margin: 0px 28px 10px 28px;
}
.green {
color: #237e72;
}
.flashembed {
margin-left: 28px;
}
/*------------------- Tabed CSS ----------------*/
/* navigation */
#nav {
	background-image: url(/bisqc/2010/common/images/dots.gif);
background-position: bottom left;
background-repeat: repeat-x;
	height:20px;	
	margin-left: 28px;
	margin-right: 28px;
	margin-top: 60px;
}
/*resets the ul elemnts */
#nav ul, #nav li, #nav ul li {
list-style: none;
margin: 0px !important;
padding: 0px !important;
}
#nav ul {	
	width:702px;
	margin:0 auto;	
}

#nav li {	
	border-left:6px solid #dce8eb;
	float:left;
	padding-left:1px;
	width:120px;
	list-style-type:none;
	text-align: left;
}

#nav a {
		color: #237e72;
	display:block;
	padding-left: 4px;
	position:relative;
	font-size:14px;		
	height:20px;
	text-decoration:none;
}	

#nav a.current {
	/*tabs down image goes here*/	
	color: #000;
	background-image: url(/bisqc/2010/common/images/tab-background.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}



#nav strong {
	display:block;		
	font-size:12px;
}

/* panes */
#panes {
	background:#fff  scroll 0 0;
	width:760px;	
	height:500px;
	margin-bottom:0px;
	padding-bottom:0px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	top:0px;
	left: 0px;
	font-size:14px;
	color:#ff9900;	
	width:760px; 
}

.overlay {
	display:none;
	width:760px;
	padding:0px;
	background-color:#fff;
}
/*------------ end tab css ----------------*/
/*--- jury page -----*/
img.image-w125 {
margin: 20px 0px 40px 90px;
}

.m56 .header {
 margin-left: 56px;
 margin-right: 56px;
}

/*--- images in 2-col layout  Image width of max 300 px --*/

.img-1-5-span {
margin: 8px 0px 0px 30px;
}
/* blog styles */
#content-container h2.blogtitle, #content-container h1.blogtitle, #content-container h3.blogtitle {
	padding-top: 40px !important;

}
#content-container p.blogdate {
	font-size: 11px; line-height: 20px;
	padding-top: 0px !important;
	margin-top: 0px !important;
}