/* ************* STANDARD CLASSES *************** */
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 1200px;
	background: url(http://blantonmuseum.org/images/bma/footer/bg_gradient.jpg) repeat-x bottom;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #666D70;
	}
p, blockquote, li, select, label, legend {
	font-size: 0.8em;
	line-height: 1.2em;
	color: #666D70;
	}

p 
{
margin-bottom: 10px;
}

/* Forms */	
label, input {
	margin: 0; padding: 0; 
	}

/* images */
img {
	border: 0;
	}
img.rlvrBrdr, div.thmb_img_cntnr img {/*add 3px border on rollover*/
	padding: 3px;
	background-color: #FFF;
	}
img.rlvrBrdr:hover, div.thmb_img_cntnr img:hover {/*add 3px border on rollover*/
	background-color: #1e71d5;
	}		
/* Image Caption Styles: */
.imageCaptionContainerRight {
	/*background-color: #919693;*/
	margin: 0px 0px 10px 10px; 
	float: right;
	}
.imageCaptionContainerLeft {
	/*background-color: #919693;*/
	margin: 0px 10px 10px 0px; 
	float: left;
	}	
.imageCaptionContainerCenter {
	/*background-color: #919693;*/
	margin: 0px 0px 10px 10px; 
	float: none;
	}	
.imageCaptionContainerLeft p, .imageCaptionContainerRight p, .imageCaptionContainerCenter p {
	font-size: 0.7em;
	padding: 2px 5px; 
	margin: 0px;
	}

/* links */		
a {
	color: #1e71d5;
	text-decoration: none;
	}
a:hover {
	color: #1e71d5;
	text-decoration: underline;
	}
a:active {
	color: #1e71d5;
	}
a:visited {
	color: #1e71d5;
	}
a.skiplink { /* hide the "skip navigation" link */
	position: absolute;	
	top: 0px;
	left: -999px;
	font-size: 0.8em;
	color: #1e71d5;
	}
a.skiplink:focus { /*show "skip navigation" link on focus*/
	top: 46px;
	left: 430px;
	}
	
/* Headers */
h1, caption {
	font-size: 1.0em;
	line-height: 1.4;
	color: #666D70;
	margin:1em 0;
	}
h2 {
	font-size: 0.9em;
	line-height: 1.4;
	color: #666D70;
	margin:1em 0;	
	}
h3 {
	font-size: 0.8em;
	line-height: 1.4;
	color: #666D70;
	margin:1em 0;	
	}

/* lists */
ol {
    list-style-type: decimal;
    margin-left: 40px;
    margin-bottom: 10px;
}
ul li p {
	margin-left: 30px;
	}
ul li p.headline {
	font-size: 1.1em;
	}
li ul li {
	font-size: 1.0em;
	}
dl {
	
	font-size: 0.8em;
	padding: 10px 5px;
	}
.p_border { border-bottom: 1px solid #919693; height: 20px; }
.cafe_title { line-height: 1.0em; margin: 0 4.0em 0 0; }
			
hr {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #919693;
	height: 0px;
	}
hr.cleaner {  /*<hr /> that causes the background of a div to render properly (all the way down the div)*/
	clear: both;
	height:1px;
	margin: -1px 0px 0px 0px; 
	padding: 0;
	border:none;
	visibility: hidden;
	}

/* Tables */
/*replace later with: td p { }*/
p.table {
	margin: 0px 12px 5px 0px;
	}	
			
/* ************ SECTIONS OF THE PAGE ************** */		
/* Page Skin - skin/bma/bma_page_header*/
#container {
	width: 746px; 
	text-align: left;
	margin: 0px auto;
       overflow: auto;
    border: 1px solid #919693;
    background:#fff;
}
label#searchText {
	margin-left: 40px;
	font-size: 0.8em;
	}
#topMenu form {
	margin: .5em 23px 0 0;
	}

/* TOP MENU STYLES */
#cofa_ut_links {
	height: 40px;
	}
#bmaWordmark {
	float:left;
	width: 360px;
	}
#bmaWordmark.img {
      margin: 0; padding: 0; 
}
#utWordmark {
 
	width: 360px;
	float: left;
	}

#cofaWordmark {
	width: 126px;
	margin-right:20px;
	float: right;
	}
#topMenu {
	height: 52px;
	}

#htdigSearch {
	float:right;
	}
#topOfMenu {
	height: 1em;
	padding-right: 16px;
	margin: 1em 0 .2em;
	}
#topOfMenu li{
	font-size: 0.7em;
	letter-spacing: 0em;
	padding: 0px 7px;
	margin: 0px;
	display:inline;
	font-weight:bold;
	float:right;
	}	
#topOfMenuItems {
	clear: both;
	height:1.4em;
	padding-right:13px;
	}	
a.top_menu_link {
	color: #666d70;
	}
a.top_menu_link:hover {
	text-decoration: none;
	color: #1e71d5;
	}
a.top_menu_link:active {
	color: #1e71d5;
	}
/* these styles are for the top menu link for the current (active) directory (different color if desired) */
a.top_menu_link_active {
	color: #1e71d5;
	font-weight: normal;
	}
a.top_menu_link_active:hover {
	text-decoration: none;
	color: #1e71d5;
	}
a.top_menu_link_active:active {
	color: #1e71d5;
	}	
div.top_menu_pointer {
	visibility: hidden;
	}

#orangeBar {  /* No longer orange */
	background-color:#1e71d5;
	height:2px;
	margin-bottom:20px;
	width:746px;
	}
	
/* BOTTOM MENU STYLES */

.bottomOfMenuLink {
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:132px;
	background-color: #fff;
	color: #32345d;
	font-weight:bold;
	}
.bottomOfMenuLink li {
	float:left;
	font-size:0.7em;
	line-height:0.8;
	margin:0;
	padding: 0 10px;
	white-space: nowrap;
	}
.bottomOfMenuLink li img {
	bottom:5px;
	position:relative;
	}	
	
#visit_menu ul{
	width:706px;
	padding-left:40px;	
}
#works_of_art_menu ul{
	width:576px;
	padding-left:170px;
}
#experience_the_blanton_menu ul{
	width:576px;
	padding-left:160px;	
}
#interact_menu ul{
	width:686px;
	padding-left:60px;
}
#academic_resources_menu ul{
	width:346px;
	padding-left:400px;
}
#get_involved_menu ul{
	width:735px;
	padding-left:10px;	
}
#get_involved_menu ul li{
	padding: 0 5px;
}
#about_menu ul {
	padding-left:150px;
}	
div.secondary_top_menu {
	visibility: hidden;
	}
div.secondary_top_menu_active {
	visibility: visible;
	}	

#header_banner {
	clear: left;
	float: left;
	margin: 10px 20px 0px 20px;
	display: inline;
	}
/* right menu */
p.right_menu {
	margin: 11px 0px 0px 10px;
	padding: 0px;
	line-height: 1.2;
	}
p.right_menu_indent {/* indented right menu items with special bullet */
	margin: 9px 0px 0px 25px;
	line-height: 1.2;
	}
/* left menu */
div.thumbnail_menu_item {
	clear: left;
	float: left;
	width: 270px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	}	
div.thumbnail_menu_item img {
	clear: left;
	float: left;
	padding: 3px;
	background-color: #FFF;
	margin-right: 10px;
	}	
div.thumbnail_menu_item img:hover {
	background-color: #1e71d5;
	}
div.thumbnail_menu_item p {
	margin: 0px;
	}
/* content area */	
#aligner {/*this style should be added to all the main stylesheets across our sites to prevent unnecessary margins in some browsers*/
	margin: 0px;
	padding: 0px;
	}	
#left {
	border: 0px;
	clear: left;
	float: left;
	display: inline-block;/* fixes IE6 bug where it doubles the left margin */
    width: 280px;    
	padding: 10px;
    margin-left: 20px;
	overflow: visible;
	}
#rmiddle {
	background: #FFF;
	float: left;
	padding: 10px;
	display: inline-block;
    width: 394px;
	}
#middle {
	background: #FFF;
	display: inline-block;
	}
/* Right Menu Stlyes And CODE/assemblers/right_assembler */
#right {
	background: #FFF;
	border: 0px;
	float: left;
	padding: 0px;
	display: inline;
	}
#right div.lister ul li ul {/*fixes recursive right menus in IE*/
	margin-left: 10px;
	}
div.lister a.right_menu_links {/*to eventually be replaced by next style*/
	font-size: 0.9em;
	letter-spacing: 0em;
	color: #1e71d5;
	}
#right div.lister ul.noBullet a {/*styles for Blanton right menu links - replaces above style*/
	font-size: 0.9em;
	letter-spacing: 0em;
	color: #1e71d5;
	margin: 14px 0px 0px 10px;
	/*display: block;*/
	line-height: 1.2em;
	}	
div.lister div.active {/* special bullet for currently active indented right menu item */
	background-image: url(http://blantonmuseum.org/images/bma/ul_dash.gif);
	background-repeat: no-repeat;
	background-position: 14px 20px 0px 0px;
	}
div.lister div.active_indented{/* special bullet for currently active indented right menu item (will be made unnecessary by ul style above)*/
	background-image: url(http://blantonmuseum.org/images/bma/ul_dash.gif);
	background-repeat: no-repeat;
	background-position: 14px 0px;
	}
/* Secondary Menu - CODE/menu/menus */
ul.secondaryMenu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.9em;
	display: block;
	}	
ul.secondaryMenu li {
	list-style-type: none;
	margin: 7px 0px 7px 0px;
	padding: 0px 0px 0px 0px; 
	}
ul.secondaryMenu li ul {
	list-style-type: none;
	margin: 7px 0px 7px 0px;
	padding: 0px 0px 0px 14px; 
	line-height: 100%;
	}		
ul.secondaryMenu li ul li {
	list-style-type: none;
	margin: 7px 0px 7px 0px;
	padding: 0px 0px 0px 0px; 
	}			
ul.secondaryMenu li.active{/* special bullet for currently active indented right menu item (will be made unnecessary by ul style above)*/
	list-style-type: none;
	background-image: url(http://blantonmuseum.org/images/bma/ul_dash.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	}
/*this div (which contains only an &nbsp;) is used to force the gecko browsers to wrap the background around floated elements (IE does this automatically) - CODE/assemblers/cotent_assembler and backgraound_image_assembler */	
#backgroundFix {
	visibility: hidden;
	color: #FFFFFF;
	clear: both;
	height: 0px;
	}
/* Footer */	
#footer {
	clear:both;
	float:left;
    background:#fff;
	}
.footer_inner {
	width:746px;
	border-top: solid #919693 1px;
	margin-top:5px;
        text-align:center;
	}	
#footer li{ 
	display:inline;
	margin: 0 8px;
	font-size:.7em;
	}
#footer ul{
	padding: 1.5em 0;
	margin:0;
	}	
#social {
	float: right;
        margin-right: 20px;
	}
#social li{ 
	display:inline;
	}
#social ul{
        padding: .9em 0;
	margin:0;
	}				

/* **************** STANDARD USE CLASSES FOR THE SITE ********************** */	
.smaller {
	font-size: 0.7em;
	}		
.subhead { /*must be within another element like p or li */
	font-size: 1.0em;
	font-weight: bold;
	}
.headline {
	font-size: 0.9em;
	}
.smallcaps {
	text-transform:uppercase;
	font-size: 80%;
	}
/* *************************** FEATURES USED ON THE SITE ********************** */
/* SLIDESHOW - works_of_art\collections, exhibitions, exhibitions\a_century_of_grace */
#slideshowContainer {
	position: relative;
	width: 309px;
	margin-left: 60px;
	}
#slideshowNavigation {
	position: absolute; 
	top: 277px; 
	left: 220px;
	}

/* ********************* SPECIFIC PAGES ********************** */
/* Home Page */
.hmpg h2 {
	margin-top: 0;
	font-size:1em;
	}
.hmpg li{
	margin-bottom:1em;
	}	
.hmpg_feature, .hmpg_ads {
	clear:both;
	float: left;
	}
.hmpg_feature{
	margin: 10px 0 20px;
    padding: 0 10px;
	background: url(http://blantonmuseum.org/images/bma/hmpg_feature/hmpg_feature_bg.png) repeat-y top;	
	}
.hmpg .smaller {
	font-size: 0.85em;
	}		
.hmpg_feature_column1 {
	float:left;
	width:498px;
	padding:0 10px 0 0;
	}
.hmpg_feature_column1 h1 {
	margin:0;
	}	
.hmpg_feature_column2 {
	float:left;
	width:185px;
	padding:0 15px;	
	/*border-bottom: 1px solid;*//* should only be present when an ad is featured beneath exhibition list*/
	}
.hmpg_feature_column2 ul{
	margin-bottom:0;
	}		
.hmpg_ads {
	background: url(http://blantonmuseum.org/images/bma/hmpg_ads/hmpg_ads_bg.png) repeat-y top;
	margin: 10px 0;
	}
.hmpg_ads h2 {
	margin-bottom: .5em;
	}	
.hmpg_ads_column1 {
	float:left;
	width:175px;
	padding:0 10px 0 15px;
	}
.hmpg_ads_column1 ul{
	margin:.5em 0 0;
	}	
.hmpg_ads_column2 {
	float:left;
	width:190px;
	padding: 0 15px;	
	}
.hmpg_ads_column2 p{
	margin: 0 0 .5em;
	}	
.hmpg_ads_column3 {
	float:right;
	width:298px;
	padding:0 15px 0 10px;
	}
.hmpg_ads_column3 h2{
	margin: 0 0 .5em 0;
	}			
/* Calendar */
#submenu li, #submenu form { padding-left:.5em; margin-right:.5em;}
#calendarContent, #submenu, #calendarRight { margin-top:.5em; }
#calendarContent table {  margin:0; padding:0 5px; }
#calendarContent { width: 575px; padding: 0; }
#calendarContent h1 { padding-left: 5px; }
#calendarDisplay td ul { padding:0; margin:0; font-size:.85em; }
#calendarRight li { margin-bottom: 1em }

/* about/press_photos */
p.prsPhts {
	margin: 0px 0px 30px 3px;
	}
.prsPhts {
	margin-top: 20px;
	width: 156px;
	}
#pressPhotos {
	margin: 20px 0px 0px 40px;
	}
#pressPhotos img, #pressPhotos a {
	display: block;
	}			
/* works_of_art/gallery */
p.glryTtl {
	padding-top: 20px;
	margin: 0px;
	text-align: center;
	clear: left;
	}
/*for main image gallery:*/
.gllryRwCntnr {
	width: 519px;
	clear: left;
	margin-bottom: 15px;
	}
.gllryThmbCntnr {
	width: 160px;
	margin-right: 5px;
	display: inline-block;
        zoom: 1; /* IE hack */
        *display: inline; /* IE hack */
        vertical-align: top;
	}
/* works_of_art/gallery and gallery_display */
#galleryContainer {
	width: 519px;
	}		
/* works_of_art/gallery_navigation */
div.glryBckNv {
	float: left;
	clear: left;
	width: 65px;
	}
div.glryNxtNv {
	clear: right;
	float: right;
	width: 65px;
	}
.thumbnail_gallery_navigation {
	margin-top: 10px;
	}	
.thumbnail_gallery_navigation img, .thumbnail_gallery_navigation form {
	display: block;
	margin: 0px;
	padding: 0px;
	}	
.thumbnail_gallery_navigation p, .thumbnail_gallery_navigation label /*FOR GALLERY*/ {
	margin: 0px 4px 4px 4px;
	padding: 0px;
	font-size: 0.8em;
	letter-spacing: -0.03em;
	}
.thumbnail_gallery_navigation .sort_navigation p {
	margin-left: 54px;
	}		
/* works_of_art/gallery_navigation, gallery, gallery_display, results & thumbnail_gallery_template */
a.actv_nvgtn {
	font-weight: bold;
	text-decoration: underline;
	}
div.thmb_img_cntnr {/*container for thumbnail images in the gallery - defines max height and width for text-alignment*/
	margin-top: 15px;
	width: 121px;
	height: 121px;
	}
/* works_of_art/detail and gallery_detail_template */	
#detail_image {
	clear: left;
	float: left;
	width: 272px;
	margin: 15px 10px 0 40px;
	}
#detail_navigation {
	margin-top: 5px;
	}
#detail_text {
	float: left;
	margin: 20px 0px 0px 20px;
	width: 374px;
	}		
/* interact/screensavers */
table.display {
	border-width: 1px;
	border-color: #919693;
	border-collapse: collapse;
	}
table.display th {
	border-width: 1px;
	border-color: #919693;
	}
table.display td {
	border-width: 1px;
	border-color: #919693;
	}
/*for text below thumbnails on image gallery pages*/	
table#image_gallery_table p {
	width: 120px;
	margin-left: 3px;
	}
/*for minor thumbnail image galleries (b_scene, etc.) - code\image_gallery\image_gallery and thumbnail_display */
/*.galleryImageContainer {
	text-align: right;
	}*/
.galleryThumbRowContainer {
	float: left;
	}	
.galleryThumbContainer {
	margin: 5px;
	float: left;
	display: inline;
	}
div.nextN {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 60px;
	display: inline;
	}			
/* about/grand_opening and grand_opening_highlights */
.grndOpnngLg {
	float: left;
	margin-left: 14px;
	margin-right: 14px;
	}
.grndOpnngLghtl {
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	}
.nwsQt {
	font: 0.8em/1.3em Arial;
	margin: 0px 0px 25px 40px;
	}
.bottomLogos {
	margin-top: 35px;
	height: 80px;
	}
#topLogos {
	height: 80px;
	}
#hotelsLogos {
	height: 80px;
	}	
	
/* get_involved\support_the_blanton\corporate_partner_program_left_include */
#corporateRoster li {
	width: 160px;
	text-align: center;
	margin: 20px 0px;
	}
		
/* ************ ARCHIVED (not found in site search Jan 2009) ****************** */	
div.crtrOutlnImg {
	clear: left;
	float: left;
	margin-left: 100px;
	}
div.clckcrtr {
	float: left;
	margin: 70px 0px 0px 10px;
	}
div.crtrinf {
	clear: left;
	margin-left: 100px;
	}
/* for gallery*/
span.thmbnl_mn_lnk_txt	{
	font-weight: bold;
	font-size: 0.8em;
	/*text-decoration: none;*/
	color: #F47C00;
	}	
span.thmbnl_mn_lnk_txt:hover {
	text-decoration: underline;
	}
	

/* Highlighted Events */
.highlighted_header { border-left: 1px #dcdcdc solid; padding-left: .5em; margin-top: .5em}
.highlighted_right { margin-left: 0; float: right; width: 33%; }
.highlighted_right_text { margin: 0; float: left; width: 50%; }
.highlighted_right_text strong { font-size: .85em; }

/*======================
TOP NAVIGATION MENU
======================*/
/*
#topMenu2 {
	width: 746px;
	border-bottom: 2px solid #1e71d5;
	position: relative;
        margin: 0 auto;
        margin-bottom: 25px;

}
*/
#topMenu2 {
	width: 746px;
	border-bottom: 2px solid #1e71d5;
	float:right;
        margin-bottom: 25px;

}
#topMenu2 ul { position: relative; list-style: none; width: 746px; font-size: 11px; text-align: right; }
#topMenu2 ul li { zoom: 1; display: inline-block; *display: inline; }
#topMenu2 ul li a { display: block; color: #666D70; text-decoration: none; font-weight: bold; margin: 8px 18px 0 0px; padding-bottom: 7px; text-transform: uppercase; }
#topMenu2 ul li a:hover { color: #1e71d5; }
#topMenu2 ul li ul { display: none; position: absolute; left: 0; margin-top: 2px; }
#topMenu2 ul li ul li a { text-transform: none; padding-bottom: 0px; }

.clear {clear:both;}

#leftA {
	border: 0px;
	clear: left;
	float: left;
	display: inline-block;/* fixes IE6 bug where it doubles the left margin */
    width: 480px;    
	padding: 10px;
	overflow: visible;
        margin-left: 20px
	}
#leftB{
       border: 0px;
       clear: left;
       float: left;
       display: inline-block;
       width: 280px;
       padding: 0px;
       overflow: visible;
       margin: 20px 10px 0pt 40px;
       
}
#rmiddleA {
	background: #FFF;
	float: right;
	padding: 10px;
    margin-right: 20px;
	display: inline-block;
    width: 120px;
	}
#rmiddleB{
         background: #FFF;
         float: left;
         padding: 0px;
        display: inline-block;
        margin: 8px 20px 0px 0px;
        width: 394px;
         }
#newsLeft {
	border: 0px;
	clear: left;
	float: left;
	display: inline-block;/* fixes IE6 bug where it doubles the left margin */
    width: 350px;    
	padding: 10px;
	overflow: visible;
        margin-left: 20px
	}
#newsRight {
	background: #FFF;
	float: right;
	padding: 10px;
    margin-right: 20px;
        margin:25px;
	display: inline-block;
    width: 240px;
	}
#calendarLeft{
       border: 0px;
       clear: left;
       float: left;
       display: inline-block;
       width: 150px;
       padding: 0px;
       overflow: visible;
       margin: 0px 10px 0pt 5px;
       
}

#event_details tr:nth-child(odd){
       background-color: #F6F6F6;
}
       


ul.bullet { list-style-type: disc; }
ul.bullet li { margin-left:40px; }

ul.circle { list-style-type: circle; }
ul.circle li { margin-left:40px; }

#searchresultsmsg {margin:10px; text-align:center;}
#singleCol {padding:10px 40px;}
#exhibition_index {float:left; overflow:visible; display:inline-block; width:280px; padding:20px 40px;}
#exhibition_gallery {float:right; display:inline-block; width:380px;}
#exhibition_details {float:left; display:inline-block; width:480px; padding:20px 40px;}
#exhibition_sidebar {float:right; display:inline-block; width:120px; padding:20px;}

.corp_logos { width: 180px; float:left; }
.corp_details { width: 300px; float:left; }

#uniq_exh_list p {margin-left:0;}

.arrow{
       padding-left: 10px;
}


/*======================
JS GALLERY
======================*/
#gallery_list_jq img { margin: 0 0 10px 10px; }
#gallery_list_arrows { text-align: center; }
#gallery_list_jq span {display: none;}
.gallery_meta {padding: 10px 0 10px 0; font-size:10px;}
.gallery_main_image { width: 280px; }