/*
Theme Name: RMA Education Guides
Theme URI: http://guides.rma2.org/
Description: RMANYC's default template style
Version: 2.0
Author: RMA
*/
@import url("http://www.rmanyc.org/css/global.css");
@import url("http://www.rmanyc.org/css/menu.css");
@import url("http://www.rmanyc.org/css/section.css");


/* ------THE LEFT NAV SECTION ------ */
#sideMenuLabel{border-bottom: 3px solid #FFFFFF;margin-left: -6px;margin-right: -3px;padding-bottom: 3px;color: black;}
/*#sideMenuLabel{width:11em;border-bottom: 3px solid #FFFFFF;margin-left: -.375em;margin-right: -.1875em;padding-bottom: .1875px;color: black;}*/
#sidebar {float:left;width:17%;height:1%;background-color:#727E83;padding:0px 3px 0 6px;font-family: Arial, Helvetica, sans-serif;}
#sidebar h1{padding:6px 3px 0 10px;background-color:#727E83;font-size:13px;font-weight:bold;color:black;}
#sidebar h1 a{text-decoration:none;	color: black;}
#sidebar ul {list-style: none;margin-top:0px;margin-left:0px;padding-top:5px;}
#sidebar ul ul {margin-top:3px;padding:0 5px;}
#sidebar ul ul li{font-weight:normal;line-height:1.1em;margin-bottom:.6em;}
#sidebar ul li {background: url(http://www.rmanyc.org/images/arrow-subnav-right.gif) no-repeat top left;text-indent:20px;display:list-item;background-position: 7% .6em;}
#sidebar ul ul li {background:none;text-indent:0;margin-left:17px;font-size: 0.9em;}
#sidebar li a:link, #sidebar li a:visited {text-decoration:none;color:#000;	font-weight: normal;}
#sidebar ul ul li a:link, #sidebar ul ul li a:visited {text-decoration: none;color: #333;font-weight: normal;}
#sidebar ul ul li a:hover {color:#FFFFCC;}
#sidebar li {line-height:190%;font-weight:normal;}
#sidebar li a:hover {color:#FCF0C3;}

#bread-crumb-box {padding-bottom:0;width:100%;background:#727E83;float:left;border-bottom:solid 4px #fff;}
#bread-crumb-box ul {float:right;padding:3px 0;font-family: Arial, Verdana;font-size:12px;}
#bread-crumb-box li {color:#000;display:inline;padding:0;padding-right:4px;padding-left:0px;}
#bread-crumb-box li a:link, #bread-crumb-box li a:visited {color:#000;padding:3px;	font-weight: normal;text-decoration:none;}
#bread-crumb-box li a:hover {color:#FCF0C3;}

/* ------CONTENT-BOX in CONTENT LAYOUT DIV-------- */
.last-box {border-bottom:0 !important;}
.wide-content-left {float:left;width:100%}
.wide-content-right {float:right;width:32.5em}
.narrow-content-left {float:left;width:16.875em}
.narrow-content-right {float:right;width:16.875em}
.narrow-content-right img {width:15.625em;}

#content .wide-content-left ul {padding-right:30px;list-style-image:none;list-style-position:outside;padding:5px 30px 5px 40px;}
#content .wide-content-left img, #content .narrow-content-left img {padding:0 10px 0 0;}
#content .wide-content-right img, #content .narrow-content-right img {padding:0 0;border:solid 1px #000;}

/*this is a fix for dealing with images in .narrow-content-right that are too narrow*/
#content .narrow-content-right img {text-align:center !important;display:inline;}
#content .narrow-content-right p {padding:0px 0px 10px 0px;}
#content .narrow-content-right h2 {padding:0px 0px 10px 0px;}
#content .narrow-content-right h3 {padding:0px 0px 10px 0px;}
#content .narrow-content-right h4 {padding:0px 0px 10px 0px;}

/* ------TEXT AND OTHER ELEMENTS IN #CONTENT-------- */
/* need to look over these h1 and h2 and see what's going on */
#content h1 {font-size:.8em;line-height:165%;margin: 0 0 1em .5em;color:#a9704a;}
#content h2 {background:none;line-height:150%;text-indent:0;}
#content h1 {margin-left:10px;color:#000;font-size:130%;font-weight:bold;}
.content-box h2 {color:#000;font-size:105%;font-weight:bold;}
.content-box h3 {color:#000;font-size:90%;font-weight:bold;}
#content h4 {margin-left:10px;}
#content hr {color: #fc9;background-color:#fc9;height:1px;margin-right:20px;border: 0;}
#content dl h3 {margin-bottom: 5px !important;}
#content dl {padding:5px 30px 20px 25px;}
#content  dt {margin-top:15px;font-weight:bold;}
#content  dd {margin-bottom:5px;}
#content .generic dt {font-style:italic;margin-top:10px;font-weight:bold;}
#content .generic dd {margin-bottom:5px;}

.exhibition-date {font-weight:bold !important;margin:-5px 0;}

.resources {margin-left:40px;}

.content-box, .post, ol li {background-color:#EFECCA;border-bottom:4px solid #FFFFFF;float:left;padding:20px 0;width:100%;}

#highlight {background:#727E83 url(images/highlight-teens-h887.jpg) no-repeat scroll center bottom;border-bottom:4px solid #FFFFFF;border-right:0 none;clear:both;float:left;height:150px;width:980px;
}

 /* search */
 #searchform #searchsubmit {border:1px solid;margin-left:20px;}
 
 /* template */
 div small {margin:0 0 0 15px;}
 .commentlist li {font-size:1em}