* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	margin: 0;
	padding: 20px 0;
	font: xx-small/1.2em 'Lucida Grande', Verdana, Arial, sans-serif;
	color: #555;
	background-color: white;
}

html {
	overflow-y: scroll;  /*fixes scrollbar shift in firefox */
}

/* general typography */

a:link, a:visited {
	text-decoration: none;
	color: #555;
	background: transparent url(../images/arrow1.gif) right center no-repeat;
	padding-right: 2em;
	text-transform: uppercase;
	font: xx-small/1.3em 'Lucida Grande', Verdana, Arial, sans-serif;
}

a:link img, a:visited img {
	border: none;
	padding: 0 0;
}

a:hover {
	background: url(../images/arrow2.gif) right center no-repeat;
	border: none;
}

a.plain:link, a.plain:visited {
	text-decoration: none;
	color: #26CECF;
	background: transparent;
	padding: 0 0;
	text-transform: none;
	font: xx-small/1.3em 'Lucida Grande', Verdana, Arial, sans-serif;
}

a.plain:hover {
	color: #555;
	background: transparent;
}

li {
	list-style: none;
}

li.link {
	margin-top: .3em;
}

li.link a {
  text-decoration: none;
	background: transparent url(../images/arrow1.gif) right center no-repeat;
	padding-right: 2em;
  text-transform: uppercase;
  color: #26CECF !important;
}

li.link a:hover {
  color: #555 !important;
  	background: transparent url(../images/arrow2.gif) right center no-repeat;
}


h1 {
	margin: 0;
	padding: 0;
}

h2 {	
	font: 1.45em/1.7em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #CCC; 
}

h2 em {	
  font: 1.6em/1em Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #555;
	display: block;
	padding: 0 0 .7em 0;
	margin: 0 0;
}

h2 em a:link, h2 em a:visited  {
	font-weight: normal;
	background: transparent;
	text-transform: none;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	background: url(../images/arrow3.gif) right .30em no-repeat;
	padding: 0 35px 0 0;
}

h2 em a:hover {
	background: url(../images/arrow4.gif) right .30em no-repeat;
}

h2 span{	
	font: 1em/1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #555;
  	display: block;
	padding: 0 0 1.7em 0;
	padding: 0 0 0em 0;
	margin: 0 0;
}

h3 {	
	font: xx-small/1em 'Lucida Grande', Verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 .5em 0;
	text-transform: uppercase;
}

h3 em {
	font-size: 1em;
	text-transform: none;
}

h3 span {
	font-size: 1em;
	text-transform: none;
  	font-weight: normal;
}

h4 {
	font: 1em/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 .5em 0;
	text-transform: uppercase;
}

h5 {
	font: 1.45em/1em Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 .5em 0;
	text-transform: uppercase;
}


/* layout */

#frame {
	width: 78em;
	margin: 0 auto;
	position: relative;
}

/* layout (header) */

#header {
	margin: 0 0;
	width: 78em;
	overflow: visible;
}

#header a {
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-weight: bold;
	background: url(../images/arrow1.gif) right center no-repeat;
  	-moz-outline-style: none;
}

#header a:hover {
	background: url(../images/arrow2.gif) right center no-repeat;
}

#header h1 a:link, #header h1 a:visited {
	background: transparent;
	color: #dfdfdf;
	padding: 0;
	text-transform: lowercase;
	letter-spacing: -2px;
	font: 6.5em/.75em Arial, Helvetica, sans-serif;
	font-weight: bold;
	overflow: visible;
	margin-left: 8px;
  	-moz-outline-style: none;
}

#header h1 a:hover {
	color: #555;
}

#header div.addresses {
	position: absolute;
	left: 38em;
	top: 0;
	width: 44em;
	overflow: visible;

}

#header div.addresses div.column {
	width: auto;
	position: relative;
	float: left;
	padding: 3.5em 2em 1.2em 1.5em;
	margin: -4em 1em 0 0;
	background: rgb(180,244,244) url(../images/corner.gif) no-repeat bottom right;
}


/* layout (content) */

#content {
	margin: 5em 1em .5em 1em; 
	width: 78em;
	width: 83em;
	overflow: hidden;
}

#content.main {
	width: 78em;
}

#content li {
	line-height: 1.4em;
}

#content li.indent {
	margin: 0 0 0 1em;
}

#content p {
	margin: 0 0 1em 0;
	line-height: 1.6em;
}

#content.main p {
	margin: 0 0 1em 0;
	line-height: 1.6em;
}

#content .column_small {
	width: 29em;
	float: left;
	padding: 2.7em 0 0 0;
	text-align: center;
}

#content .column_small ul {
	margin: 0 0 1.4em 0;
}

#content.main .column_small {
	width: 35em;
	float: left;
	margin: 0 0 0 4em;
	padding: 0 0;
	text-align: left;
}

#content.sub .column_small {
	width: 27em;
	float: left;
	margin: 23px 0 0 3.5em;
	padding: 0 0;
  	text-align: left;
}


#content.sub.extras .column_small {
	width: 38em;
	float: left;
	margin: 23px 0 0 5em;
	padding: 0 0;
  	text-align: left;
}

#content.sub .column_small ul {
  margin: 0 0 3em 0;
}

#content.sub  ul li.materials {
  	font: 1.25em/1.7em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
  	margin: -1em 0 1.5em 0;
}
    

#content .column_small div.mini {
	margin-top: 1em;
	padding: 1.5em 0 .5em 3em;
	background: white url(../images/lines1.gif) repeat-y;
	border: 1px dotted #CCC;
	text-align: left;
}

#content .column_small div.mini h3 {
	margin: .5em 0 1em 0;
}

#content.main .column_small div {
	margin: 0 0 2.5em 0;
}

#content .column_large {
	width: 46em;
	float: left;
	margin: 0 0 0 5em;
}

#content.main .column_large {
	width: 38em;
	float: left;
	margin: 0 0 0 0;
}

#content.main .column_large ul {
	margin: 4em 0 .5em 0;
}

#content.main .column_large a:link.plain, #content.main .column_large a:visited.plain {
  text-transform: uppercase;
  line-height: 2em;
}

#content.sub .column_large {
	width: 420px;
	float: left;
	padding: .7em 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
}

#content.sub.extras .column_large {
	width: 38em;
	float: left;
	padding: .7em 0 0 0;
	margin: 0 0 0 0;
	text-align: left;
}

/* images and related */

#content .column_small img {
	margin: 0 0 1em 0;
	text-align: left;
}


#content .artspeak  {
	background: white url(../images/logos/artspeak.jpg) no-repeat right bottom;
	padding-bottom: 3.5em;
}

#content .westernfront {
	background: white url(../images/logos/westernfront.jpg) no-repeat right bottom;
	padding-bottom: 5.3em;
}

#content ul.imagenav {
  overflow: hidden;
  width: 352px;
}

#content ul.imagenav li {
  float: left;
  display: inline;
 }

#content ul.imagenav li a:link, #content ul.imagenav li a:visited {
  display: block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  background: #dfdfdf;
  text-indent: -1000em;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 0 0;
	-moz-outline-style: none;
}

#content ul.imagenav li a:hover {
    background: white url(../images/lines2.gif) !important;
}

#content p.caption {
  padding-top: 5em;
  	line-height: 1.4em;
}


#content .column_large p.caption {
  padding-top: .5em;
}

#content p.caption em {
  color: #555;
  font-weight: bold;
  font-style: normal;
  
}

/* supporter images/logos */

#content.main .supporters {
	background: white url(../images/logos/supportersblock.jpg) no-repeat top center;
	width: 280px;
	height: 276px;
	overflow: hidden;
}

#content.main .supporters a:link, #content.main .supporters a:visited{
	text-indent: -10000em;
	overflow: hidden;
	background: transparent;
	padding: 0 0;
	display: block;
	float: left;
	margin: 5px;
}

#content.main .supporters a.britishcouncil {
	width: 155px;
	height: 50px;
}

#content.main .supporters a.uktoday {
	width: 80px;
	height: 50px
}

#content.main .supporters a.vpl {
	width: 230px;
	height: 60px;
}

#content.main .supporters a.vancouver {
	width: 90px;
	height: 80px;
}

#content.main .supporters a.artscouncil {
	width: 155px;
	height: 80px;
}

#content.main .supporters a.canadacouncil {
	width: 260px;
	height: 45px;
}

/* schedule of events */

#content div.schedule h2 {
  margin: 0 0 -1.5em 0;
}

#content div.schedule h3 {
  	font: 1.25em/1.7em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
  	margin: 2em 0 .7em 0;
}

#content div.schedule li.event {
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
}

#content div.schedule li.link a {
  line-height: 1em;
  background: transparent;
  padding: 0 0;
}

#content div.mini li.link a {
	margin-top: 0;
  line-height: 1em;
  background: transparent;
  padding: 0 0;
}



/* navigation (header) */

#header ol.nav {
	padding: 0 0 0 0;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1.2em;
	position: absolute;
	left: 38em;
	top: -1em;
	width: 46em;
}

#header ol.nav li {
	display: inline;
	position: relative;
	margin: 0 0;
	padding: 0 0;
}

#header ol.nav li a {
	font-weight: bold;
	background: rgb(180,244,244) url(../images/corner.gif) no-repeat bottom right;
	padding: 3.5em 2em 1em 1.5em;
	margin: 0 .6em 0 0;
	position: relative;
  	font: xx-small/1em 'Lucida Grande', Arial, sans-serif;
	font-weight: bold;
}

#header ol.nav li a span.first_name {
	display: none;
}

#header ol.nav li a.currentpage {
	top:  2em;
}

#header ol.nav li a:hover {
	top:  2em;
  color: white;
 	background: rgb(180,244,244) url(../images/corner.gif) no-repeat bottom right;
}

#header ol.nav li ul.sub_nav {
	display: none;
}	

/* navigation (content) */


#content ol.nav {
	width: 38em;
	margin: 0 0 2em 0;
	padding: 0 0;
}

#content ol.nav li {
	padding: 0 0;
	margin: 0 0 .4em 0;
}

#content ol.nav li a {
	font-weight: normal;
	background: transparent;
	font-size: 2.23em;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: url(../images/arrow3.gif) right .36em no-repeat;
	padding: 0 35px 0 0;
}

#content ol.nav li a:hover {
	background: url(../images/arrow4.gif) right .36em no-repeat;
}


/* extras */

.hidden {
	display: none;
}

.pending {
	display: none;
}


.block {
	display: block;
}