/* Hides from IE-mac \*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix {height: 1%;} /* End hide from IE-mac */ /**/ #page { background-repeat: repeat; text-align: justify; position: relative; top: 0; left: 0; width: 770px; overflow: visible; margin: 0 auto; } #homebanner { background-image: url(images/banner-home.jpg); height: 168px; width: 770px; left: 0; top: 0; visibility: visible; } #interiorbanner { background-image: url(images/banner-interior.jpg); visibility: visible; top: 0; left: 0; width: 770px; height: 84px; } #menubar { background-color: #efce1a; position: relative; height: 20px; width: 770px; left: 0; top: 0; visibility: visible; } #bodysection { top: 188px; left: 0; width: 770px; padding:0; margin:0;} #leftcolumn { background-image: url(images/column-bg.gif); background-repeat: repeat-x; text-align: left; top: 0; left: 0; width: 140px; float: left; margin: 0; padding: 0; } #middlecolumn { background-image: url(images/center-bg.gif); background-repeat: repeat-x; text-align: left; width: 487px; float: left; margin: 0; padding: 0; } #middlecolumn H1 { color: #8ac11b; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; clear: both; margin-bottom: 0; margin-left: 40px; padding-top: 20px; } #middlecolumn h1.pagehead { color: #8ac11b; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; margin: 0 0 10px 20px; padding-top: 10px; } #middlecolumn H2 { color: #017cbc; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: left; margin-left: 40px; padding-top: 10px; clear: both; } #middlecolumn h3 { color: #017cbc; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-style: regular; text-align: left; margin: 0 0 0 20px; padding: 0 0 0 0; } #middlecolumn p { color: #333; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 150%; text-align: justify; clear: both; padding-right: 30px; padding-left: 40px; } #middlecolumn p span { font-size: 13px; font-style: italic; line-height: 160%; text-align: left; } #middlecolumn p.formstext { color: #333; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; text-align: left; padding-left: 20px; } #middlecolumn p.formfields { color: #333; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; text-align: left; padding: 0 10px 0 20px; } #middlecolumn p.formfieldsright { color: #333; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; text-align: right; padding: 0 0 0 20px; } #middlecolumn ul { margin-top: 0; padding-right: 30px; } #middlecolumn ul li { color: #322e2e; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; margin-left: 20px; list-style-type: square; list-style-position: outside; } #middlecolumn ol { margin-top: 0; padding-right: 30px; } #middlecolumn ol li { color: #322e2e; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; margin-left: 20px; list-style-position: outside; } #middlecolumn #storelist { width: 400px; margin-right: 10px; margin-left: 40px; } #middlecolumn #storelist tr { text-align: left; display: block; position: relative; left: 0; vertical-align: top; padding-top: 4px; padding-bottom: 6px; } #middlecolumn #storelist tr:hover { background-color: #ffffbe; left: 0; } #middlecolumn #storelist #eachitem { width:420px; display:block; clear:both; margin:0; padding:10px 8px; border-top:1px gray dotted; font-family:Trebuchet, Arial, Verdana; font-size:11px; font-weight:normal;} #middlecolumn #storelist #eachitem:hover { background-color: #ffffbe; } #middlecolumn #storelist td { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text-align: left; vertical-align: top; position: relative; left: 0; padding-right: 10px; display: block; } #middlecolumn #storelist td span { font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; left: 0; } #rightcolumn { background-image: url(images/column-bg.gif); background-repeat: repeat-x; background-position: -3px 0; text-align: left; position: relative; left: 0; width: 136px; float: right; padding-top: 20px; margin:0;} #pagehome { background-repeat: repeat; text-align: justify; position: relative; top: 0; left: 0; width: 1000px; overflow: visible; margin: 0 auto; } #bodysectionhome { background-color:#ffffff; top: 188px; left: 0; width: 1000px; padding:0; margin:0;} #menubarhome { background-color: #efce1a; position: relative; height: 20px; width: 1000px; left: 0; top: 0; visibility: visible; } #middlecolumnhome { background-color:#ffffff; background-image: url(images/center-bg-home.gif); background-repeat: repeat-x; text-align: left; width: 586px; float: left; margin: 0; padding: 0 20px; } #middlecolumnhome H1 { color: #8ac11b; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; clear: both; margin-bottom: 0; margin-left: 40px; padding-top: 20px; } #middlecolumnhome h1.pagehead { color: #8ac11b; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; margin: 0 0 10px 20px; padding-top: 10px; } #middlecolumnhome H2 { color: #017cbc; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-align: left; margin-left: 40px; padding-top: 10px; clear: both; } #middlecolumnhome h3 { color: #017cbc; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-style: regular; text-align: left; margin: 0 0 0 20px; padding: 0 0 0 0; } #middlecolumnhome p { color: #333; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 150%; text-align: justify; clear: both; padding-right: 30px; padding-left: 40px; } #middlecolumnhome p span { font-size: 13px; font-style: italic; line-height: 160%; text-align: left; } #middlecolumnhome p.formstext { color: #333; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; text-align: left; padding-left: 20px; } #middlecolumnhome p.formfields { color: #333; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; text-align: left; padding: 0 10px 0 20px; } #middlecolumnhome p.formfieldsright { color: #333; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; text-align: right; padding: 0 0 0 20px; } #middlecolumnhome ul { margin-top: 0; padding-right: 30px; } #middlecolumnhome ul li { color: #322e2e; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; margin-left: 20px; list-style-type: square; list-style-position: outside; } #middlecolumnhome ol { margin-top: 0; padding-right: 30px; } #middlecolumnhome ol li { color: #322e2e; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; margin-left: 20px; list-style-position: outside; } #middlecolumnhome #storelist { width: 400px; margin-right: 10px; margin-left: 40px; } #middlecolumnhome #storelist tr { text-align: left; display: block; position: relative; left: 0; vertical-align: top; padding-top: 4px; padding-bottom: 6px; } #middlecolumnhome #storelist tr:hover { background-color: #ffffbe; left: 0; } #middlecolumnhome #storelist #eachitem { width:420px; display:block; clear:both; margin:0; padding:10px 8px; border-top:1px gray dotted; font-family:Trebuchet, Arial, Verdana; font-size:11px; font-weight:normal;} #middlecolumnhome #storelist #eachitem:hover { background-color: #ffffbe; } #middlecolumnhome #storelist td { font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text-align: left; vertical-align: top; position: relative; left: 0; padding-right: 10px; display: block; } #middlecolumnhome #storelist td span { font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; left: 0; } /**/ /**/ #middlecolumnhome #speakers { border-top: 1px gray dotted; width: 600px; padding:0;} #middlecolumnhome #event { width: 600px; float: left; clear: both; padding:20px 20px 20px 0px;} #middlecolumnhome #event #speakerphoto { width: 118px; float: left; padding:10px 10px 0px 20px;} #middlecolumnhome #event #registerbutton { background:#61bff0; color:white; font-size:12px; height:14px; width:150px; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; margin: 20px 0 0 20px; padding:2px; border:1px gray dotted; } #middlecolumnhome #event #registerbutton a:link { color:#fff; font-weight:bold; } #middlecolumnhome #event #registerbutton a:hover { text-decoration:none; color:#fff; } #middlecolumnhome #event #registerbutton:hover { border: #017cbc 1px solid; background:#c1f455; } #middlecolumnhome #event #eventinfotop { width: 300px; float: right; padding:10px 0px 0px 0px; } #middlecolumnhome #event #eventinfo { width: 300px; float: left; padding:10px 0px 0px 0px;} #middlecolumnhome #event #eventinfo span { font-size: 13px; } #middlecolumnhome #event #eventinfoSpecial { width: 430px; float: left; padding:10px 0px 0px 0px;} #middlecolumnhome #event #eventinfoSpecial span { font-size: 13px; } #middlecolumnhome #event #eventspecifics { background:#f0f0f0; width: 600px; float: left; border-top: 1px gray dotted; border-bottom: 1px gray dotted; clear: both; padding:10px 0 20px 0; Margin:20px 0px 0px 0px; } #middlecolumnhome #event h1 { color: #000; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-style: regular; font-weight:normal; text-align: left; margin-left: 20px; padding-top: 0px; } #middlecolumnhome #event h2 { color: #017cbc; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-style: regular; text-align: left; margin-left: 20px; padding-top: 0px; } #middlecolumnhome #event h3 { color: #017cbc; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-style: regular; text-align: left; margin: 16px 0 6px 20px; padding: 0 0 0 0; } #middlecolumnhome #event p { color: #333; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 150%; text-align: left; clear: both; margin:0 0 10px 0; padding: 0 20px 0 20px; } #middlecolumnhome #event p.creds { color: #333; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-weight:normal; line-height: 150%; text-align: left; clear: both; padding-right: 20px; padding-left: 20px; } #middlecolumn #event p.footer { color: #444; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; text-align: left; clear: both; padding-right: 30px; padding-left: 20px; } #middlecolumnhome #event p.caption { color: #444; width:120px; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; text-align: left; clear: both; padding: 2px 0; } #middlecolumnhome #speakergrid { width: 600px; z-index: 0; float: left; margin-bottom: 20px; padding-top: 10px; } #middlecolumnhome #speakergrid ul { display: inline; width: 600px; z-index: 0; float: left; padding-right: 0; list-style: none; white-space: normal; } #middlecolumnhome #speakergrid li { width: 100px; height: 100px; z-index: 0; float: left; margin-left: 0; padding: 1px; border-color: white; list-style: none; display: inline; } #middlecolumnhome #speakergrid li:hover { background-color: #017cbc; list-style-type: none; display: inline; z-index: 0; float: left; } #middlecolumn #speakers { border-top: 1px gray dotted; width: 456px; padding:0;} #middlecolumn #event { width: 456px; float: left; clear: both; padding:20px 20px 20px 0px;} #middlecolumn #event #speakerphoto { width: 118px; float: left; padding:10px 10px 0px 20px;} #middlecolumn #event #registerbutton { background:#61bff0; color:white; font-size:12px; height:14px; width:150px; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; margin: 20px 0 0 20px; padding:2px; border:1px gray dotted; } #middlecolumn #event #registerbutton a { color:white; } #middlecolumn #event #registerbutton a:hover { text-decoration:none; color:#fff; } #middlecolumn #event #registerbutton:hover { border: #017cbc 1px solid; background:#c1f455; } #middlecolumn #event #eventinfotop { width: 300px; float: right; padding:10px 0px 0px 0px; } #middlecolumn #event #eventinfo { width: 300px; float: left; padding:10px 0px 0px 0px;} #middlecolumn #event #eventinfo span { font-size: 13px; } #middlecolumn #event #eventinfoSpecial { width: 430px; float: left; padding:10px 0px 0px 0px;} #middlecolumn #event #eventinfoSpecial span { font-size: 13px; } #middlecolumn #event #eventspecifics { background:#f0f0f0; width: 487px; float: left; border-top: 1px gray dotted; border-bottom: 1px gray dotted; clear: both; padding:10px 0 20px 0; Margin:20px 0px 0px 0px; } #middlecolumn #event h1 { color: #000; font-size: 18px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-style: regular; font-weight:normal; text-align: left; margin-left: 20px; padding-top: 0px; } #middlecolumn #event h2 { color: #017cbc; font-size: 14px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-style: regular; text-align: left; margin-left: 20px; padding-top: 0px; } #middlecolumn #event h3 { color: #017cbc; font-size: 13px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-style: regular; text-align: left; margin: 16px 0 6px 20px; padding: 0 0 0 0; } #middlecolumn #event p { color: #333; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 150%; text-align: left; clear: both; margin:0 0 10px 0; padding: 0 20px 0 20px; } #middlecolumn #event p.creds { color: #333; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-weight:normal; line-height: 150%; text-align: left; clear: both; padding-right: 20px; padding-left: 20px; } #middlecolumn #event p.footer { color: #444; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; text-align: left; clear: both; padding-right: 30px; padding-left: 20px; } #middlecolumn #event p.caption { color: #444; width:120px; font-size: 10px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 140%; text-align: left; clear: both; padding: 2px 0; } #middlecolumn #speakergrid { width: 420px; z-index: 0; float: left; margin-bottom: 20px; padding-top: 10px; } #middlecolumn #speakergrid ul { display: inline; width: 420px; z-index: 0; float: left; padding-right: 0; list-style: none; white-space: normal; } #middlecolumn #speakergrid li { width: 100px; height: 100px; z-index: 0; float: left; margin-left: 0; padding: 1px; border-color: white; list-style: none; display: inline; } #middlecolumn #speakergrid li:hover { background-color: #017cbc; list-style-type: none; display: inline; z-index: 0; float: left; } /**/ /**/ #topnav ul { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; font-weight:bold; line-height: 120%; text-align: center; vertical-align: middle; position: relative; top: 2px; height: 14px; display: inline; } #topnav ul li { color: #474747; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; background-image: none; text-align: left; vertical-align: middle; height: 20px; list-style-type: none; display: inline; } #topnav ul li:hover { background-image: none; background-repeat: repeat; background-position: 100% 100%; text-align: left; list-style-type: none; } #topnav ul li a .long { color: #474747; width:100px; text-decoration: none; text-align: left; list-style-type: none; margin: 0 12px 4px 2px; } #topnav ul li a .short { color: #474747; width:70px; text-decoration: none; text-align: left; list-style-type: none; margin: 0 12px 4px 2px; } #topnav ul li a { color: #474747; text-decoration: none; text-align: left; list-style-type: none; padding: 0 15px 4px 10px; } #topnav ul li a:hover { color: #a30005; background-repeat: repeat; background-position: 100% 100%; text-decoration: none; text-align: left; list-style-type: none; } /**/ /**/ #actionbuttons h1 { color: #c1f455; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; text-align: left; margin-bottom: 4px; padding-top: 10px; padding-bottom: 0; padding-left: 10px; } #actionbuttons ul { color: #fff; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; margin-top: 0; margin-right: 0; margin-left: 0; padding: 0; border-bottom: 1px dotted #8fcbea; } #actionbuttons ul li { color: #fff; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; text-align: left; list-style-type: none; padding: 5px 10px 5px 24px; border-top: 1px dotted #8fcbea; } #actionbuttons ul li:hover { background-color: #328dbc; text-align: left; list-style-type: none; } #actionbuttons ul li a { display:block; color: #fff; text-decoration: none; text-align: left; list-style-type: none; } #actionbuttons ul li.read { background-image: url(images/icon-read.gif); background-repeat: no-repeat; background-position: 7px 7px; } #actionbuttons ul li.donate { background-image: url(images/icon-donate.gif); background-repeat: no-repeat; background-position: 7px 5px; } #actionbuttons ul li.listen { background-image: url(images/icon-listen.gif); background-repeat: no-repeat; background-position: 4px 5px; } #actionbuttons ul li.subscribe { background-image: url(images/icon-subscribe.gif); background-repeat: no-repeat; background-position: 6px 7px; } #actionbuttons ul li.press { background-image: url(images/icon-subscribe.gif); background-repeat: no-repeat; background-position: 6px 7px; } #actionbuttons ul li a:hover { text-decoration: none; text-align: left; list-style-type: none; display: block; } #actionbuttons span { color: #fff; font-size: 10px; line-height: 120%; background-image: none; background-repeat: repeat; text-align: left; list-style-type: none; } /**/ /**/ #speakerlist { margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; } #speakerlist h1 { color: #c1f455; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; text-align: left; margin-bottom: 4px; margin-left: 0; padding-top: 10px; padding-bottom: 0; padding-left: 10px; } #speakerlist ul { color: #fff; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; margin: 0 0 10px; padding: 0; border-bottom: 1px dotted #8fcbea; } #speakerlist ul li { color: #fff; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; background-image: none; background-repeat: repeat; text-align: left; list-style-type: none; padding: 3px 10px; border-top: 1px dotted #8fcbea; } #speakerlist ul li:hover { font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; background-color: #328dbc; background-image: none; background-repeat: repeat; background-position: 100% 100%; text-align: left; list-style-type: none; } #speakerlist ul li a { display:block; color: #fff; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; text-decoration: none; text-align: left; list-style-type: none; } #speakerlist ul li a:hover { color: #ffeb00; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 120%; background-repeat: repeat; background-position: 100% 100%; text-decoration: none; text-align: left; list-style-type: none; } /**/ /**/ #footer { text-align: center; vertical-align: bottom; position: relative; width: 487px; height: auto; margin: 0; padding: 25px 0 20px 0; } #footer p { color: #887d7b; font-size: 9px; font-family: Arial, Helvetica, sans-serif; visibility: visible; top: 0; left: 0; } /**/ body { background-color: #61bff0; background-image: url(images/page-bg.gif); background-repeat: repeat-y; background-position: center 0; text-align: center; } a:link { color: #017cbc; } a:visited { color: #017cbc; } a:hover { color: #8ac11b; }