/*** CSS for Theatre Management Associates, Inc. ***/ /*** DEFAULT general styles section ***/ * { margin: 0px; padding: 0px; } li { color: white; font-size: 11px; line-height:18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; } a, a:link, a:visited { text-decoration: none; color: white; font-size: 12px; line-height:18px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } a:hover { color: #6ccff6; text-decoration: none;} a:active { color: white; text-decoration: none; } p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:18px; color: black; } h1 { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; text-align: left; } h2 { color: black; font-size: small; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; } h3 { color: black; font-size: 12px; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; } h4 { color: black; font-size: 13px; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; } h5 { color: black; font-size: 13px; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; } img.centered { display: block; margin-left: auto; margin-right: auto; } object.centered { display: block; margin-left: auto; margin-right: auto; } div.centered { display: block; margin-left: auto; margin-right: auto; } .floatleft { float: left; margin-left: 10px; margin-top: 15px; margin-bottom: 6px; margin-right: 20px; } span.disappeartest {font-size: 10px; font-weight:normal; color: #666600; text-align: center; margin-bottom: 1px; } .boldtest {font-weight: bold; } .smallgott {font-size: 13px; } body { background-color: #333333; } /*** TMA WRAPPER section ***/ #wrapper { background-image: url(images/lightgreenback.gif); text-align: left; width: 752px; margin-top: 10px; margin-right: auto; margin-left: auto; overflow: auto; border: 1px solid white;} /*** TMA logo and top navigation section ***/ #logotop { width: 750px; float: left; background-color: #66672C; border-bottom: 2px ridge silver; } #navright {width: 150px; float: right; margin-right: 25px; margin-top: 10px;} #navright ul { background-color: #666600; } #navright li { margin-left: 20px; text-decoration: none; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; display: inline; } #navright a { color: #f5f0f0; } #navright a:hover {color: #cccccc; } #tmaheader {width: 360px; height: 79px; float: left; margin-left: 20px; padding-top: 20px; padding-bottom: 9px;} /*** TMA midcontainer ***/ #bodycontainer { width: 750px; float: left; } /*** TMA leftnav ***/ #navleftbox {width: 225px; float: left; margin-top: 8px; } #navleft ul { text-indent: 7px; list-style-type: none; margin-top: 5px; margin-left: 25px; margin-right: 25px; } #navleft li { clear: both; padding-top: 10px; text-decoration: none; } #navleft li a { font-family: verdana; color: #000; font-size: 11px; font-weight: bold; text-decoration: none; background-image: url(images/greenbuttonup.gif); width: 100%; display: block; text-align: left; text-indent: 15px; width: 175px; height: 22px; padding-top: 2px; border: solid 1px black; } #navleft li a:link {color: #990000; } #navleft li a:visited {color: #990000; } #navleft li a:hover {color: white; background-image: url(images/greenbuttonhover.gif);} #navleft li a#current { color: white; background-image: url(images/greenbuttonhover.gif); } #navleftboximg { float: left; margin-right: 15px; background-image: url(images/wevegotyourhouse.gif); } #navleftbox h6 { color: #666600; padding-top: 30px; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; margin-left: 63px; } #navleftbox h7 { color: #666600; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; margin-left: 4px; } /*** TMA BODY HOME Page***/ #bodycontenthome { padding-bottom: 40px; padding-top: 30px; width: 520px; float: right; background-image: url(images/verticalfauxtext.gif); background-repeat: repeat; border-left: 1px ridge silver; } #bodyimagehome img.centered { display: block; margin-left: auto; margin-right: auto; } /*** TMA BODY HOME NUMBER 3 Page***/ #bodycontenthome3 { width: 520px; float: right; background-image: url(images/verticalfauxtext.gif); background-repeat: repeat; border-left: 1px ridge silver; } #bodycontenthome3narr { width: 480px; float: right; margin-right: 11px; margin-bottom: 8px; } .linkbarhome span { display: none; } #bodycontenthome3narr img { margin-right: 12px; margin-bottom: 5px; } #bodycontenthome3narr h3 { margin-top: 20px; } #bodycontenthome3narr h1 { margin-top: 20px; } #bodycontenthome3narr p { text-align: justify; font-size: 12px; margin-top: -3px; margin-left: 12px; margin-right: 18px; } #bodycontenthome3narr h5 { font-size: 14px; text-align: center; margin-top: 15px; margin-bottom: 6px; } #bodycontenthome3narr a { color: #990000; } #bodycontenthome3narr a:hover {color: #990000; text-decoration: underline; } /*** TMA BODY SERVICES Page***/ #bodycontentsubservices {float: right; width: 520px; background-image: url(images/verticalfauxsubpg.gif); border-right: 1px solid white; border-left: 1px solid #666666;} #servicesphoto {float: left; width: 520px; height: 125px; margin-bottom: 10px; background-image: url(images/curveops.jpg); } #bodycontentsubservices h4 { margin-left: 20px; margin-top: 20px; margin-bottom: 5px;} #bodycontentsubservices p { font-size:11px; text-align: justify; margin-left: 25px; margin-right: 25px;} #bodycontentsubservices ol { margin-left: 50px; margin-right: 20px; } #bodycontentsubservices li { color: black; clear: both; font-size: 11px; padding-top: 2px; font-weight: normal;} /*** TMA BODY ABOUT Pages***/ #bodycontentsubabout {float: right; width: 520px; background-image: url(images/goldabout.jpg); border-left: 2px ridge silver;} #bodycontentsubabout h4 { margin-left: 20px; margin-top: 25px; margin-bottom: 5px; } #bodycontentsubabout p { font-size:11px; text-align: justify; margin-left: 25px; margin-right: 25px; } /*** TMA BODY OPS PHILOSOPHY Page***/ #bodycontentsubops {float: right; width: 520px; background-image: url(images/verticalfauxsubpg.gif); border-left: 1px solid #666666;} #opsphoto {float: left; width: 520px; height: 125px; margin-bottom: 10px; background-image: url(images/bluelightsservices.jpg); } #bodycontentsubops h3 { margin-left: 20px; margin-top: 4px; } #bodycontentsubops h4 { margin-left: 20px; margin-top: 20px; margin-bottom: 5px;} #bodycontentsubops p { font-size:11px; margin-left: 25px; margin-right: 25px; text-align: justify;} #bodycontentsubops ul { margin-left: 50px; margin-right: 20px; } #bodycontentsubops li { color: black; font-size: 11px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } #bodycontentsubops a { font-size: 11px; font-weight: bold; text-decoration: underline; color: black; } #bodycontentsubops a:link { text-decoration: underline; color: black; } #bodycontentsubops a:hover {color: #930; border-color: #227; } /*** TMA BODY CONTACTUS Page***/ #bodycontentsubcon { float: right; width: 518px; background-image: url(images/verticalfauxsubpg.gif); border-left: 1px solid #666666;} #contactphoto {float: left; width: 520px; height: 140px; margin-bottom: 10px; background-image: url(images/redseatsslip.jpg); } #bodycontentsubcon h3 { margin-left: 20px; margin-top: 3px; } #bodycontentsubcon h4 { margin-left: 20px; margin-top: 20px; margin-bottom: 12px; } #bodycontentsubcon p { font-size:11px; margin-left: 25px; margin-right: 10px; } #bodycontentsubcon a { font-size: 11px; font-weight: bold; text-decoration: underline; color: black; } #bodycontentsubcon a:link { text-decoration: underline; color: black; } #bodycontentsubcon a:hover {color: #930; border-color: #227; } /*** TMA ASSOCIATES BIOS AND CAREER EXPERIENCE Page***/ #bodycontentsubassociates {float: right; width: 520px; background-image: url(images/verticalfauxsubpg.gif); border-right: 1px solid white; border-left: 1px solid #666666;} #associatesphoto {float: left; width: 520px; height: 130px; margin-bottom: 10px; background-image: url(images/associatestairs.jpg); } #bodycontentsubassociates h4 { margin-left: 20px; margin-bottom: 5px; margin-top: 20px; } #bodycontentsubassociates h3 { margin-left: 23px; margin-bottom: 5px; } #bodycontentsubassociates p { font-size:11px; margin-left: 25px; margin-right: 25px; text-align: justify;} #bodycontentsubassociates ul { width: 400px; margin-left: 50px; } #bodycontentsubassociates li { color: black; font-size: 11px; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } /*** TMA FOOTER section ***/ #footer { width: 751px; float: left; background-color: #66672C; border-top: 1px solid black; text-align: center; padding-top: 8px; } #footer img { margin-left: 4px; margin-top: 1px; margin-bottom: 1px; } #footer p { font-size: 11px; font-weight:normal; color: white; margin-left: 42px; margin-bottom: 1px;} #footer a { font-size: 11px; font-weight:normal; text-decoration: none; color: white;} #footer a:hover { font-size: 11px; font-weight: normal; text-decoration: none; } #footersub { width: 700px; float: left; background-image: url(images/tinygreensw.gif); border-top: 1px solid black;} #footersub img { margin-right: 5px; margin-top: 1px; } #footersub p { font-size: 10px; font-weight:normal; color: white; text-align: center; } #footersub a { font-size: 10px; font-weight:normal; color: white; text-decoration: none; } #footersub a:hover { font-size: 10px; font-weight: normal; color: #930; text-decoration: none; } /*** TMA Styleguide content section ***/ #bodycontentsubstyleguide { float: right; width: 520px; background-image: url(images/verticalfauxsubpg.gif); border-left: 1px solid #666666;} #bodycontentsubstyleguide h1 { margin-top: 10px; margin-left: 15px; margin-right: 20px; text-align: center; } #bodycontentsubstyleguide p {margin-right: 18px; margin-left: 18px; } #TOC { float: right; width: 520px; margin-bottom: 15px; } #TOC h2 { margin-left: 15px; color: black; font-size: 12px; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; } #TOC h3 { margin-left: 15px; color: black; font-size: 10px; font-family: verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; } #TOC a { font-size: 12px; color: #930; text-decoration: none; } #TOC a:hover { font-size: 12px; color: #930; text-decoration: underline; } #stylesheetaccessI {width: 520px; margin-top: 5px; } #stylesheetaccessI p {margin-right: 18px; margin-left: 18px; } #stylesheetaccessI a { font-size: 12px; color: #930; text-decoration: none; } #stylesheetimageI { float: right; margin-left: 15px; margin-right: 15px; width: 450px; height: 310px; margin-bottom: 18px; border: solid 1px black; background-image: url(images/tmastyleguide.gif); } #filesII {width: 520px; float: right; margin-top: 5px; } #filesII p {margin-right: 18px; margin-left: 18px; } #filesII a { font-size: 12px; color: #930; text-decoration: none; } #filesII a:hover { font-size: 12px; color: #930; text-decoration: underline; } #filesimageII { float: right; margin-left: 15px; margin-right: 15px; margin-top: 10px; width: 450px; height: 420px; margin-bottom: 10px; border: solid 1px black; background-image: url(images/tma1.gif); } #sitestatsIII {width: 520px; margin-top: 5px; } #sitestatsIII p {margin-right: 18px; margin-left: 18px; } #sitestatsIII a { font-size: 12px; color: #930; text-decoration: none; } #sitestatsIII img { display: inline; width: 14px; height: 15px; } #sitestatsimageIII { float: right; margin-left: 18px; margin-right: 15px; width: 450px; height: 310px; margin-top: 10px; margin-bottom: 10px; border: solid 1px black; background-image: url(images/tmastyleguide2.gif); } #domainsIV {width: 520px; margin-top: 5px; } #domainsIV a { font-size: 12px; color: #930; text-decoration: none; } #photosV {width: 500px; margin-top: 5px; } #photosV a { font-size: 12px; color: #930; text-decoration: none; } #photos1 {width: 500px; float: right; margin-top: 5px; } #photosimg1 { float: right; margin-right: 15px; clear: both; margin-top: 10px; width: 438px; height: 330px; margin-bottom: 10px; background-image: url(images/guidestairs.jpg); } #photos2 {width: 500px; float: right; margin-top: 5px; } #photosimg2 { float: right; margin-right: 15px; clear: both; margin-top: 10px; width: 438px; height: 330px; margin-bottom: 10px; background-image: url(images/guideoperainterior.jpg); } #photos3 {width: 500px; float: right; margin-top: 5px; } #photosimg3 { float: right; margin-right: 15px; width: 438px; height: 329px; margin-bottom: 15px; background-image: url(images/guidebluelights.jpg); } #photos4 {width: 500px; float: right; margin-top: 5px; } #photosimg4 { float: right; width: 291px; height: 438px; margin-bottom: 15px; background-image: url(images/guideoperaext.jpg); } #photos5 {width: 500px; float: right; margin-top: 5px; } #photosimg5 { float: right; margin-right: 15px; width: 438px; height: 291px; margin-bottom: 15px; background-image: url(images/guideauditorium.jpg); } #photos6 {width: 500px; float: right; margin-top: 5px; } #photosimg6 {float: right; margin-right: 15px; width: 438px; height: 308px; margin-bottom: 15px; background-image: url(images/guideredseats.jpg); } #photos7 {width: 500px; float: right; margin-top: 5px; } #photosimg7 { float: right; margin-right: 15px;width: 438px; height: 291px; margin-bottom: 15px; background-image: url(images/guidecurve.jpg); } #photos8 {width: 500px; float: right; margin-top: 5px; } #photosimg8 { float: right; margin-right: 15px; width: 308px; height: 460px; margin-left: 10px; margin-bottom: 15px; background-image: url(images/guidegoldlights.jpg); } #photos9 {width: 500px; float: right; margin-top: 5px; } #photosimg9 { float: right; margin-right: 15px; width: 435px; height: 452px; margin-left: 10px; margin-bottom: 15px; background-image: url(images/paramountoakland.jpg); } #photos10 {width: 500px; float: right; margin-top: 5px; } #photosimg10 { float: right; margin-right: 15px; width: 400px; height: 533px; margin-left: 10px; margin-bottom: 15px; background-image: url(images/ATUorangeryschonbrunn.jpg); }