/* Deershelter Microsite CSS */

/* Home Page */
#homebanner {margin-top:20px;}
#draw_home {margin-bottom:20px;}

.column {float:left; width:280px; margin:0 20px 0 0;}
*html .column {float:left; width:280px; margin:0 20px 0 0; padding:10px 0;}
.column p {font-weight:bold; font-size:80%;}
.column p a {text-decoration:none;}
.column p a:hover {text-decoration:underline;}
.first {margin-left:20px; clear:left;}
*html .first {margin-left:10px;} 

#inner {position:relative; margin:auto; padding:0 20px 20px 20px; background-color:#fff;}
#inner #nav {background-color:#000; color:#fff; font-weight:bold; padding:4px 0 5px 10px; margin-bottom:20px;}
#inner #nav ul {display:inline; margin:0px; padding:0px; font-size:75%;}
#inner #nav ul li {display:inline; margin-right:20px;}
#inner #nav ul li.lastChild {margin-right:0;}
#inner #nav ul li a {color:#fff; text-decoration:none;}
#inner #nav ul li a.active {color: #ce0a58;}
#inner #nav ul li a.active:hover {color:#ce0a58; text-decoration:none;}
#inner #nav ul li a:hover {text-decoration:underline;}

#inner #content_jt {margin:0 315px 50px 0;}
#inner #content_jt p {font-size:75%; line-height:1.4em;}
#inner #content_jt p.footnote {margin:50px 0 100px 0;}
#inner #content_jt p.footnote span {display:block;}
#inner #content_jt blockquote {margin:0 0 25px 0; padding:0;}
#inner #content_jt a {text-decoration:none;}
#inner #content_jt a:hover {text-decoration:underline;}

#inner #illustrate {position:absolute; top:190px; right:20px; width:300px;}
#inner #illustrate .img {margin-bottom:0;}
#inner #illustrate .img_nocaption {margin-bottom:30px;}
#inner #illustrate p {font-size:70%; margin:5px 0 30px 0;}

/*What do you think page*/
#inner #content_jt h3.think span {display:block;}
#inner #content_jt blockquote.quote {font-weight:bold; background-color:#fff; text-decoration:none; background-image:none;}
#inner #content_jt blockquote.quote strong {color:#ce0a58;}
#inner #content_jt blockquote.quote span {display:block; font-size:75%;}
#inner #content_jt p.think {font-weight:bold;}
#inner #content_jt p.think span {display:block;}
.read {margin:-15px 0 30px 0;}
.read2 {margin:5px 0 30px 0;}

#inner #content_jt form#turrellmessage {width:570px !important; background-color:#F4EFEC; border:1px solid #B9B9B9; padding:10px 10px 10px 15px; margin:0 0 20px 0; position:relative;}
#inner #content_jt form#turrellmessage label {font-size:75%; float:left;}
#inner #content_jt form#turrellmessage textarea {width:550px; height:120px; border:1px solid #999; margin-bottom:30px; overflow:auto;}
#inner #content_jt form#turrellmessage textarea:focus {border: 1px solid #ce0a58;}
/*#inner #content_jt form#turrellmessage input.submit {font-size:75%; float:right; margin-right:12px;}*/
#inner #content_jt form#turrellmessage input.submit {font-size:75%; position:absolute; right:22px; bottom:10px;}


/* Downloads */
.download_panel {width:918px; margin:20px 0; padding:0; border:1px solid #000; position:relative; font-weight:bold;}
.panel1 {height:204px; background-image:url(../images/screen-saver.jpg); background-repeat:no-repeat;}
.panel2 {height:187px; background-image:url(../images/james-turrell-talk.jpg); background-repeat:no-repeat;}
.panel3 {height:150px; background-image:url(../images/wallpaper.jpg); background-repeat:no-repeat;}
.download_panel h3 {position:absolute; top:-10px; left:8px;}
*html .download_panel h3 {position:absolute; top:5px; left:8px;}
p.download1 {position:absolute; top:143px; left :370px;}
*html p.download1 {position:absolute; top:157px; left :370px;}
p.download2 {position:absolute; top:143px; left :735px;}
*html p.download2 {position:absolute; top:157px; left :735px;}
p.download3 {position:absolute; top:145px; left: 781px;}
*html p.download3 {position:absolute; top:160px; left: 781px;}
p.download4 {position:absolute; top:90px; left :5px;}
*html p.download4 {position:absolute; top:105px; left :5px;}
p.download5 {position:absolute; top:90px; left :374px;}
*html p.download5 {position:absolute; top:105px; left :374px;}
p.download6 {position:absolute; top:90px; left :735px;}
* html p.download6 {position:absolute; top:105px; left :735px;}
p.download1 span, p.download2 span, p.download3 span, p.download4 span, p.download5 span, p.download6 span {display:block;}
p.download1 a, p.download2 a, p.download3 a, p.download4 a, p.download5 a, p.download6 a {text-decoration:none;}
p.download1 a:hover, p.download2 a:hover, p.download3 a:hover, p.download4 a:hover, p.download5 a:hover, p.download6 a:hover {text-decoration:underline;}
.ysp_download {float:right; margin:15px 0 30px 0;}

/* CSS clearing */	
	.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearing {display: inline-table;}
	/* Hides from IE-mac \*/
	* html .clearing {height: 1%;}
	.clearing {display: block;}
	/* End hide from IE-mac */
	
	.clearboth {clearboth}
	.clearright {clearright}
	.clearleft {clearleft}
	
/* Floats */