html, body, {
padding: 0;
margin: 0;
}

/* "list-style-type: none; & padding: 0; & margin: 0;" must be declared */ 
/* more specifically in order to prevent accidentally hiding the bullets*/
/* on non-navigational lists */
.nav *, .leftNav *, .bottommenu *{
padding: 0;
margin: 0;
list-style-type: none;
}

/* setting widths for each of the buttons */
.num1 {width: 133px;}
.num2 {width: 133px;}
.num3 {width: 133px;}
.num4 {width: 133px;}
.num5 {width: 133px;}
.num6 {width: 135px;}

.button {
float: left;
background-color: #FFFFFF;
}

.button:hover {
background-color: #CACACA;
}


.parent {
position: relative;
}

.dropdown { /* rules for dropdown div */
position: absolute;
left: -3000px; /* hide the menus way off to the left */
top: auto; /* puts dropdowns directly under top nav */
text-align: left; /* needed because IE misapplies text centering to boxes */
background:   url(file:///C|/DOCUME%7E1/john/LOCALS%7E1/Temp/Temporary%20Internet%20Files/Content.IE5/TEQIJBO9/images/clear2.gif); /* calls a transparent GIF to defeat an IE bug */
}

.parent:hover ul{
border: 1px solid #808080;
border-width: 1px 1px 0px;
}/* IE requires changed borders for the hover to work */
 /* borders sides and top of the dropdowns at 2px, 1px on bottom; links add 1px to the bottom border */


.dropdown ul {
margin: 0 50px 50px 50px; /* creates "sticky hovering" zones for dropdowns */
}

/* Setting widths for each of the dropdown boxes */
.num1 div.dropdown ul{width: 133px;} /* 1px less to accomodate the border of the dropdown */
.num2 div.dropdown ul{width: 133px;}
.num3 div.dropdown ul{width: 133px;}
.num4 div.dropdown ul{width: 133px;}
.num5 div.dropdown ul{width: 133px;}
.num6 div.dropdown ul{width: 135px;}

.nav {
	position: relative;
	width: 100%;
	background: #fff;
}

.nav li {
text-align: center;
}

.nav a:hover,.nav a:link,.nav a:visited,.nav a:active {
display: block;
color: #666;
font-weight: bold;
font-size: 1.1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 2px;
}

.nav ul ul a:link,.nav ul ul a:visited {
display: block;
color: #333;
font-weight: normal;
font-size: 1em;
font-family: arial, sans-serif;
padding: 1px 0px;
text-decoration: none;
width: 100%;
border-bottom: 1px solid #808080;  /* borders the bottoms of the dropdown links */
}

.nav ul ul a:hover,.nav ul ul a:active {
display: block;
color: #fff;
font-weight: normal;
font-size: 1em;
font-family: arial, sans-serif;
padding: 1px 0px;
text-decoration: none;
width: 100%;
border-bottom: 1px solid #808080;  /* borders the bottoms of the dropdown links */
}

.dropdown li:hover a {
text-decoration: none;
color: #fff;
}

.dropdown li {
position: relative;
vertical-align: bottom; /* IE5/win bugfix */
}

.parent:hover {
background-image:  url(file:///C|/DOCUME%7E1/john/LOCALS%7E1/Temp/Temporary%20Internet%20Files/Content.IE5/css/clear1.gif);
}
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image
file so that your site error logs will not fill with failed image calls. */

/* hover rule for dropdowns */
.parent:hover div.dropdown {left:-51px;} /* extra pixel makes dropdowns "line up" with top links */
.num1:hover div.dropdown {left:-50px;} /* positioning the dropdown for the first menu button */
.num6:hover div.dropdown {left: -51px;} /* positioning the dropdown for the sixth menu button */

.dropdown li:hover {background: #666;} /* hover color effect on dropdown links */

/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/

.num1 ul {background: #fff;}
.num2 ul {background: #fff;}
.num3 ul {background: #fff;}
.num4 ul {background: #fff;}
.num5 ul {background: #fff;}
.num6 ul {background: #fff;}

a.TopNavSelected:link, a.TopNavSelected:active, a.TopNavSelected:hover, a.TopNavSelected:visited{
	color: #fff;
	background-color: #666;
}

/* XXXXXXXXXXX Makes the Footer Links display as inline rather than vertical lists XXXXXXXXXXX */

.bottomlist li {display: inline;}

/* xxxxxxxxxxxxxxxxxxx Begin Formatting for leftNav xxxxxxxxxxxxxxxxxxxx */

/* move entire leftNav over by 10px */
.leftNav {
padding: 3px 9px;
}

.leftNav:hover {
background-color: #CACACA;
}

.leftNav:link {
text-decoration: none;
}
.topLine {
border-top:solid 2px;
border-top-color:#999999;
}
.bottomLine {
border-bottom:dotted 1px;
border-bottom-color:#999999;
}
.leftNavKor {
border-bottom:solid 1px;
border-bottom-color:#999999;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
padding: 3px 9px;
text-decoration: none;
}

.leftNavKor a:link, .leftNavKor a:active,  .leftNavKor a:visited{
text-decoration: none;
}

.leftNavKor:hover{
background-color: #CACACA;
}
.PastExhibition {
border-bottom:dotted 1px;
border-bottom-color:#999999;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 11px;
padding: 1px 15px;
text-decoration: none;
}
.PastExhibition a:link, .PastExhibition a:active,  .PastExhibition a:visited{

text-decoration: none;
}


.PastExhibition:hover{
border-top:solid 1px;
border-top-color:#FFFFFF;
background-color: #CACACA;
}
.PastExhibitionContent {
	text-decoration: none;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	word-spacing: normal;
	border: #000000;
}
.PastExhibitionContent a:link, PastExhibitionContent a:visited, .PastExhibitionContent a:active {
	text-decoration: none;
}

.PastExhibitionContent a:hover{
	font-size: 11px;
    text-decoration: underline;
    font-weight: normal;
	}

.leftNav a:link,.leftNav a:active, .leftNav a:visited {
text-decoration: none;
}

/* give smart nav 5px at top */
ul.leftNav1 {
margin-top: 5px;
}

/* give 50px space between smart nav and persistent nav */
ul.leftNav2 {
margin-top: 50px;
}

/* will underline the level one links in black */



/* indent level two */
.leftNav_L2 div{
padding-left: 10px;
}

.leftNav_L2 a {
font-size: 9px;
line-height: 13px;
}

/* indent level three */
.leftNav_L3 li{
padding-left: 10px;
}

.leftNav_L3 a {
font-size: 10px;
font-family: arial, sans-serif;
font-weight: normal;
letter-spacing: 0px;
}

/* xxxxxxxxxxxxxxxxxxxx behavior of leftNav links when selected xxxxxxxxxxxxxxxxxxxx */

/* if the level one links have no children, they behave differently when selected */
.leftNavSelected1 {
background-color: #DDD;
}
.leftNavSelected1 a:link, .leftNavSelected1 a:visited {
color: #666;
text-decoration: underline;
}
.leftNavSelected1 a:hover,.leftNavSelected1 a:active {
color: #333;
text-decoration: underline;
}
/* eliminate the bottom border for any level one links (with or without children) that are selected */
li.leftNavSelected_noUnderline {
border-bottom: none;
}
/* nominal behavior of links (ie, with children) */
/* fills in backgrounds and colors text*/
.leftNavSelected2 {
background-color: #DDD;
color: #000;
}
/* shapes text and indents properly (for each level) */
/* makes up for the formatting that was done with anchor tags (these are no longer links) */
li.leftNavSelected2 {
margin-left: -10px;
}

li.leftNavSelected2 span {
margin-left: -10px;
}

div.leftNavSelected2 span {
font-family: verdana,arial,helvetica,sans-serif;
font-weight: bold;
font-size: 10px;
line-height: 18px;
}

.leftNav_L2 .leftNavSelected2 span {
margin-left: -10px;
padding-left: 10px;
font-family: verdana,arial,helvetica,sans-serif;
font-weight: bold;
font-size: 9px;
line-height: 13px;
}
.leftNav_L3 .leftNavSelected2 span {
padding-left: 20px;
font-family: arial,helvetica,sans-serif;
font-weight: normal;
font-size: 10px;
line-height: 10px;
}

/* Declare color for horizontal rule for IE accomodation */
hr {
color:#D5D5D5;
}