.mainBody{text-align: center;font:14px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;/*background:#fff url(images/bg_wht.gif) repeat-x top left;*/}
div#wrapper{width:656px;margin:0 auto;text-align:left;overflow:hidden;}
div#branding{display:block;height:100px;background:transparent url(images/logo.jpg) 0 10px no-repeat;}
div#content{font-size:80%;line-height:140%;width:100%;clear:both;min-height:400px;}
div#leftContent{width:272px;float:left;}
div#rightContent{width:384px;float:right;}
div#leftHomeContent{width:50%;float:left;}
div#rightHomeContent{width:50%;float:right;}
div#rightInnerContent{padding-left:15px;margin-top:30px;}
div#leftInnerContent{padding-right:15px;margin-top:30px;}
div#content p{margin:0 0 1.2em;line-height:1.4em}
div#footer{width:100%;padding:2px 0;background:#000;border-top:15px solid #ddd;margin-top:30px;font-size:0.7em;color:#ddd;}
div#footer a:link,div#footer a:visited {color:#fff;}
div#footer a:hover,div#footer a:active {color:#999;}
div#footer ul{display:inline-block;width:656px;margin:0 auto;text-align:left;}
div#footer ul li{ list-style-type:none;display:inline;}
div#copyright{width:656px;background:#fff;text-align:left;font-size:0.7em;padding-top:1.3em;margin:0 auto;}
h1 a{display:block;height:5em;line-height:5em;width:656px;text-indent:-9999px;}
h2{font-weight:700;margin:20px 0 0.6em;font-size:1.0em}
h2 a{line-height:1.1em;}
h3{font-weight:700;margin:0 0 0.3em;}
h4{font-weight:700;}
h4 a{font-weight:700;}
h4 img{margin-right:7px}
h5{font-style:italic;}
h5.last{margin-bottom:1.2em;}
strong{font-weight:700;}
a:link{color:#003366;}
a:visited{color:#003366;}
a:hover{color:#003366;}
a:active{color:#003366;}
hr{height:1px;color:#e6e6e6;border:1px solid #e6e6e6;display:block;margin:1.0em 0}
ul.normal{margin-left:40px;margin-bottom:1.5em;margin-top:0.5em;list-style-type:disc;}
ul.normal li{padding-left:0.2em;line-height:1.3em;}
ul.normal ul.sub{list-style-type:none;margin-bottom:0.8em;}
.red{color:#900}
/* menu 
div.argMenu{background:#fff;position:absolute;top:0;right:0;margin-top:53px;}*/
div#menu{z-index:9999;width:100%;border-bottom:1px solid #555;position:absolute;top:4.1em;left:0;background:#757575}
div.argMenu{width:658px;margin:0 auto;background:#757575}
.argMenu ul.AspNet-Menu /* Tier 1 */{font-size:0.80em;z-index:3;float:right;}
.argMenu ul.AspNet-Menu ul  /* Tier 2 */ {width: 140px;top: 100%;left:-1px;}
.argMenu ul.AspNet-Menu ul ul  /* Tier 3+ */ {top: 0.5em;left: 134px;}
.argMenu li /* static li+*/{width: 93px;background: transparent; /*#000;*/border-right:1px solid #ddd;background:#757575}
.argMenu ul.AspNet-Menu ul li{width:135px;background:#ddd;border-right:1px solid #000;border-bottom:0px;position:relative;white-space:nowrap}
.argMenu ul.AspNet-Menu ul ul li{width:123px;background:#ddd;border-bottom:0;white-space:nowrap}
.argMenu li:hover, /* list items being hovered over */.argMenu li.AspNet-Menu-Hover{color:#000;/*#fff;*/}
.argMenu a, /* all anchors and spans (nodes with no link) */.argMenu span{color:#fff;padding: 0 3px 0 0;text-align:right;line-height:2.4em;height:2.4em;}
.argMenu ul ul li.AspNet-Menu-Leaf a, /* 2nd tier leaves */.argMenu ul ul li.AspNet-Menu-Leaf span{background:#ddd;padding: 0 3px 0 0;}
.argMenu ul ul ul li.AspNet-Menu-Leaf a, /* 3rd tier leaves */.argMenu ul ul ul li.AspNet-Menu-Leaf span{text-align:left;padding: 0 0 0 3px;background:#ddd; white-space:nowrap;width:120px;}
.argMenu li:hover a, /* hovered text */.argMenu li:hover span,.argMenu li.AspNet-Menu-Hover a,.argMenu li.AspNet-Menu-Hover span{color:#000;/*#999;*/background:#eee;}
.argMenu li:hover li:hover a,
.argMenu li:hover li:hover span,
.argMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.argMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.argMenu li:hover li:hover li:hover a,
.argMenu li:hover li:hover li:hover span,
.argMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.argMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span{color:#000;background:#eee;}
.argMenu li:hover li a, /* the tier above this one is hovered */
.argMenu li:hover li span,
.argMenu li.AspNet-Menu-Hover li a,
.argMenu li.AspNet-Menu-Hover li span,
.argMenu li:hover li:hover li a,
.argMenu li:hover li:hover li span,
.argMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.argMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span{color: #000;background:#ddd;}
.argMenu li .AspNet-Menu-Selected  /*first tier is selected */{color:#ddd}
.argMenu li .AspNet-Menu-Selected:hover{color: #336699 !important;}
.argMenu li li .AspNet-Menu-Selected{color: #336699 !important;}
/* end menu */
em{font-style:italic}
p.caption{font-size:0.9em;margin:0 0 2.2em;padding:0;display:block;}
h3.right{margin-bottom:0;}
p.right{margin-bottom:1.2em;}
p.right, h3.right{width:100%;text-align:right;}
.watermark{color:#aaa;}
.modalBackground {background-color:#ddd;filter:alpha(opacity=70);opacity:0.7;position:relative;z-index:20000}
.modalPage{background:#fff;width:600px;min-height:200px;border: 1px solid #666;padding: 20px;}
.cssButton{cursor:pointer;border:1px solid #ccc;padding:3px;background:#ddd;margin:0;text-decoration:none;font-weight:700;width:74px;text-align:center;font-size:0.9em}
.cssButtonSmall{cursor:pointer;border:1px solid #ddd;padding:1px;background:#eee;margin:0;text-decoration:none;font-weight:normal;text-align:center;font-size:0.8em;}
.wide {width:auto;font-size:1.0em;}
.cssButtonX{width:50px;cursor:pointer;background: #ccc;position:absolute;right:45px;top:20px;z-index:1000;border: 1px solid #ccc;padding: 2px;margin: 0 0 10px 0;text-decoration: none;text-align: center;font-size: 1.0em;color: #c00;font-weight:700;}
.cssButtonX:hover{background:#c00;border: 1px inset #ccc;color:#eee;}
.cssButton:hover{border: 1px inset #ccc;background:#eee;}
.cssButtonSmall:hover{border: 1px inset #eee;background:#ccc;}

#popupGallery .cssButton{display:block;width:auto;float:left;margin-right:10px;white-space:nowrap}
/* Home Page */
/* Home page images should be 294px (1px padding and 1px border will be added by CSS and rotator control settings)*/
img{background:#999;border:1px solid #000;margin:0;}
img.clean,span.clean img{padding:0;background:transparent;border:0;}
img.marLeft{margin-left:5px}
.inlineImg{padding:0;margin:0 3px;background:transparent;border:0;}
h3#whatwedo{height:25px;width:125px;display:block;text-indent:-9999px;background:url(images/whatwedo.jpg) no-repeat;border-bottom:1px solid #999;width:100%;margin:20px 0 0.8em 0}
h3#newsevents{height:25px;width:125px;display:block;text-indent:-9999px;background:url(images/newsevents.jpg) no-repeat;border-bottom:1px solid #999;width:100%;margin:30px 0 0.8em 0}
h3#message{height:25px;width:125px;display:block;text-indent:-9999px;background:url(images/message.jpg) no-repeat;border-bottom:1px solid #999;width:100%;margin:20px 0 0.8em 0}
h3#featuredworks{height:25px;width:125px;display:block;text-indent:-9999px;background:url(images/featuredworks.jpg) no-repeat;border-bottom:1px solid #999;width:100%;margin:10px 0 0.8em 0}
div#content p.readMore{padding:3px 3px 3px 0;background:#ddd;margin-top:0.6em;text-align:right;margin-right:10px;margin-bottom:0.5em;}
img.pdf{vertical-align:text-bottom;padding:0;margin:0 3px;background:transparent;border:0;float:none;}
div#innerContent img.Main{float:right;margin:20px 0 15px 15px;}
p.centered{text-align:center}
p.clear{display:block;clear:both;}
div#content p#noMargin{margin:0;}
/* contact page */
div#mailWrapper{margin-bottom:1.0em;}
#progressBackgroundFilter{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;overflow: hidden;padding: 0;margin: 0;background-color: #999;z-index: 1000;filter:alpha(opacity=70);
	opacity:0.7;}
#processMessage{position:absolute;top:40%;left:45%;padding: 10px;width: 130px;z-index: 1001;background-color:#e6e6e6;border: solid 1px #000;font-weight: 700;font-size: 90%;text-align: center;line-height: 1.2em;}
#processMessage img{margin: 0 auto;border:0;padding:0;}

.sendMailTable{width:100%}
.sendMailTable td{padding:3px;}
.sendMailTable td.right{text-align:right}
.sendMailTable td.right input{margin-left:10px;width:240px;}
.sendMailTable td.checkBox input{margin-right: 5px;}
span.red{color: #CC0000;}
p.mailNotice{display:block;border:1px solid #333;padding:4px 4px 4px 0;background:#ddd;margin-top:1.1em;text-align:center;margin-bottom:1.0em;font-weight:700;font-size:1.2em}
/*key personnel*/
.accordionHeader{background:#ccc;padding:5px;margin-bottom:5px; text-decoration:underline;cursor:pointer;display:block;}
.accordionHeader h3{margin:0;display:block;width:100%}
.accordionContent img{margin-right:10px;}
.accordionHeaderSelected{background:#eee;padding:5px;margin-bottom:5px;cursor:pointer;display:block;}
.lbEmail{border:1px solid #ccc;padding:4px;background:#eee;margin:5px 10px 10px 0;text-decoration:none;font-weight:700;float:left;clear:left;width:94px;text-align:center;}
/*installations*/
.accInstallsContent p{text-align:center;}
.accInstallsContent p img{margin-top:1.2em;}
div#installWrapper{position:relative;}
ul.thumbnails{width:255px;float:left;}
ul.thumbnails li {line-height:1em;margin-bottom:1.2em}
ul.thumbnails li span{margin:0;font-size:0.9em;color:#666}
#thumbRotatorControls{margin-bottom:4px}
/* login page */
div#loginWrapper{position: relative;width: 650px;height: 620px;margin: 50px auto;background: url(images/bgLogin.jpg) #fff no-repeat center top;text-align: left;color: #fff;font-weight: 700;}
a#loginHome{color: #fff;position: absolute;top: 35px;left: 70px;}
p#LoginName{color: #fff;position: absolute;top: 35px;right: 36px;}
a.AdminLink{color:#fff}
table.loginTable{position: absolute;top: 80px;left: 75px;font-size: 80%;width:400px;}
table.pwRetrieveTable{position: absolute;top: 210px;left: 75px;font-size: 80%;width:400px;}
div#loginStatus{position: absolute;top: 0px;left: 140px;}
table.changePwTable{position: relative;left: 40px;top: 230px;font-size: 80%;}
div#loginStatus a{position: absolute;top: 150px;left: 20px;display: block;height: 67px;width: 200px;text-indent: -9999px;}
div#loginStatus a{left: 0px;background: transparent url(images/btnLogout.gif) top left no-repeat;}
div#loginStatus a:hover, div#loginStatus a:active{background-position: bottom left;}
.warningMessage{padding: 2px 3px;background-color: #fff;color: #F00;position: absolute;top: 360px;left:60px;width:530px;font-weight: 700;text-align: left;font-size: 80%;display: block;border:1px #ddd groove;}

/*featured */
img.featureImage{background:#ddd;padding:3px}

/*gallery pages */
table.galleryList td{font-size:0.85em;line-height:1.4em; border-collapse:separate }
table.galleryList td.galleryImage{width:100px;height:100px;text-align:center;background:#e6e6e6;padding:5px;}
table.galleryList td.galleryImage img{padding:0;}
table.galleryList td.work a{font-weight:700}
.artistName{font-weight:700}
.workName{color:#900; font-style:italic;font-weight:700}
div#galleryWrapper{position:relative;font-size:1.0em;height:480px;overflow:auto;}
.modalGalleryPage{background:#fff;width:90%;max-width:1200px;min-height:200px;border: 1px solid #666;padding: 20px;}
img.galleryImage{padding:4px;background:#ddd;margin:0;float:left;margin-right:10px;}

div#galleryPageWrapper{position:relative;top:0;left:0;}
div.UpdateProgressMain{position:absolute;left:45%;top:110px}
.printOnly{display:none}
.errortext{font-size:1.2em;font-weight:700;color:#993333;}

div#popupGallery{width:770px;padding:5px;font-size:0.9em}
div#popupGallery img{float:right;margin:0 0 10px 10px;}
div#popupGallery p{margin:0 0 1.0em;line-height:1.2em}
div#singleInnerContent{padding-left:1px;}
.mailImage{margin-top:1.1em;}

/* News-Pressroom */
.pressroomImage{float:left;height:30px;width:30px;display:table-cell;vertical-align:middle;margin-right:6px;text-align:center;background:#e6e6e6;padding:5px;overflow:hidden}
.pressroomImage img{max-height:30px;max-width:30px;}
.newsItem{line-height:1.2em;width:50%;padding:4px 0;}
div#rightNewsContent{width:369px;float:right;}
div#rightInnerNewsContent{padding-left:5px;margin-top:0;}
img.floatLeft{float:left;}
div#documentsList{float:left;padding:10px;border:1px solid #999;width:250px;margin: 2.0em 0}
ul#documents{margin-left:40px;margin-bottom:1.5em;margin-top:0.5em;list-style-type:disc;}
ul#documents li{padding-left:0.2em;line-height:1.3em;}

/* staff page */
td.staff{vertical-align:top}
td.staff img{clear:left}
.bioButton{margin-top: 0.5em}

/* Admin Menu */
div#adminMenu ul{overflow:hidden;margin:0 0 1.0em 0;padding:0;font-size:0.95em}
div#adminMenu ul li{float:left;border-right:1px solid #fff}
div#adminMenu ul li.last{border-right:none}
div#adminMenu ul li a{font-family: Arial, Helvetica, sans-serif;font-weight: 700;display: block;padding:5px;background: #000;color: #fff;}
div#adminMenu ul li a:hover{background: #0099CC;color: #fff;}

ul#alphalist{overflow:hidden;margin:0 0 1.0em 0;padding:0;font-size:1.4em;clear:both;}
ul#alphalist li{float:left;background:#ddd;}
ul#alphalist li a{padding:6px;display:block;border:1px #000 outset;}
ul#alphalist li a:hover{border:1px #000 inset;}

ul#artistList{overflow:hidden;margin:0 0 1.0em 0;padding:0;font-size:1.1em;clear:both;}
ul#artistList li{width:33%;padding:4px 0;float:left;}
ul#artistList li a{display:block;}
ul#artistList li a:hover{color:#0a71ab}

.adminButton{cursor:pointer;border:1px solid #ccc;padding:1px 2px;background:#ddd;margin:0;text-decoration:none;text-align:center;font-size:0.9em;}
table.editTable{border:solid 1px #666;padding:0; border-collapse:collapse;margin:1.0em 2.0em 0 0}
table.editTable th{background:#bfbcb6;font-weight:700;padding:4px;border-bottom:solid 1px #666;border-top:solid 1px #666}
table.editTable td{padding:2px 4px;}
table.editTable th.right{text-align:right;width:150px;border-right:solid 1px #666;font-size:1.2em}
table.editTable tr.alt{background:#eee}

.modalAdminPage{background:#fff;width:400px;border: 1px solid #666;padding:10px;font-size:0.9em}
h2.admin{font-weight:700;color:#0099CC;font-size:1.3em}
.message{font-weight:700;color:#0099CC}
.modalAdminPage h2{margin:0;font-size:1.3em}

/*membership admin page*/
table.MembershipGridView{width:100%;}
table.MembershipGridView td{padding:3px 4px;border: #7f1416 1px solid;text-align: left;}
table.MembershipGridView a:link{text-decoration:underline;}
.gvTextField{width:70px;}
.gvTextFieldWide{width:130px;}
.gvMembershipRow{}
.gvMembershipAlternating{}
.gvMembershipSelected{background-color: #D9E1FF;font-weight:700;}
.gvMembershipHeader, .inputHeader{text-align:right;font-size:90%;font-weight: 700;text-transform: capitalize;color: #fff;background-color: #0a71ab;border: #7f1416 1px solid;padding: 2px 4px;}
.gvMembershipHeader a:link{color: #fff;font-weight: 700;font-size: 0.9em;}

.gvMembershipRow a:link, .gvMembershipAlternating a:link{}
.gvMembershipEdit a:link{}
.gvMembershipSelected a:link{}
.gvAssignRoleHeader th{padding: 2px 4px;background-color: #0a71ab;color: #fff;font-weight: 700;text-align: center;}
.userInRole{text-align: right;text-transform: uppercase;background-color: #d6e0f2;font-weight: 700;}
.userNotInRole{text-align: left;text-transform: lowercase;}
.userInRole td, .userNotInRole td{padding: 2px 4px;}
.gvAssignRoleRow{padding: 2px 4px;color: #333;font-weight: 700;text-align: center;}
.chkRoles input{margin-right: 5px;}



ul#ulWorks{overflow:hidden;}
ul#ulWorks li{display:block;background:#eee;float:left;text-align:center;margin:4px;width:100px;height:100px;padding:4px;}
ul#ulWorks li img{margin:auto}
ul#ulWorks li.tall{height:140px;overflow:visible;}
ul#ulWorks li.tall p{text-align:left;font-size:0.85em;line-height:1.0em;}

div#worksWrapper{height:400px;overflow:auto;}
@media print{
.noPrint{display:none;}
.printOnly{display:block}
}