@charset "utf-8";
/*

CLEAR BROWSER DEFAULTS

*/

html, body, div, span, applet, object, iframe,
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
/* Get rid of the dashed line that appears when a link is clicked */
:focus {
	outline: 0;
}

/*

GLOBAL HTML SELECTOR RELATED STYLES

*/

body {
	color: #666;
	background-color: #ebebeb;
	font: 62.5% Georgia, serif;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
}
blockquote {
	margin: 5px 0 15px 15px;
}
em {
	font-style: italic;
}
h1 {
	font-size: 1.9em;
	font-family: Arial, sans-serif;
	margin: 0 0 20px 0;
	color: #444;
	line-height: 1.2;
	font-weight: normal;
}
h1.home-page-title {
	font-size: 1.5em;
	margin: 0 0 5px 0;
	color: #6c8b8e;
	line-height: 1.2;
	font-weight: normal;
	font-family: Georgia, serif;
}
h2 {
	font-size: 1.5em;
	margin: 20px 0 3px 0;
	color: #759e44;
	line-height: 1.2;
	font-weight: normal;
}
p {
	margin: 0 0 15px 0;
}
strong {
	font-weight: bold;
}
ul, ol {
	margin: 0 0 15px 25px;
}

/*

CONTAINER RELATED STYLES

*/

#container {
	background-color: #fff;
	margin: 25px auto;
	width: 960px;
	padding-left: 15px;
	font-size: 1.1em;
}

/*

HEADER RELATED STYLES

*/

#header {
	height: 190px;
	color: #666;
	position: relative;
	z-index: 1000;
}
#header a {
	color: #666;
}

/* nav-resources (utility) top center of header */
#nav-resources {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}
#nav-resources li {
	display: inline;
	border-right: 1px solid #bbb;
	padding: 0 5px;
}
#nav-resources li.last {
	border: none;
}
#nav-resources li span {
	color: #000;
	font-weight: bold;
}
#nav-resources #small-text {
	font-size: 0.9em;
	padding: 0 4px;
}
#nav-resources #medium-text {
	font-size: 1.1em;
	padding: 0 4px;
}
#nav-resources #large-text {
	font-size: 1.3em;
	padding: 0 4px;
}

/* smarthistory logo */
#logo-master img {
	margin: 20px 0 0 0;
}

/* nav-global top level */
#nav-global {
	position: absolute;
	top: 90px;
	left: 192px;
	width: 730px;
	height: 50px;
}
#nav-global ul {
	margin: 0;
}
#nav-global li {
	list-style: none;
	float: left;
	position: relative;
	width: 100px;
	padding: 0 10px;
	background-color: #a4b3b0;
	margin-right: 1px;
}
#nav-global li a {
	display: block;
	text-decoration: none;
	font-size: 1.2em;
	padding: 8px 2px 0 2px;
	height: 22px;
	color: #fff;
	font-family: Arial, sans-serif;
	background: transparent url(../images/bg-nav-global-arrow.gif) no-repeat right center;
	text-transform: uppercase;
}
/* customize top level nav elements */
#nav-global li#time {
	background: #a4b3b0 url(../images/bg-btn-nav-global-left.gif) no-repeat bottom left;
}
#nav-global li#artist {
	background: #a4b3b0 url(../images/bg-btn-nav-global-right.gif) no-repeat bottom right;
}
#nav-global li#theme {
	margin-left: 10px;
	background: #a4b3b0 url(../images/bg-btn-nav-global.gif) no-repeat bottom left;
}
#nav-global li#theme a {
	padding-right: 10px;
}
/* nav-global 2nd level */
#nav-global li ul {
	position: absolute;
	top: auto;
	left: -2000em;
	border: 1px solid #d4d4d4;
	background-color: #fff;
}
#nav-global li ul li {
	float: none;
	width: 175px;
	background-image: none;
	background-color: #fff;
	padding: 0;
	margin: 0;
}
#nav-global li ul li a {
	display: block;
	width: auto;
	color: #666;
	padding: 6px 5px 4px 5px;
	height: auto;
	font-size: 1.0em;
	font-family: Arial, sans-serif;
	border-bottom: 1px solid #d4d4d4;
	background-image: none;
	text-transform: none;
}
/* This fix allows anchors within h2s */
#nav-global li ul li h2, #nav-global li ul li h2 a {
	color: #759e44 !important;
	text-transform: uppercase;
	margin: 7px 0 0 0;
	padding: 5px 5px 3px 5px;
	font-size: 1.0em;
	font-family: Arial, sans-serif;
	border-bottom: 1px solid #d4d4d4;
	background-image: none;
	text-decoration: none !important;
}
#nav-global li ul li h2 a {
	border-bottom: none;
	padding: 0;
	margin: 0;
}
#nav-global li ul li h2 a:hover {
	background-color: #fff !important;
	text-decoration: underline !important;
}
/* end anchor within h2 fix */
#nav-global li li.last a {
	border-bottom: none;
}
/* customize the artist submenu so it scrolls */
/* edited by lotte */
#nav-global li#artist ul, #nav-global li#style ul {
	width: 175px;
	height: 380px;
	overflow: auto;
}
#nav-global li#artist li, #nav-global li#style li {
	width: auto;
}
#nav-global li#artist li a, #nav-global li#style li {
	width: auto;
	height: auto;
}
/* nav-global hover (rollover) styles and top level on state */
#nav-global li:hover a, #nav-global li.sfhover a, #nav-global li.on a {
	color: #333;
	background-image: url(../images/bg-nav-global-arrow-on.gif);
}
#nav-global li:hover li a, #nav-global li.sfhover li a {
	color: #666;
	background-image: none;
}
/* customize hover states */
#nav-global li#time:hover, #nav-global li#time.sfhover {
	background-image: url(../images/bg-btn-nav-global-left-on.gif);
}
#nav-global li#time:hover ul, #nav-global li#time.sfhover ul {
	left: 0;
}
#nav-global li#style:hover ul, #nav-global li#style.sfhover ul {
	left: -1px;
}
#nav-global li#artist:hover, #nav-global li#artist.sfhover {
	background-image: url(../images/bg-btn-nav-global-right-on.gif);
}
#nav-global li#artist:hover ul, #nav-global li#artist.sfhover ul {
	left: -58px;
}
#nav-global li#theme:hover, #nav-global li#theme.sfhover {
	background-image: url(../images/bg-btn-nav-global-on.gif);
}
#nav-global li#theme:hover ul, #nav-global li#theme.sfhover ul {
	left: 0;
}
/* nav-global hover states for 2nd level anchors */
#nav-global li li a:hover {
	background-color: #ededed !important;
	text-decoration: underline;
	color: #333;
}

/* site-search form elements */
#site-search {
	position: absolute;
	top: 20px;
	right: 15px;
}
#site-search .text {
	float: left;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #fff url(../images/bg-form-field.gif) repeat-x;
	color: #666;
	padding: 3px 3px 1px 3px;
	height: 15px;
	width: 130px;
	margin-right: 4px;
	font-family: Georgia, serif;
	font-size: 1.0em;
}
#site-search .btn {
	float: left;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #fff url(../images/bg-btn-gray.gif) repeat-x;
	color: #666;
	padding: 2px 3px 2px 3px;
	height: 20px;
	width: 35px;
	font-family: Georgia, serif;
	font-size: 1.0em;
}

/* site-stats element */
#site-stats {
	position: absolute;
	top: 60px;
	right: 15px;
}
#site-stats h2 {
	float: left;
	font-size: 1.9em;
}
#site-stats h2.artworks {
	color: #e0c9a7;
	padding-right: 10px;
	width: 50px;
}
#site-stats h2.podcasts {
	color: #ced5a1;
	padding-right: 10px;
	width: 50px;
}
#site-stats h2.visits {
	color: #aac8b0;
	width: 60px;
}
#site-stats h2 small {
	display: block;
	font-size: 0.5em;
	color: #999;
}

/*

CONTENT RELATED STYLES

*/

#content {
	margin: 0 0 30px 0;
	z-index: 0;
}

/* date-location sits above the left column navigation "nav-local" */
/*
.col h2 .active,
.col h2.active,
h2.active,
h2 .active,
.date-location {
	font-family: Arial, sans-serif !important;
	font-weight: normal !important;
	font-size: 1.4em !important;
	color: #333 !important;
	margin: 0 15px 20px 0 !important;
}
*/


/* homepage image-browser */
#image-browser {
	border: 1px solid #999;
	width: 751px;
	height: 380px;
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0;
	background-color: #c6dcd9;

	/*
	vert bars are 20px wide by 380 tall with 1px right margin, 210px total width

	so the viewable image area is 541px
	*/

}
#image-browser h2 {
	width: 20px;
	height: 380px;
	margin: 0;
	padding: 0;
	/*margin: 0 1px 0 0;*/
	border-right: 1px solid #fff;
	cursor: pointer;
	float: left;
	display: block;
	position: relative;
}
#image-browser h2 img {
	position: absolute;
	top: 0;
	left: 0;
}
#image-browser .period {
	float: left;
	/*lotte width: 541px;*/
	width: 520px;
	height: 380px;
	position: relative;
	background-color: #ecefda;
	display: none;
}
#image-browser .open {
	display: block;
}
#image-browser .image-set {
	float: none;
	width: 100%;
	height: 100%;
	/*height: 200px;*/
	overflow: hidden;
}
#image-browser ul {
	margin: 0;
	padding: 0;
	width: 10000px;
}
#image-browser li {
	list-style: none;
	float: left;
	/*lotte width: 541px; */
	width: 520px;
}
#image-browser li a {
	/*lotte width: 151px; */
	width: 146px;
	height: 170px;
	margin: 0;
	padding: 14px 11px;
	border-right: 1px solid #ccc;
	float: left;
}
#image-browser .nav {
	display: block;
	position: absolute;
	z-index:0;
	top: 180px;
	left: 2px;
/*lotte	width: 537px; */
	width: 516px;
	background-color: #ecefda;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
#image-browser .nav img {
	cursor: pointer;
	width: 30px;
	height: 20px;
}
#image-browser .next {
	float: right;
}
#image-browser.image-browser-subpage {
	height: 203px;
	/*margin: 0 0 20px 192px;*/
	margin: 0 0 20px 0;
	width: 938px;
}
#image-browser.image-browser-subpage .period {
	width: 707px;
	height: 180px;
}
* html #image-browser.image-browser-subpage .period {
	width: 704px;
	height: 178px;
}
#image-browser.image-browser-subpage .nav {
	width: 705px;
}
#image-browser.image-browser-subpage .image-set li {
	width: 705px;
}
#image-browser.image-browser-subpage li a {
	width: 147px;
	padding: 14px 14px;
}
* html #image-browser.image-browser-subpage li a {
	padding: 14px 12px;
}
/*
#image-browser.image-browser-subpage .period {
	width: 728px;
}
#image-browser.image-browser-subpage li a {
	padding: 14px 14px;
}
*/
#image-browser .default-on {
	z-index: 10;
}
/* info-module can be found on the homepage under the image browser
.info-module {
	border: 1px solid #e4e5e0;
	margin: 0 15px 15px 0;
}
.info-module h3 {
	color: #6c8b8e;
	font-family: Arial, sans-serif;
	margin: 0 0 5px 0;
	padding: 6px;
	text-transform: uppercase;
	background-color: #f1f2ec;
}
.info-module-copy {
	padding: 8px 12px 12px 12px;
}
.info-module-copy ul {
	margin: 0;
}
.info-module-copy li {
	list-style: none;
	margin: 0 0 8px 0;
}
.info-module-copy p {
	margin-bottom: 8px;
}
.info-module-copy .date {
	color: #999;
}
*/

/* begin copy related styles */
#copy {
	padding: 0 15px 0 0;
	font-size: 1.2em;
	line-height: 1.5;
}
.copy-image-right {
	margin: 0 0 10px 15px;
	padding: 0 0 15px 0;
	float: right;
}
.copy-image-right img {
	display: block;
	margin: 0 0 5px 0;
}
.copy-image-right .caption {
	font-size: 0.9em;
	width: 175px;
	display: block;
	padding-bottom: 10px;
}
.intro {
	font-size: 1.5em;
	margin: 0 0 15px 0;
	line-height: 1.2;
	font-weight: normal;
}
.asset-flash {
	margin-bottom: 30px;
}
/* pod- and vodcast lists on video main page */
.pod-vod-list {
	font-size: 1em;
}
.pod-vod-list h2 {
	color: #6c8b8e;
	font-family: Arial, sans-serif;
	margin: 0 10px 5px 0;
	text-transform: uppercase;
	font-size: 1em;
}
.pod-vod-list p {
	margin-right: 10px;
	font-size: 0.97em;
	color: #202020;
}
.pod-vod-list .date {
	display: block;
	color: #666;
}
.pod-vod-list a {
	color: #f06b28;
}

/* pod- vod page allows user to show/hide videos associated to a heading */
#videos {
	margin: 0;
}
#videos h2 {
	color: #333;
	/*padding: 5px 0 20px 0;*/
	padding: 5px 0 0 75px;
	/*margin: 35px 0 15px 0;*/
	margin: 0 0 20px 0;
	border-top: 1px solid #d9d9d9;
	/*background: #fff url(../images/bg-watch-video.gif) no-repeat left bottom;*/
	background: #fff url(../images/bg-watch-video.gif) no-repeat 0 8px;
	cursor: pointer;
	font-size: 1.3em;
}
#videos h2.open {
	background-image: url(../images/bg-watch-video-close.gif);
}
#videos .asset-flash {
	display: none;
}
#videos .asset-flash a {
	color: #f06b28;
	font-size: 0.9em;
}

.callout .video-rss {
	padding: 0 0 0 25px;
	background: url(../images/bg-rss-callout.gif) no-repeat 0 1px;
	display: block;
	margin: 0 0 0px 0;
}

/* nav-pager is located under the copy in the middle column, it allows the user to page to the next / prev article */
#nav-pager {
	margin: 20px 15px 20px 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
#nav-pager li {
	list-style: none;
	padding: 5px 0;
	font-size: 1.2em;
	font-family: Arial, sans-serif;
}
#nav-pager li.next {
	float: right;
	text-align: right;
}
#nav-pager li.previous {
	float: left;
}
#nav-pager li.next a {
	display: block;
	width: 250px;
	padding-right: 30px;
	padding-right: 0;
	xbackground: #fff url(../images/bg-nav-pager-next.gif) no-repeat top right;
}
#nav-pager li.previous a {
	display: block;
	width: 250px;
	padding-left: 30px;
	padding-left: 0;
	xbackground: #fff url(../images/bg-nav-pager-previous.gif) no-repeat top left;
}
#nav-pager li a span {
	display: block;
	margin-top: 3px;
	color: #666;
}

/* right column callouts */
.callout {
	margin: 0 0 30px 0;
}
.callout h2 {
	color: #6c8b8e;
	margin: 0 0 5px 0;
}
.callout h3 {
	color: #6c8b8e;
	font-family: Arial, sans-serif;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}
.callout-copy {
	background-color: #f5f5f5;
	margin: 0 15px 0 0;
	padding: 12px;
	font-size: 1.1em;
}
.callout-icons img {
	float: left;
	margin: 0 5px 5px 0;
}
.callout-icons .start {
	margin-right: 15px;
}
.where-when .callout-copy {
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: none;
}
.where-when .map {
	border: 1px solid #ccc;
	width: 175px;
	/*height: 140px;*/
	overflow: hidden;
}
.where-when .map img {
	width: 175px;
}
.play-video {
	padding-right: 20px;
	background: url(../images/icon-play-video.gif) no-repeat center right;
}

/*.flick-badge .callout-copy {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 8px 0 0 0;
}
.flick-badge img {
	float: left;
	margin: 0 0 8px 8px;
	width: 75px;
	height: 75px;
}
.flick-badge .contribute {
	clear: left;
	padding: 12px;
	border-top: 1px solid #ccc;
	margin: 0;
}
*/

/*

FOOTER RELATED STYLES

#footer {
	margin: 0 0 10px 0;
	background: url(../images/logo-footer.gif) no-repeat left center;
	padding-left: 35px;
	color: #999;
}
#footer .license{
color: #999;
}


*/

/*

LAYOUT STYLES

COLUMNS
The grid is 5 columns fo 192px. So the .col class establishes that base width plus
the float left. .dubs is 2 times that width and so on.

*/

.col {
	width: 192px;
	float: left;
}
.dubs {
	width: 384px;
}
.trips {
	width: 576px;
}
.quad {
	width: 768px;
}

/*

CLEAR FLOATS:

By applying the clearfix class to a container whose elements are floated,
we can avoid using structural markup such as <div class="clear-float">&nbsp;</div>.
Note, this technique leverages the use of IE conditionals in the HTML document head
to load a separate IE fix css file.

*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}













/*

Ajax-Search styles:


<div id="site-search" class="clearfix">
	<form name="searchForm" action="" method="post">
		<input type="text" name="searchSite" id="searchSite" value="Search" alt="Search" class="text" />
		<input type="button" name="btnSearchSite" id="btnSearchSite" value="Go &gt;" class="btn" />
	</form>
</div>

*/


#ajaxSearch_form {
/*   color: #444;
   width: auto;*/
}

#ajaxSearch_input {
	float: left;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #fff url(../images/bg-form-field.gif) repeat-x;
	color: #666;
	padding: 3px 3px 1px 3px;
	height: 15px;
	width: 130px;
	margin-right: 4px;
	font-family: Georgia, serif;
	font-size: 1.0em;
}

#ajaxSearch_submit {
	float: left;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #fff url(../images/bg-btn-gray.gif) repeat-x;
	color: #666;
	padding: 2px 3px 2px 3px;
	height: 20px;
	width: 35px;
	font-family: Georgia, serif;
	font-size: 1.0em;
}
#ajaxSearch_output {
   border: 1px solid #444;
   padding: 10px;
   background: #fff;
   display: block;
   height: auto;
   vertical-align: top;
}
.ajaxSearch_paging {

}
.AS_ajax_result {
   color: #444;
   margin-bottom: 3px;
}
.AS_ajax_resultLink {
   text-decoration: underline;
}
.AS_ajax_resultDescription{
   color: #555;
}
.AS_ajax_more {
   color: #555;
}



.ajaxSearch_highlight,
.ajaxSearch_highlight1 {
background: transparent;
}

/*

\\\\\\\\\\\\\\\\

MAY 2009 UPDATES

////////////////

*/

/*

CALLOUTS

- Add new callout declaratios below to the current version

}

*/
.callout {
	line-height: 1.4;
}
.callout .breaking-news {
	background: #73953e url(../images/bg-breaking-news.gif) no-repeat top right;
	color: #ccc;
}
.callout .breaking-news h3 {
	color: #fff;
	text-transform: none;
	font-family: Georgia, serif;
	font-size: 1.2em;
	line-height: 1.1;
	padding-right: 30px;
}
.callout .news {
	color: #666;
}
.callout .news h3 {
	text-transform: none;
	color: #666;
	font-family: Georgia, serif;
	margin: 0;
	font-weight: bold;
}
.callout .new-entry {
	padding: 0 0 0 25px;
	background: url(../images/bg-watch-video-callout.gif) no-repeat 0 1px;
	display: block;
	margin: 0 0 10px 0;
}

/*

HOME PAGE INFO MODULES

- Replace current version with following:

*/
.info-module {
	border-top: 1px dotted #ccc;
	margin: 0 15px 20px 0;
	padding-top: 3px;
	color: #666;
}
.info-module h3 {
	margin: 0 0 8px 0;
	color: #444;
	font-size: 1.09em;
}
.info-module a.share-logo {
	float: left;
	display: block;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -2000em;
}
.info-module a.share-logo:hover {
	background-position: bottom left;
}
.info-module #vimeo {
	width: 53px;
	height: 30px;
	background-image: url(../images/logo-vimeo.gif);
}
.info-module #flickr {
	width: 50px;
	height: 30px;
	background-image: url(../images/logo-flickr.gif);
}
.info-module #youtube {
	width: 51px;
	height: 30px;
	background-image: url(../images/logo-youtube.gif);
}
.info-module #dipity {
	width: 37px;
	height: 30px;
	background-image: url(../images/logo-dipity.gif);
}
.info-module #twitter {
	width: 73px;
	height: 30px;
	background-image: url(../images/logo-twitter.gif);
}


.info-module-copy p {
	margin-bottom: 8px;
	line-height: 1.4;
}
.info-module-copy .date {
	color: #999;
}
.info-module-copy .partner-logo {
	float: left;
	margin: 3px 10px 0 0;
}

/*

FLICKR BADGE

- Replace current version with following (typo in current version, className reads "flick-badge")

*/
.flickr-badge {
	margin: 0 15px 30px 0;
	background-color: #ebe8e9;
	padding: 12px 0 12px 12px;
}
.dubs .flickr-badge {
	padding: 15px 0 15px 15px;
}
.flickr-badge h2 {
	margin: 0 0 5px 0;
	padding: 0;
}
.flickr-badge h2 img {
	width: 135px !important;
	height: 8px !important;
	margin: 0;
	float: none;
}
.flickr-badge .contribute {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.4em;
	color: #333;
}
.flickr-badge .contribute a {
	color: #333;
}
.flickr-badge a img {
	float: left;
	margin: 0 10px 10px 0;
	width: 71px;
	height: 71px;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.flickr-badge a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.dubs .flickr-badge img {
	width: 77px;
	height: 77px;
}

/*

COMMENTS

*/

#comments h2.tag {
	border-bottom: 1px solid #d4d4d4;
	padding: 0 !important;
	margin-top:45px;
}
#comments h2.tag img {
	width: 135px;
	height: 8px;
	margin: 0;
	padding: 0;
	border: 10px solid #ebe8e9;
	background-color: #ebe8e9;
	display: block;
}
#comments h2.toggler {
	color: #333;
	background: url(../images/bg-toggle-comments.gif) no-repeat top left;
	padding-left: 30px;
	cursor: pointer;
	font-size: 1.15em;
}
#comments h2.open {
	background-position: bottom left;
}
#comments h2.hover {
	text-decoration: underline;
}
#comments h2 em {
	color: #999;
	font-style: normal;
}
#comments h2 .date {
	color: #999;
	font-style: normal;
	display: block;
	font-size: 0.55em;
	margin-top: 3px;
}
#comments p {
	font-family: Arial, sans-serif;
}
#comments .your-comments {
	background-color: #ebe8e9;
	padding: 15px;
	display: none;
}
#comments h3.section {
	margin: 15px 0 10px 0;
	padding: 2px 0;
	border-top: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	color: #444;
}
#comments h3.section .paging {
	display: block;
	float: right;
	color: #999;
}
#comments h3.section .paging a {
	padding: 0 0 0 5px;
	color: #444;
}
#comments h3.section .paging a:hover {
	color: #333;
}
#comments h3.section .paging a.on {
	font-weight: bold;
	color: #999;
}
#comments h3.section .paging a.on:hover {
	text-decoration: none;
}
#comments .comment h4 {
	color: #999;
	margin: 0 0 5px 0;
	font-size: 1.2em;
}
#comments .comment h4 strong {
	color: #759e44;
	font-weight: normal;
}
#comments .comment, #comments .add-comment {
	line-height: 1.3;
}
#comments .add-comment .section {
	margin-top: 25px;
}
#comments .add-comment .col {
	width: 250px;
}
#comments .add-comment textarea, #comments .add-comment input {
	border: 1px solid #d4d4d4;
	border-top: 2px solid #999;
	font: 1em Arial, sans-serif;
	color: #666;
	width: 235px;
	height: 101px;
	margin: 0;
	padding: 1px 2px;
	font-size: 0.9em;
}
#comments .add-comment input {
	width: 150px;
	height: 13px;
	margin: 0 0 11px 0;
}
#comments .add-comment input.button {
	width: 107px;
	height: 25px;
	border: none;
}
#comments .add-comment .captcha input {
	float: left;
}
#comments .add-comment .captcha img {
	float: left;
	padding-left: 10px;
}
/*

DATE LOCATION ABOVE NAV-LOCAL

*/
.col h2 .active,
.col h2.active,
h2.active,
h2 .active,
.col .date-location,
.col h2.date-location,
.col h2.date-location a
{
	font-family: Arial, sans-serif !important;
	font-weight: normal !important;
	font-size: 1.4em !important;
	color: #333 !important;
	margin: 0 15px 0 0 !important;
	padding: 0 !important;
}



.date-location span {
	display: block;
	font-size: 0.57em !important;
	margin: 0  !important;
	padding: 0 !important;
}









/*	#nav-local OLD - until July 2009		*/

#nav-local {
	width: 177px;
	margin: 10px 15px 30px 0;
}
/* nav-local top level.
   Note, span replaces the anchor for nav element related to the page the user is on in order to deactivate the link. */
#nav-local li {
	list-style: none;
	border-top: 2px solid #b2b2b2;
}
#nav-local li a, #nav-local li span {
	display: block;
	width: 173px;
	padding: 5px 2px 3px 2px;
	color: #759e44;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
}
/* nav-local second level */
#nav-local li ul {
	margin: 0 0 20px 0;
}
#nav-local li li {
	border-bottom: none;
	border-top: 1px solid #aaa;
}
#nav-local li li a, #nav-local li li span {
	font-weight: normal;
	font-size: 1.1em;
	color: #666;
}
/* nav-local third level */
#nav-local li li ul {
	margin-bottom: 10px;
}
#nav-local li li li {
	border: none;
}
#nav-local li li li a, #nav-local li li li span {
	width: 160px;
	padding-left: 15px;
}
/* added for 4th level */
#nav-local li li li li a, #nav-local li li li li span {
	width: 160px;
	padding-left: 25px;
}
/* nav-local hover (mouse-over) and on state E*/
#nav-local a.on {
	color: #333;
	background-color: #ededed;
}
#nav-local a:hover {
	color: #333;
	background-color: #ededed;
	text-decoration: underline;
}
#nav-local li li li a:hover {
	background-color: #fff;
}
#nav-local li span {
	color: #333;
	font-weight: bold !important;
	background-color: #ededed;
}
#nav-local li li li span {
	background-color: #fff;
}










/*

SHARE THIS

*/
/*
#share-this {
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	padding: 5px 0;
	margin: 30px 0;
}
*/
#share-this-container {

	width: 120px;
	font-size: 11px !important;
	display: inline;
	display: block;
	color: #666 !important;
	margin-top: 5px;

}
#share-this-container a {
	color: #666 !important;
}


/*

FOOTER RELATED STYLES

*/

#footer {
	margin: 0 0 10px 0;
	color: #999;
}
#footer2 .OERlicense {
	background: url(../images/logo-footer.gif) no-repeat left center;
	padding-left: 35px;
	color: #999;
	display: block;
	float: left;
	margin-right: 5px;
}
#footer2 .license {
	color: #999;
}


/*

CONTEXT COMMENT

*/
.context-comment {
	background-color: #ebe8e9;
	padding: 20px 25px;
	margin: 20px;
	font-size: 12px;
	line-height: 1.2;
}
.context-comment h3 {
	color: #666;
	font-weight: bold;
	font-size: 12px;
}

/*

TALK BUBLLE

*/
.talk-bubble {
	background: url(../images/bg-talk-bubble-cap.gif) no-repeat left top;
	padding: 10px 0 10px 0;
}
.talk-bubble .copy {
	background: url(../images/bg-talk-bubble-fill.gif) no-repeat left bottom;
	padding: 0 20px 30px 12px;
	color: #666;
	font-size: 12px;
	line-height: 1.2;
}
.talk-bubble h3 {
	padding: 5px 0;
	color: #72943d;
}