@import url(aba_nav.css);

body {
	margin: 0; 
	padding: 0;
	text-align: center;
	background:url(images/bg.gif) repeat #2b2219;
	color: #000;
}
body,div,p,ul,li,textarea {
	font-family:Arial, Helvetica, sans-serif;
}
p {
	font-size: 12px;
	margin-left:20px;
	line-height:1.3em;
	margin-bottom:10px;
	margin-right:20px;
	color:#000;
	margin-top:5px;
}

.bts {
	font-size: 12px;
	margin-left:4px;
	line-height:1.3em;
	margin-bottom:10px;
	margin-right:20px;
	color:#000;
	margin-top:5px;
}

ul {font-size: 12px;}

h1 {
	font-size: 16px;
	margin-left:5px;
	color:#53432a;
	font-weight:bold;
	padding-left:15px;
	border-bottom:#993300 dotted 1px;
	margin-bottom:20px;
	margin-top:0;
}

h2 {
	font-size: 14px;
	margin-left:7px;
	color:#53432a;
	font-weight:bold;
	padding-left:20px;
	
	margin-bottom:20px;
	margin-top:10px;
}


/*td {
	border-bottom:1px #af926b solid;
}*/

table {
padding-bottom:20px;
margin-left:10px;
}

hr {
	 color: #d5c4a1;
	background-color: #d5c4a1;
	height: 5px;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#container {
	width: 927px;
	min-width::927px;
	margin:0px auto;
	top:0px;
	border: 1px #fff solid;
	background:url(images/main_bg.gif) repeat-y;
	text-align: left;
	background-color:#d5c4a1;
}

#twoCol_bg {
	background:#d5c4a1 url(images/main_bg.gif) repeat-y;
	}


#containerObject {
	width: 927px;
	min-width::927px;
	margin:0px auto;
	top:0px;
	border: 1px #fff solid;
	/*background:url(images/object_bg.gif) repeat-y;*/
	text-align: left;
}

#twoCol_bgRC {
	background:#d5c4a1 url(images/object_bg.gif) repeat-y;
	}

#containerZoom {
	width: 927px;
	min-width::927px;
	margin:0px auto;
	top:0px;
	border: 1px #fff solid;
/*	background:url(images/home_bg.gif) repeat;*/
	text-align: left;
	background-color:#d5c4a1;
}

#oneColorBg {
	background:#d5c4a1 url(images/home_bg.gif) repeat;
	z-index:0;
	}

#containerCredit {
	width: 927px;
	min-width::927px;
	margin:0px auto;
	top:0px;
	border: 1px #fff solid;
	/*background:url(images/credit_bg.jpg) no-repeat top left;*/
	text-align: left;
	background-color:#d5c4a1;
}

#creditBG {
	background:url(images/credit_bg.jpg) no-repeat top left;
	}
/***********************************************/
/* Layout Divs  - CSS home page                */
/***********************************************/
#containerHome {
	width: 927px;
	min-width::927px;
	margin:0px auto;
	top:0px;
	border: 1px #fff solid;
	height:645px;
	background:url(images/home_bg.jpg) no-repeat top left;
	
}

#homelogotop{
	width:927px;
	height:60px;
}

.activitiesNav {
	width:219px;
	height:170px;
	margin-left:98px;
	margin-top:34px;
	float:left;
	display: inline;
}

.onlineNav {
	width:218px;
	height:172px;
	margin-left:35px;
	margin-top:34px;
	float:left;
	
}

.objectsNav {
	width:215px;
	height:172px;
	margin-left:38px;
	margin-top:34px;
	float:left;
}

.storiesNav {
	width:66px;
	height:13px;
	margin-left:274px;
	margin-top:119px;
	float:left;
	display: inline;
}

.inthenewsNav {
	width:112px;
	height:13px;
	margin-left:222px;
	margin-top:119px;
	float:left;
}

.behindNav {
	width:169px;
	height:13px;
	margin-left:65px;
	margin-top:119px;
	float:left;
	margin-bottom:202px;
}


/***********************************************/
/*  CSS home page ends                         */
/***********************************************/

#containerFlash {
	width: 927px;
	min-width::927px;
	margin:0px auto;
	top:0px;
	background:#d5c4a1/* url(images/home_backdrop2.jpg) no-repeat*/;
	border: 1px #fff solid;	
}

#hometext {
	float:left;
	margin: 35px auto 35px 27px;
	width:426px;
	border:1px solid #fff;
	background:url(images/home_text_bg.png) repeat;
	}
	
#hometext p{
	text-align:left;
	color:#fff;
	line-height:1.2em;
	font-size:14px;
	padding:20px;}

#header {
	width: 927px;
	height: 60px;
	background:url(images/ABAbanner2.jpg) no-repeat top left;
}

#header img {
	float:left;
	}
	
#header form{
	float:right;
	padding-right:10px;

	font-size:11px;
	
	}
#header form a {color:#fff; text-decoration:none;}
#header form a:hover {text-decoration:underline;}

#header form input {
	background-color:#D1E7F4;
	}

#topnavHome  {
	width: 927px;
	height: 21px;
	background:url(images/nav_bg.jpg) no-repeat top left;
}


#topnav  {
	width: 927px;
	height: 21px;
	background:url(images/nav_sub_bg.jpg) no-repeat top left;
	
}

#topnavExhibition  {
	width: 927px;
	height: 21px;
	background:url(images/nav_sub_bg.jpg) no-repeat top left;
	
}

#topnavObjects  {
	width: 927px;
	height: 21px;
	background:url(images/nav_sub_bg2.jpg) no-repeat top left;
	
}

#topnavActivities  {
	width: 927px;
	height: 21px;
	background:url(images/nav_sub_bg3.jpg) no-repeat top left;
	
}

#topnavStories  {
	width: 927px;
	height: 21px;
	background:url(images/nav_sub_bg4.jpg) no-repeat top left;
	
}


#topnavInthenews  {
	width: 927px;
	height: 21px;
	background:url(images/nav_sub_bg5.jpg) no-repeat top left;
	
}


#topnavCredits  {
	width: 927px;
	height: 21px;
	background:url(images/nav_sub_bg6.jpg) no-repeat top left;
	
}


#topnavActivity2 {
	width: 927px;
	height: 45px;
	background-color:#7A7A7A;
	border-bottom: 1px #fff solid;
	padding-top:5px;
	padding-bottom:5px;
}

#topnav2 {
	width: 927px;
	height: 21px;
	background-color:#7A7A7A;
	border-bottom: 1px #fff solid;
	padding-top:5px;
	padding-bottom:5px;
}

#topnav a:hover, #topnav2 a:hover, #topnavHome a:hover, #topnavExhibition a:hover ,#topnavObjects a:hover, #topnavActivities a:hover, #topnavStories a:hover, #topnavInthenews a:hover, #topnavCredits a:hover, #topnavActivity2 a:hover {
	text-decoration:underline;
	color:#2B2219;
}

#topnav a, #topnavExhibition a ,#topnavObjects a, #topnavActivities a, #topnavStories a, #topnavInthenews a, #topnavCredits a {
	font-size:14px;
	font-weight:bold;
	padding:3px 28px 3px 28px;
	color:#fff;
	text-decoration:none;
}

#topnavHome a {
	font-size:14px;
	font-weight:bold;
	padding:3px 28px 3px 28px;
	color:#fff;
	text-decoration:none;
}


#topnav2 a, #topnavActivity2 a {
	font-size:12px;
	font-weight:bold;
	padding:3px 5px 3px 5px;
	color:#fff;
	text-decoration:none;
}


#leftnav {
	float:left;
	width:250px;
	margin-left:-30px;
	margin-top:10px;
}


#leftnav a {
	color:#FFF;
	font-size:12px;
	text-decoration:none;
}

#leftnav a:hover {
	color:#2B2219;
	font-size:12px;
	text-decoration:underline;
}

.activity {
	font-size: 13px;
	margin-left:15px;
	color:#53432a;
	font-weight:bold;
	padding-left:5px;
	border-bottom:#993300 dotted 1px;
	margin-bottom:5px;
	margin-top:5px;
}

.bannersub{
float:right;
padding-bottom:20px;
}

.credit {

	font-size:10px;
	font-style:italic;
	line-height:1.2em;
	color:#666;
}

.quote {
	color:#634d09;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	
}

.quoteBg1{
	background:url(images/quote_image1.jpg)  no-repeat top right;
}

.quoteBg2{
	background:url(images/quote_image2.jpg)  no-repeat top right;
}

.quoteBg3{
	background:url(images/quote_image3.jpg)  no-repeat top right;
}

.quoteBg4{
	background:url(images/quote_image4.jpg)  no-repeat top right;
}

.quoteBg5{
	background:url(images/quote_image5.jpg)  no-repeat top right;
}

.quoteBg6{
	background:url(images/quote_image6.jpg)  no-repeat top right;
}


#banner{
	padding-bottom:10px;
	z-index:0;
}


#main {
	margin:0 20px 20px 222px;
}

#mainObject {
	float:left;
	width:580px;	
}

#mainZoom {
	margin:0 20px 20px 20px;

}

#mainFlash {
	float:right;
	}
	
#mainHome {
	float:left;
	background:url(images/bill.jpg) no-repeat top left;
	width:310px;
	height:500px;
}
#homeContent {
	float:right;
	width:60%;
	margin-top:30px;

}
#mainActivities{
	text-align:center;
	margin:0 10px 20px 10px;
}

#mainActivities2 {
float:right;
	}

#mainSpecial {
	margin:0 20px 20px 222px;
	width:510px;
}

#special {
	float:right;
	width:155px;
	background-color:#af926b;
	margin-top:20px;
}

#search {
	float:right;
	width:318px;	
}

.search2 {
	padding:10px;
}

#search td{
	font-size: 12px;
	line-height:1.3em;
	margin-bottom:10px;
	margin-right:20px;
	color:#fff;
	margin-top:5px;
}


#zoom {
	text-align:center;
	margin:0 20px 20px 222px;
}

/*#zoomObject {
	margin-right:20px;
}
*/
#zoom td {
	font-size: 12px;
	margin-left:10px;
	line-height:1.3em;
	margin-bottom:10px;
	margin-right:20px;
	color:#000;
	margin-top:5px;
	border-right:1px #af926b solid;
}

#footer {
	width:927px;
	height:42px;
	background-color:#55462f;
	clear:both;
	margin-left:0px;
	font-size:x-small;
	color:#ccc;
	padding-top:3px;
	text-align:center;
}

#footer2 {
	width:927px;
	height:15px;
	background-color:#55462f;
	clear:both;
	margin-left:0px;
	font-size:x-small;
	color:#ccc;
	padding-top:1px;
	text-align:center;
}

#footer a {
	color:#ccc;
	text-decoration:none;
}

#footer a:hover{
	color:#ccc;
	text-decoration:underline;
}
.extra {
padding-left:400px;
float:left;
}

.extra3 {
padding-left:190px;

}

.extra2 {
padding-right:20px;
float:right;
}

/***********************************************/
/*CSS for Simple Tree Menu                     */
/***********************************************/

.treeview ul{ 
margin: 0;
padding: 0;

}

.treeview li{ 
background:  url(images/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 20px;

}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(images/closed.gif) no-repeat left 7px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}


/***********************************************/
/*POPUP CSS                     */
/***********************************************/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
top:0px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 0px; /*position where enlarged image should offset horizontally */

}







.storyMenus {
	font-size:12px;
	line-height:0.5em;
	font-style:italic;
	color:#000;
	font-weight:bold;
	}

.storyMenus a {
	font-size: 11px;
	color:#fff;
	font-style:italic;
	text-decoration:none;
	}

.storyMenus a:hover {
	text-decoration:underline;
}

.style2 {
	line-height:1.5em;
}

.style3 {
	line-height:1.5em;
}

.activities {
	padding:5px 10px 5px 0;
}


/***********************************************/
/* Story dropdown menus                                */
/***********************************************/

#popitmenu{
position: absolute;
background-color: #78a095;
border:1px solid #fff;
line-height: 1.3em;
z-index: 100;
visibility: hidden;
text-align:left;
font-size:12px;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #fff;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #4a6c63;
}


/***********************************************/
/* Credit page styles                                */
/***********************************************/
.style1 {
	color: #005eac;
	font-weight: bold;
}
.style2 {
	font-size: x-large;
	font-weight: bold;
}
.style3 {
	color: #46371f;
	font-weight: bold;
	font-size: large;
}
.style4 {
	color: #46371f;
	font-weight: bold;
}