* { margin: 0; padding: 0;}
/*NAVIGATION for archive section*/
div#nav_main {
position: absolute; width: 760px;top:0;height: 35px;background: #3D3736;font-size: 10px;z-index: 1;left:50%;margin-left:-380px; /* half of 760px*/ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

/* top level menu container */
#nav_main ul { list-style: none; background: #3D3736; color: #FFFFFF;}

/* top level menu items */
#nav_main li{ position: relative; float:left; text-transform: uppercase; background: #3D3736; }

#nav_main li#now_on a{ background: #9A8B83; color: #FFFFFF; height: 20px; padding-left: 5px;}
#nav_main li#now_on a:hover, li#now_on a:active{ background: #FFFFFF; color: #3D3736;}
#nav_main li#art_angels { position: absolute; right: 0px; text-align:right;}
#nav_main li#art_angels a:hover, li#art_angels a:active { background: #A3A510; color: #FFFFFF;}

/* make the anchor fill the li */
#nav_main ul li a{ display: block; background: #3D3736; color: #9A8B83; text-decoration: none; height: 20px; padding: 10px 4px 5px 4px; letter-spacing: 0.1em; font-weight: normal; }

/* second level menu container */
#nav_main ul ul { display: none;  position: absolute; top:35px; background: #9A8B83; color: #FFFFFF; z-index:100;}
#nav_main li#art_angels ul {position:absolute; right:0px; text-align:right; background: #A3A510; color: #FFFFFF;}

/* second level menu items */
#nav_main ul li li { float: none; width:150px; text-transform:lowercase; color:#FFFFFF; border-top: #FFFFFF 1px dotted;}
#nav_main ul li li a{ display: block; float: none; color:#FFFFFF; padding: 6px 4px 3px 4px;}
#nav_main ul li li a:hover, #nav_main ul li li a:active { background: #645C5A; color:#FFFFFF;}
#nav_main li#now_on li a:hover, #nav_main li#now_on li a:active { background: #645C5A; color:#FFFFFF;}

#nav_main li#art_angels li a { /*list-style-type:none; */ background: #A3A510; color: #FFFFFF; }
#nav_main li#art_angels li a:hover,li#art_angels li a:active { /*list-style-type:none; */ background: #B9BA6C; color: #FFFFFF;}

/* highlight effect on hover */
#nav_main ul li a:hover, #nav_main ul li a:active { height: 20px; color: #FFFFFF; background: #9A8B83; }

/*
 * The > selector selects only an
 * immediate child. So this selector says 'The ul directly below the
 * li being hovered over'.
 */
#nav_main ul li:hover > ul { display: block; }
/*#nav_main li { behavior: url('IEmenus.htc'); }*/


/* clear the floated elements */
#nav_main ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#nav_main ul { zoom: 1; }

p {font-family:Verdana, Arial, Helvetica, sans-serif; color:#9A8B83; font-size:10px; padding-bottom:1em;
}
p.foot {color:#9A8B83; font-size:9px;
}