/******************** resets ***********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
a {text-decoration: none;}
fieldset,img, a img {border: none;}
address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}
ol, ul {list-style-type: none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;	text-transform: uppercase;}


/******************* universals ********************/

body {font: 62.5%/1.5em arial, sans-serif;}

#global {width: 772px;}

.clear {clear: both;}

.screenreader  {
	position: absolute;
	margin: -9999px 0 0 -9999px;
	}
	

/*********************** header ***********************/

#header {
	float: left;
	background: url(../graphics/bg_header.gif) 0 0 repeat-x;
	}
	
#logo {
	width: 265px;
	float: left;
	}
	
#logo img {margin: 13px 0 0 0;}
	
#sectionSwitcher {
	float: left;
	width: 505px;
	}
	
#sectionSwitcher ul li {
	float: left;
	margin-right: 1px;
	}
	
#sectionSwitcher ul li a {
	display: block;
	width: 172px;
	height: 17px;
	color: #2F3C40;
	padding: 0 0 0 4px;
	}

#sectionSwitcher ul li#instituteSwitch a {
	background: url(../graphics/bg_institute_link.gif) -176px 0 no-repeat;}
#sectionSwitcher ul li#instituteSwitch a:hover {
	color: #FFFFFF;
	background: url(../graphics/bg_institute_link.gif) 0 0 no-repeat;}	

#sectionSwitcher ul li#gallerySwitch a {
	background: url(../graphics/bg_gallery_link.gif) -176px 0 no-repeat;}
#sectionSwitcher ul li#gallerySwitch a:hover {
	color: #FFFFFF;
	background: url(../graphics/bg_gallery_link.gif) 0 0 no-repeat;}

.bodyInstitute #sectionSwitcher ul li#instituteSwitch a {
	background: url(../graphics/bg_institute_link.gif) 0 0 no-repeat;
	color: #FFFFFF;}
.bodyGallery #sectionSwitcher ul li#gallerySwitch a  {
	background: url(../graphics/bg_gallery_link.gif) 0 0 no-repeat;
	color: #FFFFFF;}

#globalNavigation {
	float: left;
	width: 505px;
	margin: 32px 0 0 0;
	}

#globalNavigation ul {
	float: left;
	width: 353px;
	}

#globalNavigation ul li {float:left;}

#globalNavigation ul li a {
	display: block;
	width: 175px;
	padding-top: 1px;
	background: url(../graphics/bg_navlines.gif) 0 0 repeat-x;
	color:#73A79F;
	}
#globalNavigation ul li a:hover {color:#2F3C40;}

#globalNavigation ul li.navLeft {margin-right: 3px;}
#globalNavigation ul li.navBottom {
	background: url(../graphics/bg_navlines.gif) 0 bottom repeat-x;
	}

#globalNavigation div.searchBox {
	float: left;
	width: 148px;
	margin-left: 4px;
	}

#globalNavigation div.searchBox input#googleSearch {
	width: 120px;
	border: 1px solid #C2E5E1;
	color:#73A79F;
	font-size: .9em;
	height: 1.5em;
	font-family: arial;
	float: left;
	}

#globalNavigation div.searchBox input.submit {
	border: 0;
	background: transparent;
	color:#73A79F;
	font-size: 1em;
	font-family: arial;
	text-transform: uppercase;
	margin: 3px 0 0 2px;
	}
	


/**************** structure, so to speak... ****************/

#mainContent {
	float: left;
	margin: 41px 0 0 0;
	}

#leftCol {
	float: left;
	width: 265px;
	margin-bottom: 300px;
	}
	
#contentContainer { /* contains all structure to the right of the leftcol to prevent wrapping */
	
	}
	
#pullquoteBox {
	float: left;
	width: 505px;
	margin: 7px 0 0 0;
	}
	
#centreCol {
	float: left;
	width: 353px;
	margin: 34px 0 0 0;
	}
body.pageLevel2 #centreCol {
	margin-top: 20px;
	}
	
#rightCol {
	float: left;
	width: 147px;
	padding: 0 0 0 5px;
	margin-top: 34px;
	}
body.pageLevel2 #rightCol {
	margin-top: 20px;
	}
	
#wideCol { /* this replaces #pullquoteBox, #centreCol and #rightCol */
	float: left;
	width: 505px;
	margin: 7px 0 0 0;
	}


/********************* leftCol ul *******************/

#leftCol ul {
	width: 132px;
	margin: 7px 0 0 19px;
	}

#leftCol ul li a {
	display: block;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #8F8F8F;
	width: 128px;
	padding: 0 2px 0 2px;
	margin: 1px 0 1px 0;
	}
#leftCol ul li a:hover {
	background-color: #5C5C5C;
	}

#leftCol ul ul {
	margin: 0; /* reset */
	display: none;
	}

#leftCol ul ul li a {
	text-transform: none; /* reset */
	background: #666666 url(../graphics/bg_navlines.gif) 0 0 repeat-x;
	width: 124px;
	padding: 1px 2px 0 6px;
	margin: 0 !important;/* reset */
	}
#leftCol ul ul li a:hover {
	background: #2F3C40 url(../graphics/bg_navlines.gif) 0 0 repeat-x !important;
	}

#leftCol ul ul ul li a {
	background: #333333 url(../graphics/bg_navlines.gif) 0 0 repeat-x !important;
	width: 118px;
	padding: 1px 2px 0 12px;
	}
#leftCol ul ul ul li a:hover {
	background: #2F3C40 url(../graphics/bg_navlines.gif) 0 0 repeat-x !important;
	}


/****************** additional links div *****************/

#additionalLinks {
	float: left;
	margin: 20px 0 0 0;
	}

#additionalLinks h2 {
	color: #FFFFFF;
	background-color: #81017E;
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 0 0 0 2px;
	}
	
#additionalLinks p {margin-top: 2px;}
#additionalLinks p a {
	color: #515151;
	text-decoration: none;
	}
#additionalLinks p a:hover {
	color: #2F3C40;
	background-color: #CBBDDC;
	}
#additionalLinks p span {text-decoration: underline;}


/************************* common styles ************************/

h1 {font-size: 2em;}

div#pageHeader h2 {
	font-size: 2em;
	line-height: 1em;
	}

p {
	color: #515151;
	font-size: 1.2em;
}

p.headerIntro {
	width: 340px;
	margin: 4px 0 0 0;
	}
body.pageLevel2 p.headerIntro {
	margin: 0 0 20px 0;
	}

p.imagePara span {
	font-size: .9em;
	color: #C0C0C0;
	}

p.imagePara img,
#pageText p,
div#pageLinks,
p.introWithSpace {
	margin-top: 20px;
	}
	
#pageText p.leadingPara {
	font-weight: bold;
	}

p a {
	color: #515151;
	text-decoration: underline;
	}
p a:hover {color: #5C5C5C;}
	
div#pageLinks {width:505px;}
div#pageLinks div {float: left;}
div#pageLinks .pageLinksLeft {
	width: 353px;
	}
div#pageLinks .pageLinksRight {
	width: 151px;
	border-left: 1px solid #FFFFFF;
	}
	
.pageLinksLeft h3 {
	font-size: 1.1em;
	text-transform: uppercase;
	width: 351px;
	padding-left: 2px;
	}
	
.pageLinksLeft div {
	width: 173px;
	padding: 0 2px 0 0;
	float: left;
	}
.pageLinksLeft div p {
	padding: 0 0 0 2px;
	color: #000000;
	font-size: 1.1em;
	}
	
.pageLinksLeft div h4 a {
	padding: 0 0 0 2px;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	}
	
p.relatedEventDate {}
p.relatedEventDescription {font-weight: bold;}
p.relatedEventSpeaker {}
p.relatedEventVenue {}

.pageLinksRight span {
	display: block;
	width: 151px;
	height: 1.5em;
	}
	
.pageLinksRight ul a {
	color: #515151;
	text-decoration: underline;
	}
.pageLinksRight ul a:hover {color: #5C5C5C;}


.centreColItem {
	width: 353px;
	float: left;
	margin: 0 0 20px 0;
	}
.centreColItem div {
	width: 175px;
	float: left;
	}
.centreColItem div.centreColItemRight {
	margin: 0 0 0 3px;
	}

.centreColItem h2 {
	width: 173px;
	padding: 2px 0 0 2px;
	background-color: #D5E4E2;
	color: #2F3C40;
	font-size: 1.2em;
	}
body.pageLevel2 .centreColItem h2 {/*variation of the above style for 2nd level list pages */
	width: 351px;
	padding: 2px 0 0 2px;
	}

.centreColItem h3 {
	width: 173px;
	padding: 0 0 0 2px;
	color: #515151;
	font-size: 1.2em;
	}

body.pageLevel2 .centreColItem p {
	padding: 6px 2px 10px 6px;
	}

.centreColItem ul {
	list-style: disc url(../graphics/bullet.gif) outside;
	padding: 0 0 0 16px;
	width: 163px;
	margin: 0 0 0 5px;
    width: 150px;
	}

.centreColItem ul li a {
	color: #515151;
	font-size: 1.2em;
	text-decoration: underline;
	}
.centreColItem ul li a:hover {
	color: #5C5C5C;
	}

.centreColItem.extralink * {color: #000000;}
.centreColItem.extralink h2 {
	color: #FFFFFF;
	background-color: #73A79F;
	}
body.pageLevel2 .centreColItem.extralink h2 {
	width: 173px;
	}
.centreColItem.extralink h3 {
	font-weight: bold;
	font-size: 1.1em;
	}
.centreColItem.extralink p {
	padding-left: 2px;
	font-size: 1.1em;
	}
.centreColItem.extralink a:hover {background-color: #D5E4E2;}

/* on level 2 pages .extralink (green header) div may appear INSIDE the 
	centreColItem instead of below a list of them - styles follow */
.centreColItem .extralink * {
	color:#000000;
	}
.centreColItem .extralink h3 {
	margin-top: 20px;
	color: #FFFFFF;
	background-color: #73A79F;
	}
.centreColItem .extralink p {
	padding: 0 0 0 2px !important;
	}
.centreColItem .extralink a {
	font-size: .9em;
	line-height: 1.2em;
	}
.centreColItem .extralink a:hover {
	background-color: #D5E4E2;
	}
.centreColItem p.caption {
	font-size: .8em;
	padding: 4px 0 0 0 !important;
	line-height: 1.1em;
	color: #C0C0C0;
	}



/*********************** events list styles *******************/

ul.eventsNav {
	margin: 20px 0 0 0;
	float: left;
	width: 505px;
	}

ul.eventsNav li {
	float: left;
	margin-right: 1px;
	}

ul.eventsNav li a {
	text-transform: uppercase;
	display: block;
	width: 121px;
	height: 17px;
	color: #2F3C40;
	padding: 0 0 0 4px;
	}

div.event {
	margin: 20px 0 10px 0;
	padding-top: 22px;
	background: url(../graphics/bg_navlines.gif) 0 0 repeat-x;
	float: left;
	width: 505px;
	}

div.event p.eventCategory {
	margin: 8px 0 0 0;
	font-weight: bold;
	}

div.event p.eventSubCategory {
	margin: 0 0 13px 0;
	}

div.event h2 {
	font-size: 1.5em;
	color: #73A79F;
	font-weight: bold;
	}

div.event h3 {
	font-size: 1.1em;
	margin: 6px 0 0 0;
	color: #515151;
	font-weight: bold;
	text-transform: none; /* reset */
	}

div.event p.eventImage {
	float: left;
	margin: 8px 10px 4px 0;
	}


/*********************** rightcol listings ********************/
	
#rightCol h2 {
	background: #C7DCD9;
	font-size: 1.1em;
	width: 147px;
	}

#rightCol ul {
	margin-bottom: 2px;
	}

#rightCol h2 a {
	display:block;
	padding-left: 2px;
	width: 145px;
	}
	
ul#rightColNews,
ul#rightColEvents {
	width: 147px;
	background: #C7DCD9;
	}
	
ul#rightColNews li h3,
ul#rightColEvents li h3 {
	width: 147px;
	font-size: .9em;
	}
ul#rightColNews li span,
ul#rightColEvents li span,
ul#rightColNews li p,
ul#rightColEvents li p {
	padding-left:2px;
	width: 144px;
	font-size: .9em;
	}

ul#rightColNews h3 {
	height: 1.1em;
	color: #2F3C40;
	}

ul#rightColEvents h3 a {
	display: block;
	padding-left:2px;
	width: 145px;
	}
	
ul#rightColEvents p {
	color: #2F3C40; 
	line-height: 1.1em;
	padding-bottom: 4px;
	}
	
.orangeQuicklink {
	margin: 2px 0 0 0;
	}
.orangeQuicklink a {
	display: block;
	padding: 2px 2px 0 2px;
	width: 143px;
	text-transform: uppercase;
	font-size: 1.2em;
	line-height: 1em;
	color: #FFFFFF;
	background-color: #FF8C13;
	}

.pullquote {
	margin: 2px 0 0 0;
	background: url(../graphics/quote_back.gif) repeat-y 0 0;
	}
.pullquote span {
	display: block;
	width: 147px;
	height: 24px;
	}
.pullquote span.blockquoteTop {
	background: url(../graphics/quote_top.gif) no-repeat 0 0;
	}
.pullquote span.blockquoteBottom {
	background: url(../graphics/quote_bottom.gif) no-repeat 0 0;
	}
blockquote {
	font-style: normal;
	text-transform: uppercase;
	font-size: 1.4em;
	line-height: 1.1em;
	color: #FFFFFF;
	width: 137px;
	padding: 0 6px 0 4px;
	}


/************************* footer ***********************/

#footer {
	float: left;
	width: 770px;
	margin: 20px 0 4px 0;
	}
	
#footer * {color: #73A79F;}
	
#footer p {
	margin-left: 265px;
	width: 353px;
	font-size: .9em;
	}
	
#footer ul {
	margin-top: 1.4em;
	float: right;
	width: 152px;
	}

#footer ul li {float: left;}

#footer ul li a {text-decoration: underline;}
#footer ul li a:hover {color: #2F3C40;}

.caption {
	font-size: 0.9em;
	color: #C0C0C0;
	font-weight: normal;
	}
#leftimage {
	float: left;
	width: 167px;
}
#middleimage {
	float: left;
	width: 167px;
	margin-left: 1px;
	margin-left: 1px;
}
#rightimage {
	float: left;
	width: 167px;
	margin-left: 1px;
}
#leftimage2 {
	float: left;
	width: 167px;
}
#middleimage2 {
	float: left;
	width: 167px;
	margin-left: 1px;
}
#rightimage2 {
	float: left;
	width: 167px;
	margin-left: 1px;
}
#leftimage3 {
	float: left;
	width: 167px;
}
#middleimage3 {
	float: left;
	width: 167px;
	margin-left: 1px;
}
#rightimage3 {
	float: left;
	width: 167px;
	margin-left: 1px;
}#leftimage-noninvas {
	float: left;
	width: 335px;
}

.narrow-textwidth
{
	width: 167px;
	float: left;
	font-size: 0.9em;
	color: #C0C0C0;
	font-weight: normal;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}
.highlight {
	color: #f23b80;
	}

.highlight2 {
color: #73A79F
}.subtitle1 {
	font-weight: bold;
	text-transform: uppercase;
	color: #73A79F;
}
.leftimage {
	float: left;
	width: 167px;
	margin-bottom: 1px;
}
.middleimage {
	float: left;
	width: 167px;
	margin-left: 1px;
	margin-bottom: 1px;
}
.rightimage {
	float: left;
	width: 167px;
	margin-left: 1px;
	margin-bottom: 1px;
}
.leftpad {
	float: left;
	width: 324px;
	margin-left: 10px;
}.line {
	float: none;
	width: 504px;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-top-color: #73A79F;
}