html
{
	overflow: -moz-scrollbars-vertical;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px auto;
}

/* Links */

a { font-weight:100;text-shadow: 0 0 0 #000; }

a:link { color: #3399CC; }

a:visited { color: #3399CC;  }

a:active { color: #3399CC; }

a:hover {
	color: #3FC;
}

/* Html Elements */

h6 { font-weight: normal; margin: 5px 0 10px; padding: 0; font-size: 16px;}

h5 { font-weight: normal; margin: 5px 0 10px; padding: 0; font-size: 18px;}

h4 { font-weight: normal; margin: 5px 0 10px; padding: 0; font-size: 20px;}

h3 { font-weight: normal; margin: 5px 0 10px; padding: 0; font-size: 24px; }

h2 { font-weight: normal; margin: 5px 0 10px; padding: 0; font-size: 26px; }

h1 { font-weight: normal; margin: 5px 0 10px; padding: 0; font-size: 18px; }

h6 a
{
	font-weight: normal;
	border-bottom-width: 0;
}

h5 a
{
	font-weight: normal;
	border-bottom-width: 0;
}

h4 a
{
	font-weight: normal;
	border-bottom-width: 0;
}

h3 a
{
	font-weight: normal;
	border-bottom-width: 0;
}

h2 a
{
	font-weight: normal;
	border-bottom-width: 0;
}

h1 a
{
	font-weight: normal;
	border-bottom-width: 0;
}

pre
{
	color: #555555;
	padding: 10px 30px;
	line-height: 1.8em;
}

blockquote
{
	color: #555555;
	padding: 10px 30px;
	line-height: 1.8em;
}

ol
{
	color: #555555;
	padding: 10px 30px;
	line-height: 1.8em;
}

ul
{
	color: #555555;
	padding: 10px 30px;
	line-height: 1.8em;
}

ul
{
	list-style-type: square;
}

pre { background-color: #eeeeee; border: 1px solid #bbccdd; }

blockquote { background-color: #eeeeee; border: 1px solid #bbccdd; }

ins { text-decoration: none; color: #466b85; }

del { color: #555555; }

/* Structure */

body
{
	padding: 0px;
	margin: 0px auto;
	width: 800px;
background-color:#041a36;
}

#container
{
	float: left;
	width: 1000px;
	background-image: url("images/header.jpg");
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
}

#header { 
	font-size:1em;
	float: left; 
	width: 800px;
	clear: both; 
	padding:0px;
	margin:0px auto;
	height:94px; 
	background-image: url("images/header.gif");
	background-repeat: no-repeat;
}

#navigation { 
	float: left; 
	width: 1000px; 
	clear: both;
	height:30px; 
	margin:0px auto;
	padding:0px;
}

#wrapper { 
	float: left;
  	padding:0px;
  	margin:0px auto;
	width:800px;
	background: #041a36 url('images/bg-repeat.gif');
}

.content { 
	background-image: url('images/bg-main.jpg');
	background-repeat: no-repeat;
	width:1000px;
}


.pro_linedrop {
	width:800px;
	color:#c1c1c1;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	text-transform: none;
	text-decoration: none;
	z-index:500;
}

.pro_linedrop .select {
margin:0px 0 0 0px;
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
}

.pro_linedrop .select a {
	display:block; 
	height:36px; 
	float:left; 
	padding:0 0px 0 0px; 
	text-decoration:none; 
	line-height:25px; 
	white-space:nowrap; 
	color:#c1c1c1;
}

.pro_linedrop .select li.line a {color:#c1c1c1;}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
cursor:pointer; 
color:#ffffff;
}

.pro_linedrop .select li.line a:hover, 
.pro_linedrop .select li.line:hover a {
color:#ffffff;}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
/*margin:35px 0 0 0;*/
padding:0;
list-style:none;

}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block; 
float:left;
/*position:absolute;
top:28px; 
right:27px;*/
text-align:center;
background:transparent url(line/transparent.gif);

}

.pro_linedrop .select :hover li {float:left;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:none; background:transparent url(line/transparent.gif); padding:0 5px 0 5px; margin:0; white-space:nowrap; color:#888;font-size:10px;}

.pro_linedrop .select :hover .sub li.subline a {color:#c00;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; position:relative;}

.pro_linedrop .select :hover .sub li:hover > a {color:#ffffff;}

.pro_linedrop .select :hover .sub :hover ul {padding:0; margin:0 auto; list-style:none; display:block; width:112px; position:relative; left:-1px; top:25px; border:1px solid #aaa; border-top:0; background:#fff;}

.pro_linedrop .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px;}
.pro_linedrop .select :hover .sub :hover ul li a:hover {line-height:16px;}


/* Navigation */

#navigation ul
{
	padding:10px 0 0 0;
	margin: 0 0 0 5px;
	list-style-type: none;
	white-space: nowrap;
}

#navigation li { 
	float:left;
	display: block;
	margin:0px auto;
	padding:0 0px 0 0px;
}

#navigation li:hover {
	float:left;
	display: block;
	margin:0px auto;
	padding:0 0px 0 0px;
}

#navigation a:visited, #navigation a:link
{
	text-align: center;
	display: block;
	color: #8b4e00;
	text-decoration: none;
	font-style:italic;
}


#navigation a:active
{
	color: #ffffff;
	text-decoration: none;
}


#navigation a:hover
{
	color: #000000;
	text-decoration: underline
}

body#bhome li#lhome a
{
	color: #eff8ff;
	background-color: #374462;
}


/* graphic  */

#graphic
{
	float:left;
	height:252px;
	width:800px;
	background-image: url("images/globalmap.jpg");
	background-repeat: no-repeat;
}

#content-top
{
	float: inherit;
	height:37px;
	width:1000px;
	background-image: url("images/body-top.gif");
	background-repeat: no-repeat;
}


/* leftbar */

#leftbar
{
	float:left;
	clear:both;
	width: 534px;
	margin:0px auto;
	padding:0px;
	background: #041a36;
	postion:relative;
	min-height:400px;
	height:auto !important;
	height:400px;	
	background: bottom left #ffffff url("images/content-bottom.gif")  no-repeat;
}

#leftbar-top
{
	float:left;
	width: 534px;
	height: 16px;
	margin:0px auto;
	padding:0px;
	background: #041a36 url("images/content-top.gif") repeat-x;
	
}

#leftbar-bottom
{
	float:left;
	clear:both;
	width: 534px;
	height: 16px;
	margin:0px auto;
	padding:0px;
	
}

#leftbar h1 
{
	margin: 0px 20px 10px 20px;
	font-size:22px;
}

#leftbar h2 
{
	margin: 10px 20px 10px 20px;
	font-size:18px;
	color:#355073;
}

#leftbar p 
{
	margin: 0 20px 0 20px;
	font-size:14px;
}

#leftbar-empty
{
	float:left;
	width: 652px;
	height:30px;
	margin:-21px 0 0 0;
	padding:0px;
	background: #ffffff url("images/content-background-empty.gif") repeat-x;
	min-height: 800px;
}

#leftbar-content {
	float:left;
	width: 592px;
	margin:0px;
	padding:20px 25px 0 35px;
	background: url("images/content-background-top.gif") no-repeat;
	
}

#leftbar-content h1 {
	text-align: center;
}

#leftbar-content ul
{ 
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#leftbar-content li {
	margin:0px;
	padding: 10px 0 10px 0;
}

#leftbar-rows {
	float:left;
	width: 607px;
	margin:0px;
	padding:10px 20px 0 25px;
}

#leftbar-rows h1 {
	text-align: center;
}

#leftbar-rows ul
{ 
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#leftbar-rows li {
	margin:0px;
	padding: 0px;
}

#leftbar-rows li a {
	font-weight: normal;
	font-size: 11px;
}

#leftbar-norows {
	float:left;
	width: 607px;
	margin:0px;
	padding:5px 20px 0 25px ;
}

#leftbar-norows h1 {
	text-align: center;
}

#leftbar-norows ul
{ 
	margin:0 0 0 20px;
	padding:0px;
}

/* Side-bar */

#sidebar 
{ 
	width: 266px;
	float: left;
	margin: 0px; 
	padding: 0px; 
	text-align: left;
	background: url("images/sidebar-background-repeat.gif") repeat-y;
}
#sidebar h1
{
	width:222px;
	height:46px;
	background-image: url("images/bg-header.gif");
	background-repeat: no-repeat;
	color: #ffffff;
	text-align:center;
	padding: 12px 44px 0px 0px;
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#sidebar p
{
	color: #ffffff;
	margin: 0 20px 0 20px;
	padding: 0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#sidebar INPUT
{
	border: 1px solid #ffffff;
}

#sidebar TABLE
{
	color: #ffffff;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#sidebar-empty
{ 
	width: 348px; 
	height: 134px;
	float: none;
	margin: 0px auto; 
	padding: 0px; 
	background: url("images/sidebar-background.gif") no-repeat;
}

#sidebar-content
{ 
	width: 296px; 
	float: right;
	clear: both;
	margin: 0px; 
	padding: 30px 28px 0 24px; 
	text-align: left;
	background: url("images/sidebar-background-top.gif") no-repeat;
}

#sidebar-content ul
{ 
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#sidebar-content ul#audio
{ 
	list-style-image: url(images/play.gif);
	list-style-type: circle;
	margin:0px;
	padding: 0 0 0 20px;
}

#sidebar-bottom {
	width: 348px;
	height: 52px;
	float: right;
	margin: 0px;
	padding: 0px;
	background: #ffffff url("images/sidebar-background-bottom.gif") no-repeat;
}

#sidebar-content h1 {
	text-align: center;
}


/* Wrapper */

#links a:active { color: #336699; border-bottom-color: #336699; }

#links a:hover { color: #336699; border-bottom-color: #336699; }

/* Footer */

#footer {
	clear:both;
	float: left;
	width: 800px;
	color:#ffffff;
	font-size:10px;
	text-align:center;
	height: 40px;
	margin: 0px;
	padding: 25px 0 0 0;
	background: #041a36 url("images/body-bottom.gif") no-repeat;
}
 
	#divNav {
		margin: 0px auto;
		padding: 45px 0 0 190px;
		height: 80px;
		width: 800px;
		font-size: 14px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:100;
		text-transform: uppercase;
		text-decoration: none;
	}
 
	#nav {
		margin: 0px;
		padding: 0px;
		position: relative;
		height: 80px;
		width: 600px;
	}
	#nav .last {
		background: none;	
	}
 
	#nav li ul, #nav li ul {
		margin: 0px;
		padding: 0px;
		
	}
 
	#nav a {
		text-decoration: none;
	}
 
	#nav li { /*float the main list items*/
		margin: 0 0 0 0;
		float: left;
		display: block;
		padding: 0 10px 0 5px ;
		background: right url('images/seperator.png') no-repeat;
	}
 
	#nav li ul {
		display: none;
	}
 
	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		width:600px;
		left: 0;
		height: 28px;

	}
 
	#nav li.on ul {
		background: #f90;
	}
 
	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		/*background: #224d6f;*/
	}
 
	#nav li a {
		color: #c1c1c1;
		font-weight: bold;
		display: block;
		padding: 0;
		
	}
	
	#nav li a:hover {
		color: #ffffff;
	}
 
	#nav li.on a {
		color: #f90;
	}
 
	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		position:relative;
		width: auto;
	}
 
	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		/*background: #224d6f;
		color:#ffffff;*/
	}
 
	#nav li.on ul {
		display: block;
	}
 
	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}
 
	#nav li.off a:hover, #nav li.on a:hover { 
		color: #ffffff;
	}
 
	/*do the image replacement*/
 

 
	#liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a {
		display: block;
		position: relative;
		height: 26px;
		background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
	}
 
/*first, put the initial states in place*/
 
#liRenaissance a {
	background-position: 0 0;
}
 
#liArtNouveau a {
	background-position: -102px 0;
}
 
#liModern a {
	background-position: -204px 0;
}
 
#liPostModern a {
	background-position: -306px 0;
}
 
#liDigital a {
	background-position: -408px 0;
}
 
/*active area - for this demo - the code could be based on a body class, and probably work better.*/
 
 #liModern.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/
 
/*hover states*/
 
#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background-position: 0 -73px;
}
 
#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background-position: -102px -73px;
}
 
#liModern a:hover, #liModern:hover a, #liModern.over a {
	background-position: -204px -73px;
}
 
#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
	background-position: -306px -73px;
}
 
#liDigital a:hover, #liDigital:hover a, #liDigital.over a {
	background-position: -408px -73px;
}
 
/*subnav formatting*/
 
#nav li.off ul a, #nav li.on ul a {
	display: block;
	color: #888;
	font-size: 11px;
}		
 
#nav li.on ul a {
	background: #f90;
}

/*Anchor*/

#anchor a {
	color: #666666;
}