body{

}

#headr{
margin-left:0%;
margin-right:0%;
min-width:720px;
text-align:center;
}

#wrap{
margin-top: 5px;
margin-right:1%;
overflow: auto;
margin-left:1%;
min-width:550px;
}
#content{
float:left;
width:69%;
min-height:400px;
}
#sidebar{
width:30%;
float:right;
min-height:400px;
}
#sidebar li{
margin-top:5px;
}


#footer{
margin-left:10%;
margin-right:10%;
margin-top:10px; 
text-align:center;
min-width:720px;
}

.date{
font-transform: small-caps;
color:red;
font-size:small;
font-family: monospace;
}
.spacerbox{
background: #1f2569;
margin-left:10%;
width:720px;
}

.aheader{
width=100%;
background-color:#1f2569;
text-align: center;
color: #f8f7e5;
padding-bottom: 10px;
font-variant: small-caps;
font-weight: bold;
font-size: large;
padding-top: 10px;
font-family: sans-serif;
}
.aheader_sm{
width=100%;
background-color:#1f2569;
text-align: center;
color: #faf7e5;
padding-bottom: 3px;
font-variant: small-caps;
font-weight: bold;
font-size: small;
padding-top: 3px;
font-family: sans-serif;
}
.box{
border: 3px solid #1f2569;
background: #EFEFEF;
}
.spacer_box{
background:#433690;
}
.tr{
background: url(images/top_right1.png) top right no-repeat;
}
.tl{
background: url(images/top_left1.png) top left no-repeat;
padding: 10px;
}
.htr{
background: url(images/head_top_right1.png) top right no-repeat;
}
.htl{
background: url(images/head_top_left1.png) top left no-repeat;
padding:3px;
}
.br{
background: url(images/bottom_right1.png) bottom right no-repeat;
}
.bl{
background: url(images/bottom_left1.png) bottom left no-repeat;
margin:-3px;
}
.sbl{
background: url(images/s_bottom_left.png) bottom left no-repeat;
}
.sbr{
background: url(images/s_bottom_right.png) bottom right no-repeat;
color:#1f2569;
padding-bottom:5px;
}



        ul.menu {
        padding:0;
        margin:0;
        text-indent:0;
        text-align:right;
	z-index:6;
	list-style: none outside;        
        display: inline;
        margin-left:0px;
	}
	ul.menu li.menu {
	position: relative;
        padding-bottom: 5px;
        padding-right: 5px;
	list-style: none outside; 
        margin-left:0px;
	}
	li.menu ul.menu {
	position: absolute;
	left: +194px;
	bottom: -5px ;
	display: none;
	width: 200px;
        color: f8f7e5;
        margin-left:0px;
	}
	ul.menu li.menu a.menu {
	display: inline;
	text-decoration: none;
	text-align:center;
	font: normal normal small-caps 12pt sans-serif;
        color:black;
	padding: 5px;
	}
        li.menu { 
        background-color:efefef;
        border-top:1px solid white;
        border-bottom:1px solid white;
        color: #1f2569;
        }
	li:hover.menu ul.menu, li.over ul.menu { 
        display: inline; 
        margin-left:0px;
        }
	li:hover.menu {
	background-color:#1f2569;
        color:white;
        margin-left:0px;
	}
        ul.menu li.menu a:hover.menu{
        color:white;
        margin-left:0px;
       }
	li.menu > ul.menu {
	background-color:white;
        border:2px solid #1f2569;
        text-align:center;
        margin-left:0px;
	}


#mnu{
margin-top:5px;
padding:-10px;
width:200px;
float:left;
color:black;
font-family:sans-serif;
}



        #bg_image {
                min-width:720px;
                margin-left:1%;
                margin-right:1%;
                width:100%;
                height: 100px;
                left: 0px;
                top: 0px;
                z-index: 0;
                position:absolute;
        }
        div#cxctext {
                z-index:1;
                position: absolute;
                font-family: western;
                font-size: 40px;
                font-smooth:always;
                text-align:left;
                margin-left:20px;
                color:#F8F7E5;
                left: 15px;
                top: 10px;
                font-weight: bold;
                font-style: italic;
        }
        #cxctext a {
               text-decoration: none;
               color:#F8F7E5;
        }
        #contents {
                height:200px;
                position:absolute;
                z-index:1;
        }
   
        #nav {
		position: relative;
		top:60px;
		height: 75px;
		width: 100%;
	}
        #nav ul {
                margin:auto;
                width:100%; 
        }
        #nav ul a {
                text-align:center; 
        }
	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 0px;
                padding-left: 0px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 20px;
		left: 0;
		padding-top: 5px;
                padding-bottom: 5px;
		background: #433690;
		height: 28px;
		width: 100%;
		padding-left: 5px;
	}

	#nav li.on ul {
		background: #f90;
	}

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #F8F7E5;
	}

	#nav li a {
		color: #BAB6B3;
		font-weight: bold;
	        width: auto;
		display: block;
		padding-right: 30px;
	}

	#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*/
		color: #f90;
		width: auto;
		margin-right: 15px;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #F8F7E5;
	}

	#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: #F8F7E5;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9374px;
	}

	#liabout a, #liscience a, #licontact a, #liepo a, #liproposer
		a, #liarchive a, #lianalysis a, #liobs a{
		display: block;
		position: relative;
		height: 60px;
		background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
	}

/*first, put the initial states in place*/

#liabout a {
	background-position: 0 0;
}

#liscience a {
	background-position: -102px 0;
}

#licontact a {
	background-position: -204px 0;
}

#liepo a {
	background-position: -306px 0;
}

#liproposer a {
	background-position: -408px 0;
}

#liarchive a {
	background-position: -408px 0;
}

#lianalysis a {
	background-position: -408px 0;
}

#liobs 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;
	background: #433690;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: small;
        width: 100%;
        top: 50 px;
        padding-top: 10px;
}		

#nav li.on ul a {
	background: #f90;
}
	

/* Footer Styling*/
#divFoot {      
                text-align:center; 
                font-weight: bold;
                position: absolute;
		margin: 0;
		padding: 0;
		height: 100px;
		width: 720px;
}

#foot {
		position: absolute;
		top: 0px;
		height: 100px;
		width: 720px;
	}

	#foot li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#foot a {
		text-decoration: none;
	}

	#foot li { /*float the main list items*/
		margin: 0;
                float: left;
	        display: block;
		padding-right: 0px;
                padding-left: 20px;
	}

	#foot li ul {
		display: none;
	}

	#foot li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 20px;
		left: 0;
		padding-top: 5px;
                padding-bottom: 5px;
		background: #433690;
		height: 28px;
		width: 790px;
		padding-left: 5px;
	}

	#foot li.on ul {
		background: #f90;
	}

	#foot li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #32CD32;
	}

	#foot li a {
		color: #BAB6B3;
		font-weight: bold;
		display: block;
		width: 150px;
		padding: 0px;
	}

	#foot li.on a {
		color: #f90;
	}


		z-index: 6000;
	}

	#foot li.off a:hover, #nav li.on a:hover { 
		color: #32CD32;
	}