/* =BASE & WONK*/



body {

font-size: 12px;

font-family: lucida unicode, lucida grande, trebuchet ms, verdana, helvetica, arial, sans-serif;

font-weight: normal;

padding: 0px;

margin: 0px;

text-align: center;

background:#357 url("../images/bg_page.gif");

background-color: black;

}

.slide {
	
background-color: #fff;

background-image: none;

}	
	

#wrapper {

text-align: left;

margin: 0px auto;

padding: 0px;

border: 0;

width: 780px;

background-color: #F5F5F5;

}

#wrapper.home {
background-color: #512611;
}



div.doublehr {

margin-top: 10px;

margin-bottom: 10px;

border-top: double 4px #999999;

}



.hr {

border-top: solid 1px #999999;

margin-top: 10px;

}



.hrb {

border-bottom: solid 1px #999999;

}



img {

border: none;

}



.floatleft {

float: left;

}



 img.floatleft {

margin-right: 15px;

}



.floatright {

float: right;

}



 img.floatright {

margin-left: 15px;

}



h2 {

font-size: 18px;

}


.center {
text-align:center;
}



.\11pixels {

font-size: 11px;

line-height: 16px;

}

.backtotop, .prev, .next, .nextpre {
font-size: 11px;
}

.backtotop
{
padding: 0px 0px 0px 22px;
background-image: url('../images/arrow_up.gif');
background-repeat: no-repeat;
background-position: 9px 6px;
}

.prev
{
padding: 0px 0px 0px 22px;
background-image: url('../images/arrow_left.gif');
background-repeat: no-repeat;
background-position: 9px 6px;
}

.next
{
padding: 0px 0px 0px 100px;
background-image: url('../images/arrow_right.gif');
background-repeat: no-repeat;
background-position: 7px 6px;
}

 #additional li
{
list-style: none;
padding-left: 10px;
background-image: url('../images/arrow.gif');
background-repeat: no-repeat;
background-position: 0 .5em;
}

p.pullquoteleft
{float:left;width:30%;padding:8px;font-size:1.2em;line-height:1.2em;margin-top:15px;margin-left:20px;margin-bottom:15px;margin-right:30px;background-color:white;font-weight:normal;}

p.pullquoteright
{float:right;width:30%;padding:8px;font-size:1.2em;line-height:1.2em;margin-top:15px;margin-right:20px;margin-bottom:15px;margin-left:30px;background-color:white;font-weight:normal;}

/* =HEADER */



#storyheader {

margin: 0;

padding: 0;

height: 70px;

}



#story {

width: 136px;

height: 70px;

float: left;

margin-right: 20px;

padding: 0px;

background-color: #778899;

}



#story a {

font-size: 13px;

line-height: 15px;

font-weight: bold;

color: #ffffff;

text-decoration: none;

}



#storybox {

padding-top: 6px;

margin-left: 9px;

width: 105px;

}



#date {

font-size: 12px;

font-weight: bold;

display: block;

}



#section {

height: 70px;

}



#section h1 {

font-size: 30px;

font-weight: bold;

margin: 0px;

padding: 0px;

color: #53612e;

line-height: 30px;

}



#section h2 {

font-size: 30px;

font-weight: normal;

margin: 0px;

padding: 0px;

line-height: 40px;

}

#section h3 {

font-size: 22px;

font-weight: normal;

margin: 0px;

padding: 0px;

line-height: 32px;

}

#section h4 {

font-size: 16px;

font-weight: normal;

margin: 0px;

padding: 0px;

line-height: 40px;

}




/* =HOME */



#wrapper_home {

text-align: left;

margin: 0px auto;

padding: 0px;

border: 0;

width: 780px;

height: 600px;

background: url("../images/bg_home.jpg") repeat;

}



/* =STORY NAVIGATION */



#storynav {

float: left;

width: 135px;

padding-top: 0px;

}


.storynavborderfix {

border-right: 1px solid #999999;
}



#navlist

{

margin-left: 0;

padding-left: 0;

padding-top: 2px;

list-style: none;

font-size: 11px;

}



#navlist li

{

padding-left: 10px;

margin-right: 10px;

margin-left: 10px;

padding-bottom: 15px;

background-image: url(../images/arrow.gif);

background-repeat: no-repeat;

background-position: .2em .4em;

/* Hide from IE-Mac \*/ 

background-position: .2em .45em;

/* End hide */

}



#navlist li a

{

text-decoration: none;

color: #009900;

}



#navlist li a:hover

{

text-decoration: underline;

color: red;

}



#side-b {

float: right;

width: 165px;

}



/* =SECTION NAV */



#side-b h3 {

	margin: 10px 0 12px 0;

	padding: 5px 10px;

	color: #fff;

	font-size: 120%;

	border: none;

	background: #93BB3A url(../images/side-b_h3_bg.gif) repeat-x top left;
	
	clear:both	

	}



dl.localnav {

	margin: 0 0 40px 0px;

	padding: 0 0px 0px 0;

/* Hide from IE-Mac \*/ 

	margin: 0 0 10px 0px;
	clear: both;

/* End hide */	


	}
	


dl.localnav:after {

	content: "."; 

    display: block; 

    height: 0; 

    clear: left; 

    visibility: hidden;

    }

dl.localnav dt {

	margin: 0;

	padding: 0;

	}

dl.localnav dt a {

	float: left;

	display: block;

	margin: 2px 10px 0px 0;

	padding: 2px;

	border: 2px solid #ddd;

	background: #fff;

	}

dl.localnav dt a img {

	float: left;

	}

dl.book dt a {

	border-color: #ddd;

	}

dl.localnav dt a:hover {

	padding: 0;

	border: 4px solid #ddd;

	}

dl.localnav dd {

	margin: 0 0 2px 0 !important;

	padding: 0;

	line-height: 1.4em;

	}

dl.localnav dd a {

	font-weight: bold;

	}

dl.localnav dd em {

	font-style: normal;

	color: #7B9905;

	}

dl.noimg dt a {

	float: none;

	display: inline;

	margin: 0;

	padding: 0;

	font-weight: bold;

	border: none;

	border-bottom: 1px dotted #bbb;

	}

dl.noimg dt a:hover {

	border: none;

	border-bottom: 1px solid #bbb;

	}

dl.noimg dd a {

	font-weight: normal;

	}



/* =CONTENT */

#intro {
background-color: #EEEEEE;
}

#intro p {
margin: 0px 10px;
padding-bottom: 10px;
padding-top: 10px;
}

.content { 

font-size: 14px;

line-height: 20px;

float: left;

width: 55%;

padding-left: 20px;

padding-top: 0px;

padding-bottom: 10px;

padding-right: 15px;

margin-bottom: 10px;

}



/* =IE5PC only */

* html body div.content	

  {

width: 60%;

  }



/* assign to content div, with side-b commented out of html, to expand full page width */

.content#fullwidth {

width: 75%;

font-size: 14px;

line-height: 20px;

}

/* =IE5PC only */

* html body div.content#fullwidth

  {

width: 80%;

  }

.box {
background-color: #F0EDDA;
padding: 3px;
}

.inner {
padding: 8px;
border: 1px solid #fff;
background-color: #FFFAFA;
}

/* =CONTENT PROFILES */



.content#profiles {

width: 75%;

font-size: 14px;

line-height: 20px;

}



#gallerywrap {

border: 10px solid red;

}



/* =IE5PC only */

* html body div.content#profiles	

  {

width: 80%;

  }



.content#profiles h2 {

text-align: center;

margin: 10px 0px 0px 0px;

padding: 0px;

font-size:30px;

line-height:34px;

font-family: georgia;

}



.content#profiles h3 {

font-size: 14px;

text-align: center;

}



.content#profiles h4 {

}



.content#profiles p {

padding: 0px;

margin: 0px 10px 0px 10px;

}



/* =IE5PC only */

* html body div.content#profiles p

  {

padding-top: 10px;

  }



#ictylogosmall {

padding: 0px;

margin: 10px 0px 0px 10px;

}



#gallerycontainer {text-align:center; margin-top: 35px;}



#gallerycontainer ul#row1

{

padding: 0px;

margin: 0px 0px 10px 0px;

}



#gallerycontainer ul#row2

{

padding: 0px 0px 20px 0px;

margin: 0px 0px 0px 0px;

}



#gallerycontainer li

{

display: inline;

list-style-type: none;

padding: 0px;

margin: 0px;

}



#gallerycontainer li img

{

border: 4px double red;

}





/* =FOOTER */

#footer {

clear: both;

border-top: double 4px #999999;

font-size: 10px;

padding-bottom: 10px;

color: white;

background-color: black;

text-align: center;

}

#footer p {

margin: 0px;

padding-top: 10px;

padding-bottom: 0px;

}


#footer a, #footer a:visited {

color: #ffa93e;

text-decoration: underline;

}

#footer a:hover {

color: red;

text-decoration: underline;

}



/* =PHOTOS */



.photoboxleft

{

width: 200px;

float: left;

clear:left;

padding: 10px;

padding-right: 25px;

}

 .photoboxleft_alt

{

width: 157px;

float: left;

clear:left;

padding: 10px;

padding-right: 25px;

}



/* IE5PC only */

* html body .photoboxleft, * html body .photoboxleft_alt, * html body .photoboxhome

  {

padding: 0px;

margin-right: 15px;

  }



 .photoboxright

{

width: 200px;

float: right;

clear: right;

border: none;

padding: 10px;

margin: 0px 0px 0px 0px;

}



 .photoboxright_profiles

{

width: 150px;

float: right;

clear: right;

border: none;

padding: 10px;

margin: 0px 0px 0px 0px;

}



.photocaption

{

font-family: verdana, sans-serif;

font-size: 10px;

line-height: 10px;

color: #738BF2;

float: none;

}



.photoborder

{

border: 3px double #999;

}



/* =SLIDESHOW */



.slideshow {

	border: 1px #948994 solid ;

}



.slideshow, .slide, .slide td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

}



.slide p {

	margin: 0px;

	padding: 0px 10px 0px 5px;

}



.slideselect a, .sideselect a:visited {

text-decoration: none;

}



.slideselect a:hover {

text-decoration: underline;

}



.slideshow p {

	margin: 0px;

	padding: 10px;

	font-size: 12px;

	line-height: 18px;

}



.slideimg {

border: 1px #ca6029 solid;

}



.slidenav {

font-size: 9px;

font-weight: bold;

color: #999966;

font-family: verdana;

}





.slideselect {

color: #ffffff;

background-color: #000000;

font-weight: bold;

}



.slideselect a:hover, #active {

color: white;

text-decoration: none;

}



#slidecontent p, #slidecontent_first p, #slidecontent_fit p {

padding-bottom: 8px;

}



#slidecontent {

font-size: 11px;

line-height: 16px;

}



#slidecontent_first {

font-size: 14px;

line-height: 20px;

}



#slidecontent_fit {

font-size: 10px;

line-height: 14px;

}







/* =AUDIO + VIDEO */



#watchbuttoncontainer {

padding-bottom: 10px;

}



#watchbutton, #runningtime {

display: inline;

}



#watchbutton a {

text-decoration: none;

}



#watchbutton img {

vertical-align: middle;

}



#listenbutton, #runningtime {

display: inline;

}



#listenbutton a {

text-decoration: none;

}



#listenbutton img {

vertical-align: middle;

}



#runningtime span {

color: red;

vertical-align: middle;

}



#photobutton

{margin: 0px 10px 0px 0px;
padding: 0px;}

#photobuttonright

{margin: 0px 0px 0px 10px;
padding: 0px;}

/* =HOMEPAGE */

#homecontainer {
width:780px;
height: 680px;
background: #512611 url('../images/hp_bg.gif') no-repeat;
}

#danpatrick {
	position:relative;
	left:0px;
	top:0px;
	width:780px;
	font-size: 11px;
	line-height: 16px;
}

#danpatrick p {
	font-size: 11px;
	line-height: 16px;
margin: 5px 10px 0px 3px;
color: #ffff66;
}

#danpatrick a, #danpatrick a:visited {
text-decoration: underline;
color: #f8b85b;
}


#danpatrick a:hover {
text-decoration: underline;
color: #8688df;
}

#checklisting {
position:relative;
left:600px;
top: 75px;
}

#checklisting a {
color: #ffba00;
}

#checklisting a:hover, #checklisting a:visited {
color: #8688df;
text-decoration: underline;
} 

#image-thestory {
	position:absolute;
	left:55px;
	top:80px;
	width:300px;
	height:200px;
}

#title-thestory {
	position:absolute;
	left:370px;
	top:80px;
	width:143px;
	height:23px;
}

#desc-thestory {
	position:absolute;
	left:370px;
	top:103px;
	width:350px;
	height:177px;
}

#desc-thestory p {
font-size: 14px;
line-height: 20px;
}

#image-slideshow {
	position:absolute;
	left:370px;
	top:301px;
	width:208px;
	height:192px;
}

#title-slideshow {
	position:absolute;
	left:578px;
	top:301px;
	width:142px;
	height:54px;
}

#image-journal {
	position:absolute;
	left:55px;
	top:308px;
	width:90px;
	height:81px;
}

#title-journal {
	position:absolute;
	left:159px;
	top:308px;
	width:148px;
	height:16px;
}

#desc-journal {
	position:absolute;
	left:157px;
	top:324px;
	width:196px;
	height:65px;
}

#desc-slideshow {
	position:absolute;
	left:578px;
	top:355px;
	width:142px;
	height:138px;
	background-color: #663300;
}

#desc-slideshow p {
margin: 5px;
}

#image-survivor {
	position:absolute;
	left:55px;
	top:403px;
	width:90px;
	height:81px;
}

#title-survivor {
	position:absolute;
	left:159px;
	top:403px;
	width:162px;
	height:34px;
}

#desc-survivor {
	position:absolute;
	left:157px;
	top:437px;
	width:196px;
	height:64px;
}




#title-profiles {
	position:absolute;
	left:55px;
	top:519px;
	width:118px;
	height:46px;
}

#desc-profiles {
	position:absolute;
	left:41px;
	top:555px;
	width:166px;
	height:65px;

}

#title-additional {
	position:absolute;
	left:252px;
	top:519px;
	width:104px;
	height:47px;
}

#desc-additional {
	position:absolute;
	left:233px;
	top:555px;
	width:150px;
	height:65px;
}

#title-interviews {
	position:absolute;
	left:418px;
	top:519px;
	width:144px;
	height:46px;
}

#desc-interviews {
	position:absolute;
	left:422px;
	top:555px;
	width:144px;
	height:65px;
}

#title-react {
	position:absolute;
	left:620px;
	top:519px;
	width:92px;
	height:40px;
}

#desc-react {
	position:absolute;
	left:612px;
	top:555px;
	width:120px;
	height:65px;
}


/* DESECENDERS */

.noborder {
border: none;
}

#mapbutton {
margin-left: 15px;}

.floatright {
float: right;
clear: right;}

.floatleft {
float: left;
clear: left;
}

.photoboxhome

{

padding: 10px;

padding-bottom: 0px;

padding-right: 25px;

}




.over {margin-top:10px; background-color:#778899;}
.over a {color: #ffffff;}
.over a:hover {color:#CCFF99;}

.over a, .over a:hover, .over a:visited { text-decoration: none;}