body {background: #FFF url(../images/page_bg.gif) repeat-x; border-top: 1px solid #999; font-family: arial, helvetica, san-serif;}

#top_green {height: 11px; background: #B4C269;}

#top_grey {height: 5px; background: #333;}

#header {height: 95px; position: relative;z-index:10;}
#header-inside { height: 95px; border-bottom:1px solid green; position: relative;z-index:10;}

div.align-bottom  {bottom: 0px;}

#about_div {}

div.page_list, div.art_list {margin-top: 5px; min-height: 125px; padding: 5px;}
div.art_list {background: #F5F6F7; width: 44%; float: left; padding-right: 10px; font-size: 90%; min-height: 120px; margin-top: 0px;}
.dark {background: #F5F6F7; border-bottom: 1px dotted #999; border-top: 1px dotted #CCC;}
.page_list img {height: 100px; width: 100px; float: left;}
.art_list img {float: left;}
.page_list p, .art_list p {margin-left: 120px;}
.art_list p {min-height: 120px;}

div.news_list p {margin-left: 65px;}
div.float_img {padding: 3px; border: 1px solid #CCC; width: 50px; height: 50px; float: left;}
div.img_bg {background: url(/assets/templates/nmartmuseum/images/blank.gif) center center no-repeat; width: 50px; height: 50px;}

.img_bg img.placeholder {border: 0px; width: 50px; height: 50px;}

a {color: #57B;}

.nav {margin-bottom: 11px;}
.nav ul {float: right; padding: 0; margin: 0; padding-top: 27px; z-index: 1000;}
.nav ul li ul {padding-top: 0px;}
.nav li {float: right; list-style-type: none; padding: 0; margin: 0; padding-top: 10px;}
.nav a { display:block; padding:0 13px; font-family:Verdana, Georgia, palatino, "times new roman", times, serif; text-decoration:none; font-size: 130%;} 
.nav li:hover {background:  #ECF2F2;}

#topnav {z-index: 200;}
#topnav li {float: left; z-index: 200;}
#topnav li a {z-index: 200;}
#topnav ul li ul li, #topnav ul li ul li a  {padding: 0 0 0 0; margin: 0 0 0 0;z-index: 200;}
#topnav ul li ul {display:none; position:absolute; width:16em; z-index:1000; left:auto; margin-top:0px; background:#ECF2F2; border-right:1px solid #999; border-bottom:1px solid #999;z-index:200;}
#topnav ul li ul li {display: block; width: 16em; margin: 0px; float: left; padding-bottom: 0px; background-image: none; border-bottom: 1px solid #CCC;border-top: 1px solid #FFF; z-index: 200; }
#topnav ul li ul li:hover {background: #FFF;  }
#topnav ul li ul li a {display: block; width: 16em; background-image: none;border-top: 0px;font-size: 100%; font-family: arial, helvetica, sans-serif; padding: 5px;z-index: 200;  }
#topnav ul li ul li a:hover {}
#topnav ul li:hover > ul {display: block; background: #ECF2F2; z-index: 200;}

h1, h2, h3 {color: #336600; margin-top: 20px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 2.2em; display: block; clear: both; margin-bottom: 5px;}
h1 {margin-bottom: 0; background: url(/assets/templates/nmartmuseum/images/h1_bg.png) bottom right no-repeat; padding-bottom: .5em; clear: both;}
h2 {margin-top: 10px; font-size: 1.75em;}
h3 {margin-top: 15px; font-size: 1.45em; color: #063;}

#base {background: #000; color: #999; font-size: 100%; display: block; min-height: 70px; position: relative; width: 100%;}
#base p {display: block; margin-left: 10px; margin-right: 85px;}
#base a {color:#7B95CA;}
#base a:hover {color: #EEE;}
#base li {list-style-type: none; display: inline; padding: 0px 10px; border-right: 1px solid #666;}
#base li.last {border-right: 0px solid #666;}
#base ul {display: block; padding: 5px 0px 5px 0px; margin: 0; list-style-type: none; margin: 0px 0px 0px 0px;}

.serif { font-family: Georgia, palatino, "times new roman", times, serif; }

#sidebar {border-top: 0px solid #666;font-size: 120%; font-family: arial, helvetica, sans-serif; } 
#sidebar h2 {font-size: 1.25em; margin-left: 0;} 
#sidebar a {color: #57B;}
#sidebar ul li ul {border-bottom: 0px dotted #CCC;}
#sidebar ul, #sidebar li {list-style-type: none; padding: 0; margin: 0;}
#sidebar ul {border-bottom: 1px dotted #CCC; margin-top: 20px;}
#sidebar ul li ul {margin-top: 0px;}
#sidebar ul li a{display: block; padding: 3px 6px; border-top: 1px dotted #CCC; text-decoration: none; text-transform: lowercase;}
#sidebar ul li ul li a{padding: 6px 6px 6px 12px; font-size: 95%;}
#sidebar ul li a:hover {text-decoration: underline; color: #000;}
#sidebar ul li ul {display: none; padding-left: 12px;background: #F9FCFC;}
#sidebar ul li ul li a {color: #666;}
#sidebar ul li.active ul {display: block;}
#sidebar li.active {background-color:  #ECF2F2;}
#sidebar li:hover {background-color:  #ECF2F2;}#sidebar ul li:hover {background-color:  #ECF2F2;}
#sidebar ul li.active ul li:hover {background-color:  #F9FCFC;}
#sidebar ul li.active ul li.active {background-color:  #F9FCFC;}
#sidebar ul li.active ul li.active a {font-weight:  bold;}

/*#main {background: url(/assets/templates/nmartmuseum/images/events_bg.png) top right no-repeat; min-height: 500px;}
.homeboxes a:hover {color: #C60;}*/
#main a:hover {color: #C60; background: #5577BB; background: transparent; }
/*#main img, .sidebar_image img {border: 1px solid #CCC; padding: 3px; margin-top: 0px;}*/
#main a.whitebg {text-decoration: none;}
#main a.whitebg:hover {background: #FFF; color: #000; text-decoration: underline;}
#main a.whitebg img:hover {background: #57B;}
#main p {padding-right: 25px;}
#main div p {padding-right: 0px;}
#main img.ex_image {height: 250px; width: 571px; padding: 0px; border: 0px;}
#main img.left {margin-right: 10px; margin-bottom: 10px;}
#main img.right {margin-left: 10px; margin-bottom: 10px;}
#main .jdGallery a, #main .jdGallery .slideInfoZone p, .jdGallery .slideInfoZone a, #main .jdGallery .slideInfoZone a:hover { 
color: #EEE; background: transparent;}

div.sidebar_image {margin-top: 20px; font-size: 90%; color: #666;}
.sidebar_image p {font-family: arial, helvetica, san-serif; margin: 6px;}
div.ex_image_div {width: 571px; height: 250px;}
.border { border: 1px solid #CCC; padding: 5px; margin-bottom: 10px;}
.highlighted {font-size: 1.45em; color: #063;font-family: Georgia, palatino, "times new roman", times, serif; }

#footer {background: #454545 url(../images/footer_bg.gif) repeat-x; font-size: 90%; width: 100%; min-height: 30px; margin-top: 30px; clear: both; position: relative; }
#footer {font-size: 11px;}
#footer ul {margin-bottom: 0; }
#footer ul li {float: left; list-style-type: none;}
#footer ul li a {color: #FFF; font-weight : bold; text-decoration: none;}
#footer ul li a:hover {text-decoration: underline;}
#footer ul li ul li a {color: #5577BB; color: #7B95CA; font-weight : normal;}
#footer ul li ul li {float: none;}
#footer .container {padding: 10px 0;}

#ajaxSearch_form, #ajaxSearch_form fieldset, #ajaxSearch_form form {margin: 0; padding: 0; font-size: 90%; text-align: right; border: 0px;}

div.exhibit_thumbs {width: 78px; padding: 3px; text-align: center; float: left; min-height: 135px; font-size: 80%;}
div.exhibit_thumbs img {width: 72px; height: 72px;}
.exhibit_thumbs a {font-weight: bold;}
.exhibit_thumbs a:hover {background-color: #FFF; color: #000;}
#sidebar div.serif ul {margin-top: 0px;}

#ajaxSearch_input {
background:#F5F6F7 url(../images/bg-form-field.gif) repeat-x scroll 0 0;
border-color:#CCC;
color: #999;
}

#ajaxSearch_submit {
background:#FFFFFF url(../images/bg-btn-gray.gif) bottom left repeat-x;
border-color:#DDDDDD #EEEEEE #EEEEEE #DDDDDD;
border-style:solid;
border-width:1px;
color:#666666;
font-family:Georgia,serif;
padding:2px 3px;
}

/* Original CSS  */
.imagewrapperright {
	width: auto;
	font-size: 0.8em; 
	text-align: left;
	float: right; 
	margin: 4px 0px 0px 8px;
}
.imagewrapperleft {
	width: auto;
	font-size: 0.8em; 
	text-align: left;
	float: left; margin: 4px 4px 0px 0px;
}
.imagewrappercenter {
	width: auto;
	font-size: 0.8em; 
	text-align: center;
	float: left; margin: 4px 4px 0px 0px;
}
.imagebox {
	width: auto;
	color: #000;
}
.captionbox {
	margin: 0px 6px 0px 3px;
	background: #fff; 
	color: #000;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1em;
	text-align: center;
}
.sideleft {
	background-color: #ccccff;
	font-size: 13px;
	color: #000;
	float: left;
	margin: 5px 10px 5px 0px;	 
}
.sideleft p {
	margin: 0 10px;
}
.sideright {
	background-color: #ccccff;
	font-size: 13px;
	color: #000;
	float: right;
	margin: 5px 0px 5px 10px;	 
}
.sideright p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../images/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/br.gif) no-repeat top right; 
}


.sideright_quote {
	background-color: #ddddff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	float: right;
	margin: 4px 0px 5px 10px;
}
.sideright_quote p {
	margin: 0 10px;
}

.sideleft_quote {
	background-color: #ddddff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	margin: 4px 10px 5px 0px;
}
.sideleft_quote p {
	margin: 0 10px;
}

.roundtop_quote {
	background: url(../images/tr_purp.gif) no-repeat top right;
}

.roundbottom_quote {
	background: url(../images/br_purp.gif) no-repeat top right;
}


img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

.head1 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.head4_brown {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #660033;
	background-color: #DDDDFF;
}

.head3_mauve {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #CCBBCD;
}

.head4 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #DDDDFF;
	padding: 3px 0px;
	text-align:center;
}

.small_text {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}