/* ----------------------------- CSS Created by Bean Creative Funktional Web Design -----------------------------------------*/
/* -----------------------------                       http://www.beancreative.com                 -----------------------------------------*/


/*---------------------------GLOBALS-----------------------------------*/

a:link {
	color:#993300;
	}
a:visited {
	color:#604939;
	}
a:hover {
	color:#CC6600;
	text-decoration:none;
	}
a:visited:hover {
	color:#CC6600;
	text-decoration:none;
	}
	
h1, h2, h3, h4 {
	color:#333366;
	font-family:Arial, Helvetica, sans-serif;
	}
	
h1 {
	font-size:18px;
	margin:0 0 .5em 0;
	}

h2 {
	font-size:16px;
	margin:1em 0 0 0;
	}

h3 {
	font-size:14px;
	margin:1em 0 0 0;
	}
	
h3.divider {
	font-size:14px;
	margin:1em 0 0 0;
	padding-top:5px;
	border-top:1px dashed #666;
	}
		
h4 {
	font-size:12px;
	margin:1em 0 0 0;
	}

.photoright {
	margin:0 0 10px 10px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:3px;
	background-color:white;
	border:1px solid #999;
	}
	
.photoleft {
	margin:0 10px 10px 0;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:3px;
	background-color:white;
	border:1px solid #999;
	clear:both;
	}

.photoright, .photoleft {text-align:left;}
/* hide from IE mac \*/
.photoright, .photoleft {text-align: center;}
/* end hiding from IE5 mac */
	
DIV.photoright img, DIV.photoleft img {
	display:block;
	margin-bottom:2px;
}
	
.photocentered {
	text-align:center;
	border:6px solid white;
	}
	
.left {
	margin:0 10px 10px 0;
	float:left;
	border:1px solid #666666;
}

.right {
	margin:0 0 10px 10px;
	float:right;
	border:1px solid #666666;
}

.floatright {
	float:right;
	margin:0 0 20px 10px;
	}
	
.floatleft{
	float:left;
	margin:0 10px 20px 0;
	}

.caption {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		margin:5px;
}

.thinborder {
	border:1px solid gray;
	}





/*---------------------------STRUCTURE AND LAYOUT-----------------------------------*/


body {
	background-color: #7D5F4C;
	background-image: url(../images/background1.jpg);
	background-repeat: repeat-x;
	margin:0;
	padding:0 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

#wrapper {
	margin:0 auto;
	width:760px;
	text-align:left;
	margin-top:116px;
	}
	
#wrapper img, #homeflash img {
	vertical-align:bottom;
	}

#mainnav img {
	vertical-align:baseline;
	}

#homeleft {
	width:189px;
	height:449px;
	background-image:url(../images/home_left.jpg);
	background-color:#FCE4A3;
	border:0px solid blue;
}

#homeflash {
	width:398px;
	height:449px;
	background-color:#FCE4A3;
}

#timelineflash {
	width:557px;
	height:449px;
	background-color:#FCE4A3;
}

#homesidebar {
	width:159px;
	background-color:#FCE4A3;
}

#homeright {
	width:14px;
	height:449px;
	background-image:url(../images/home_right.jpg);
	background-color:#FCE4A3;
}

#pagebottomhome {
	clear:both;
	width:760px;
	height:58px;
	background-image:url(../images/pagebottomhome.jpg);
}

#pagebottom {
	width:760px;
	height:102px;
	background-image:url(../images/interior_bottom_bg.jpg);
}

#main {
	width:760px;
	background-image:url(../images/interior_bg.jpg);
	background-repeat:repeat-y;
	background-color:#FCE4A3;
}

#content {
	width:483px;
	margin:0 0 0 226px;
	padding:16px 0 0 0;
	color:#333;
}

#content p {
	margin:0 0 1em 0;
	line-height:1.3em;
	padding:0;
	color:#333;
	}
	
#content blockquote {
	line-height:1.3em;
	color:#333;
	}
	
#content select {
	font-size:10px;
	color:#333;
	background-color:#FCF9F2;
	/*border:1px solid #666;*/
	padding:3px;
}

#content ul {
	line-height:1.3em;
	color:#333;
	list-style:circle;
}

#content li {
	margin-bottom:.5em;
	color:#333;
}

#content input {
	background-color:#f6f4ef;
}

#content hr {
	height:1px;
	background-color:#666666;
	padding:0;
	border: 0;
}

DIV.calloutbox {
	background-color:#666;
	width:300px;
	border:1px solid #333;
	margin:0 auto;
	padding:5px;
	text-align:center;
}

DIV.calloutbox a:link, DIV.calloutbox a:visited {
	color:#FEFFBF;
	text-decoration:none;
}

DIV.calloutbox a:hover, DIV.calloutbox a:visited:hover {
	color:#FEFFBF;
	text-decoration:underline;
}

.schedulepagehead {
	font-size:14px;
	font-weight:bold;
	margin:1em 0 0 0;
	color:#333366;
	font-family:Arial, Helvetica, sans-serif;
}

#pledgebox {
	clear:right;
}

#pledgebox input, #pledgebox select {
	color:#333;
	padding:0;
}

#pledgebox img, #pledgebox input {
	vertical-align:bottom;
}


/*---------------------------UTILITY BAR AREA ABOVE HEADER-----------------------------------*/

#globalnav /*--THIS CONTAINS THE PBS NAV BAR--*/
{
	height:30px;
}

#topbar {
}

INPUT {
	border-top:1px solid #85766D;
	border-left:1px solid #85766D;
	border-right:1px solid ;
	border-bottom:1px solid black;
	font-size:11px;
	color:black;
}

#topbar input {
	background-color:#543F33;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid #85766D;
	border-bottom:1px solid #85766D;
	font-size:11px;
	color:#FEFFBF;
	width: 150px;
	padding:3px 1px 1px 3px;
}

#topbar input.goImage {
	background-color: transparent;
	border: none;
	width: 26px;
	padding:4px 1px 1px 2px;
}
	
#searchform {
	margin:0;
	padding:0;
	display:inline;
	}
	
	
	


/*---------------------------HEADER-----------------------------------*/

#logo {
	height:139px;
	padding:16px 0 0 17px;
}

#headerPrelude {
	width:760px;
	height:155px;
	background-image:url(../images/interiorHead_prelude.jpg);
	background-color:#FCE4A3;
}

#headerWar {
	width:760px;
	height:155px;
	background-image:url(../images/interiorHead_war.jpg);
	background-color:#FCE4A3;
}

#headerAftermath {
	width:760px;
	height:155px;
	background-image:url(../images/interiorHead_aftermath.jpg);
	background-color:#FCE4A3;
}

#headerBiographies {
	width:760px;
	height:155px;
	background-image:url(../images/interiorHead_biographies.jpg);
	background-color:#FCE4A3;
}

#headerEducators {
	width:760px;
	height:155px;
	background-image:url(../images/interiorHead_educators.jpg);
	background-color:#FCE4A3;
}

#headerResources {
	width:760px;
	height:155px;
	background-image:url(../images/interiorHead_resources.jpg);
	background-color:#FCE4A3;
}

#headerSitetools {
	width:760px;
	height:155px;
	background-image:url(../images/interiorHead_sitetools.jpg);
	background-color:#FCE4A3;
}



/*---------------------------NAVIGATION-----------------------------------*/
	
#mainnavwrapper {
	float:left;
	width:162px;
	padding:0 0 0 16px;
	}
	
#mainnav {
	background-image:url(../images/mainnav_bg.jpg);
	background-repeat:repeat-y;
	}
	
#subnavwrapper {
	margin:0 0 0 10px;
}

DIV.subnav {
	padding:4px 10px 4px 20px;
	margin:0 10px 0 0;
	background-image:url(../images/bullet_star.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	color:#8D0202;
	font-size:12px;
}

DIV.subnavactive {
	padding:4px 10px 4px 20px;
	margin:0 10px 0 0;
	background-image:url(../images/bullet_star_active.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	color:#8D0202;
	font-size:12px;
}

DIV.subnav a:link, DIV.subnav a:visited, DIV.subnavactive a:link, DIV.subnavactive a:visited {
	color:#8D0202;
	text-decoration:none;
}

DIV.subnav a:hover, DIV.subnav a:visited:hover, DIV.subnavactive a:hover, DIV.subnavactive a:visited:hover {
	color:#990000;
	text-decoration:underline;
}
	
DIV.subnav p, DIV.subnavactive p {
	margin:0px;
	}

DIV.subnav ul, DIV.subnavactive ul {
	margin:0;
	padding:0;
	list-style:circle;
	}
	
DIV.subnav li, DIV.subnavactive li {
	margin:0 0 .25em 0;
	padding:0 2px;
	font-weight:normal;
	}

DIV.subnav li:hover, DIV.subnavactive li:hover {
	margin:0 0 .25em 0;
	padding:0 2px;
	font-weight:normal;
	list-style:disc;
	}
	
DIV.subnav li a:link, DIV.subnavactive li a:link {
	text-decoration:none;
	font-weight:bold;
	color:#192D6D;
	font-size:11px;
	}
	
DIV.subnav li a:visited, DIV.subnavactive li a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#192D6D;
	font-size:11px;
	}
	
DIV.subnav li a:hover, DIV.subnav li a:visited:hover, DIV.subnavactive li a:hover, DIV.subnavactive li a:visited:hover {
	text-decoration:underline;
	font-weight:bold;
	font-size:11px;
	color:#8C0303;
	}
	
li.active {  /* --- this only applies to a LI that has a class of active- used for the sub nav bullets NOT FOR THE DIV ---*/
	background-image:url(../images/white_bg_trans.gif);
	/*border:1px solid #B4D1F0;*/
	list-style:disc;
}

.active {  /*---- this applies to the subnav div when it has a class of active----- */
	/*border:1px solid #747579;*/
}



/*---------------------------IMAGE CREDITS TABLE-----------------------------------*/
table.imagecredits {
	width:99%;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:none;
	border-right:none;
}

table.imagecredits td {
	padding:3px 6px;
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

table.imagecredits td.col1, table.imagecredits td.col2, table.imagecredits td.col3 {
	padding:6px;
	vertical-align:top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#CCCCCC;
}

	
	


/*---------------------------FOOTER-----------------------------------*/

#footer {
	font-size:11px;
}

#footer td {
	color:#F1BC7E;
	}
	
#footer td a:link, #footer td a:visited {
	color:#FEFFBF;
	}
	
#footer td a:hover, #footer td a:visited:hover {
	color:#fff;
	text-decoration:none;
	}