/* Core Styles */

body {
	background: #666666;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #535353;
}

a {
	color: #535353;
	text-decoration: none;
}

a:hover, a.current {
	color: #206f87;
}

p {
	margin-top: 0px;
	margin-bottom: 18px;
}

img {
	border: 0px;
}

h3 {
	margin-bottom: 0px;
	font-weight: 300;
	color: #206f87;
	font-size: 1em;
	text-transform: uppercase;
}

/* Layout Styles */

#site_container {
	margin: 0 auto;
	text-align: left;
	width: 745px;
	background: white;
	/*border: 1px solid #a8a8a8;*/
	border: 1px solid white;
	position: relative;
}

#sidebar_container {
	float: left;
}

#sidebar_container img {
	display: block;
}

#logo_container {
	margin-top: 22px;
	margin-left: 22px;
}

#navigation_container {
	background: url(/site_images/nav_bg.jpg) bottom;
	height: 257px;
	padding-top: 20px;
	margin-left: 22px;
	margin-top: 12px;
	width: 203px;
	color: white;
	font-size: 15px;
}
html>body #navigation_container {
	height: 237px;
}

#navigation_container a {
	color: white;
}

#navigation_container ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
	text-transform: uppercase;
	margin-left: 20px;
}

#navigation_container ul li {
	padding: 4px 0px;
	cursor: pointer;
}

#navigation_container ul li.current, #navigation_container ul li:hover {
	background: url(/site_images/nav_selected.png) repeat-y #07222a;
	margin-left: -43px;
	padding-left: 43px;
}

#body_container {
	text-align: left;
	margin-top: 22px;
	margin-left: 237px;
	width: 480px;
	position: relative;
}

#page_title_container {
	line-height: 55px;
	height: 55px;
	margin-bottom: 10px;
	padding-left: 15px;
	background: #535353;
}

#page_title_container h1, #page_title_container h2 {
	display: inline;
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
	margin: 0px;
	margin-right: 8px;
}

#page_title_container h2 {
	font-size: 12px;
}

#page_title_container a {
	color: white;
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px;
	text-decoration: none;
}

#page_title_container a.current, #page_title_container a:hover {
	background: #07222a;
}

#content_container {
	height: 584px;
	border-top: 1px solid white; /* Add border so backgrounds align properly */
}
html>body #content_container {
	margin-top: -1px; /* Offset border added above */
}

#footer_container {
	padding: 15px 25px;
	color: #206f87;
	font-size: 11px;
}

#caa_logo {
	float: right;
}

/* Background Styles */

div.exhibition {
	background: url(/site_images/exhibition_bg.jpg);
}

div.tour {
	background: url(/site_images/tour_bg.jpg);
}

div.bio_ae {
	background: url(/site_images/exhibition/arthur_erickson/bio_bg.jpg);
}

div.bio_bt {
	background: url(/site_images/exhibition/bing_thom/bio_bg.jpg);
}

div.bio_jc {
	background: url(/site_images/exhibition/james_cheng/bio_bg.jpg);
}

div.bio_se {
	background: url(/site_images/exhibition/fast_epp/bio_bg.jpg);
}

div.bio_tt {
	background: url(/site_images/exhibition/trafalgar/bio_bg.jpg);
}

/* Standard page template styles */

.content_header {
	height: 50px;
	margin-top: 30px;
	margin-left: 15px;
	font-size: 11px;
}

.content_header h2 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
}

.content_header .header_description {
	float: right;
	width: 280px;
}

.content_scroller {
	border: 1px solid #67a4b4;
	background: white;
	overflow: auto;
	height: 503px; /* IE Height */
	padding: 15px;
}

html>body .content_scroller {
	height: 472px;
}

/* Variable page template styles */

.big_header .content_header {
	height: 120px;
}
.big_header .content_scroller {
	height: 433px; /* IE Height */
}
html>body .big_header .content_scroller {
	height: 402px;
}


/* Special case page template styles */

div.bio .content_scroller {
	position: absolute;
	top: 399px;
	color: white;
	border: 0px;
	overflow: hidden;
	background: none;
	width: 480px; /* IE Width */
	height: 231px; /* IE Height */
}
html>body div.bio .content_scroller {
	width: 450px;
	height: 221px;	
}
div.bio .content_scroller a {
	color: white;
}
div.bio .content_scroller a:hover {
	text-decoration: underline;
}

div.bio .content_scroller p {
	margin-bottom: 0.5em;
}

div.bio .content_scroller a.work {
	float: right;
	background: #535353;
	margin-right: -15px;
	padding-right: 15px;
	padding-left: 10px;
}

div.exhibition .content_header {
	height: 300px;
}

div.gallery .content_header {
	height: 140px;
}

div.gallery .content_scroller {
	position: absolute;
	top: 240px;
	border: 0px;
	overflow: hidden;
	width: 480px; /* IE Width */
	height: 410px; /* IE Height */
}

html>body div.gallery .content_scroller {
	width: 450px;
	height: 380px;	
}

div.gallery .content_scroller .controls {
	margin-bottom: 10px;
}

div.gallery .content_scroller .images {
	margin-left: -15px;
	margin-right: -15px;
}

/* Misc Styles */

ul.exhibition_list {
	margin: 0px;
	list-style: none;
	padding: 0px;
	text-transform: uppercase;
}

ul.exhibition_list li {
	margin-bottom: 2px;
}

ul.column_list {
	margin-right: 20px;
	float: left;
}

.content_scroller ul {
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	list-style: none;
}
.content_scroller ul li {
	background: url(/site_images/bullet.gif) no-repeat 0px 6px;
	padding-left: 10px;
}

.content_scroller ul.no_bullet li {
	background: none;
	padding-left: 0px;
}