html {margin:0; padding: 0;}
body {
/*background-color:#dceab7;*/
width: 100%;
text-align:center;
color: #000;
margin:0; padding:0;
font: 11px Arial, Helvetica, sans-serif;
}
#item_content {
text-align:left;
}
div#container {
background-color: #fff;
width: 750px;
margin-top: 0px;
text-align:left;
margin-right: auto;
margin-left: auto;
}
div#splashScreen {background-color: #fff; width: 750px; text-align:left;
margin-right: auto;
margin-left: auto;
margin-top: 50px
}
div#splashScreen a {color: blue; font-family: courier; font-size: 90px; text-decoration: underline}
div#splashScreen a:hover {color: red; }
p {
font: 11px Arial, Helvetica, sans-serif;
color: #000;
margin: 0 0 14px 0; padding: 0;
}
@media screen {
.hideOnScreen {display:none}
.hideOnPrint {
display:inline;
}
}
@media print {
.hideOnPrint {display:none}
.hideOnScreen {
display:inline
}
}
a:link, a {
color: #669900;
}
a:hover, a:focus {color: #ff9900;}
a.default {
text-decoration: none;
}
a.default:hover {
text-decoration: underline;
color: #ff9900;
}
b, strong {font-weight: bold; color: #000;}
/*Section Header: see itemHeader*/
/*h1 {
font: bold 16px Helvetica, Arial, sans-serif;
color: #709f10;
}*/
/*Section Subhead*/
h2, div.itemSubhead {
/*font: bold 14px Helvetica, Arial, sans-serif;*/
font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;
color: #000;
}
h3 {
font: bold 11px Arial, Helvetica, sans-serif;
color: #ff9900;
}
a.sidebarTitle {text-decoration: none; color: #ff9900; font: bold 11px Arial, Helvetica, sans-serif;}
a.sidebarTitle:hover {color: black; text-decoration: underline; }
a.sidebarTitle:focus {color: black;}
div.sidebarText{font: 11px #000 Arial, Helvetica, sans-serif;}
div.sideItem {
margin-bottom: 5px;
}
h4 {
font: bold 12px Arial, Helvetica, sans-serif;
color: #000;
}
div.sideHeader {
font-family: Arial, Helvetica, san-serif;
font-weight: bold;
font-size: 11px;
color: #fff;
background-color: #ff9900;
padding: 3px 20px 3px 3px;
text-align: center;
}
div.producers {
font-weight:bold; font-style:italic;
}
div.listingCategoryHead {
color: #ff9900; font-size: 16px; font-weight:bold;
border-bottom: #ff9900 1px solid;
width: 100%;
padding-bottom: 1px; margin-bottom: 3px
}
div.listingItem {
margin: 2px 0 7px 15px;
}
div#header {
width: 750px;
background-color: #fff;
}
div#headertop {
width: 750px;
margin-top: 30px;
}
div#rule1 {
width: 100%;
height: 10px;
background-color: #000
}
div#rule2 {
width: 100%;
height: 5px;
background-color: #dedede;
}
div#rule3 {
width: 100%;
height: 1px;
background-color: #ccc;
margin-bottom: 10px;
float:left; clear:both;
}
div#main {
width: 750px;
background-color: #fff;
}
div#leftNav, div.leftNav {
float: left;
width: 135px;
background-color: #bfe5ea;
margin-left: 10px;
height: 100%
}
div#maincontent, div.mainContent {
float: left;
width: 400px;
padding-right: 15px;
padding-left: 10px;
}
div#maincontent, div.fullContent {
float: left;
width: 580px;
padding-left: 10px;
}
div.cont {
float: left;
width: 725px;
padding-left: 0px;
}
div#sidebarheader {
float: right;
width: 165px;
margin-right: 15px;
}
div#sidecontent, div.sideContent {
float: right;
width: 165px;
padding-left: 8px;
padding-right: 5px;
border-left: 1px solid #ccc
}
a.side {
border-left: 1px solid ButtonHighlight;
border-top: 2px solid ButtonHighlight;
border-right: 2px solid ButtonShadow;
border-bottom: 1px solid ButtonShadow;
text-align: center;
/*height: 1.1em;*/
height: 14.0px;
margin: 2px 0 4px 0;
padding: 4px 0px 4px 0px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: ButtonFace;
text-decoration: none;
background-color: #dceab7;
color: #128a42;
display: block;
width: 95%
}
a.side:hover {
border-left: 1px solid ButtonShadow;
border-top: 2px solid ButtonHighlight;
border-right: 2px solid ButtonShadow;
border-bottom: 2px solid ButtonShadow;
text-decoration: none;
background-color: #ddd;
}
.buttonDef:focus, table.dataFormEdit input.buttonDef:focus {
background-color: #F0F8FF;
}
div#footer, div#siteFooter {
clear: both;
text-align: center;
width: 100%;
border-top: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
}
div#clientFooter {font: 9px normal Arial, Helvetica, sans-serif;}
#mainnavlist {
font: bold 13px Arial, Helvetica, sans-serif;
padding-left: 5px;
padding-right: 5px;
list-style-type: none;
}
#leftnavlist {
font: bold 11px/30px Arial, Helvetica, sans-serif;
padding-left: 5px;
padding-right: 5px;
list-style-type: none;
}
a.leftNavItem {color: #000; text-decoration: none; font: bold 11px Arial, Helvetica, sans-serif;
padding: 3px 0 9px 10px; margin: 0;
display:block}
a.leftNavItem:hover, .leftNavHighlight {color: #fff;background-color: #94d8c8;}
a.leftNavItem:focus {color: #fff;}
a.leftNavItem.sub {padding-left: 25px}
#footernavlist {
font: 11px Arial, Helvetica, sans-serif;
text-align: center;
padding-left: 5px;
padding-right: 5px;
list-style-type: none;
}
a.footerNavItem {color: black; text-decoration: none; font: 10px Arial, Helvetica, sans-serif;
text-align:center;
padding-left: 8px;
padding-right: 8px;}
a.footerNavItem:hover {color: #ff9900; }
a.footerNavItem:focus {color: #ff9900;}
#footer ul, #footer li {
display: inline;
}
#headernav ul, #headernav li {
display: inline;
}
div#homepromo {
width: 400px;
padding-right: 0px;
padding-left: 0px;
}
a.buttonDef, input.buttonDef, td input.buttonDef, table.submit input.buttonDef , a.hdr_navButton {
border-left: 1px solid ButtonHighlight;
border-top: 2px solid ButtonHighlight;
border-right: 2px solid ButtonShadow;
border-bottom: 1px solid ButtonShadow;
text-align: center;
/*height: 1.1em;*/
height: 16.5px;
margin: 2px 0 0 0;
padding: 0px 2px 1px 2px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: ButtonFace;
text-decoration: none;
background-color: #dceab7;
color: #128a42
}
/* under IE on Participants dialog form, hover made the browse data disappear! kludge 2/2007 mpal*/
a.buttonDefAlt {
border-left: 1px solid ButtonHighlight;
border-top: 2px solid ButtonHighlight;
border-right: 2px solid ButtonShadow;
border-bottom: 1px solid ButtonShadow;
text-align: center;
/*height: 1.1em;*/
height: 12.5px;
margin: 2px 0 0 0;
padding: 0px 2px 1px 2px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: ButtonFace;
text-decoration: none;
color: #06c;
}
input.buttonDef, td input.buttonDef, table.submit input.buttonDef {
/*11/18/2006 mpal for some reason, the input padding/heights works different that
so set defaults above, then change padding here*/
height: 19.5px; padding: 0 0 2px 0; margin: 0 2px 0 0;
color: #06c;
}
.buttonDef:hover, table.submit input.buttonDef:hover, a.hdr_navButton:hover {
border-left: 1px solid ButtonShadow;
border-top: 2px solid ButtonHighlight;
border-right: 2px solid ButtonShadow;
border-bottom: 2px solid ButtonShadow;
text-decoration: none;
background-color: #ddd;
}
.buttonDef:focus, table.dataFormEdit input.buttonDef:focus {
background-color: #F0F8FF;
}
div.contentDiv {padding:0;
}
div.contentBody {
/*font: 12px/14px Helvetica, Arial, sans-serif;*/
font: 11px Arial, Helvetica, sans-serif;
color: #000;
margin: 10px 0 5px 0;
}
div.presentedBy, .presentedBy {font-style: italic; margin-bottom: 8px;}
div.itemHeader, h1 {
font: bold 14px Arial, Helvetica, sans-serif;
color: #669900;
margin-bottom: 8px;
}
div.itemHeaderMasterTitle {
font: bold 12px Helvetica, Arial, sans-serif;
color: #ff9900;
margin-bottom: 3px;
}
div.timeFmt, div.ticketsFmt, div.eventLocationFmt, div.eventLocationNote {
font: bold 14px Helvetica, Arial, sans-serif;
color: #709f10;
margin-bottom: 5px;
}
div.eventLocationSchedFmt, div.eventLocationSchedNote {
font: 12px Helvetica, Arial, sans-serif;
color: #709f10;
margin-bottom: 3px;
}
div.eventLocationNote, div.eventLocationSchedNote {
font-style: italic
}
div.schedContent {
padding-bottom: 10px;
}
div.publicNote {font-style: italic; margin: 10px 0 5px 0}
div.itemCallout{float:right; width: 100px; font-style: italic; font-size:11px; padding: 0 0 5px 7px; font-weight: bold; color: #000; font-family: Arial, Helvetica, sans-serif;}
div#divAttach{margin: 10px 0 7px 0;}
div#divAttachTitle{color: #ff9900; font-size: 11px; font-weight:bold}
a.attachLink {color: #99cc33; text-decoration: none;}
a.attachLink:hover {color: black; text-decoration: underline; }
a.attachLink:focus {color: black;}
div#contactDiv {font-size: 11px; text-align: left; padding: 0px 20px 5px 0px;}
div#websiteDiv {font-size: 11px; text-align: left; padding: 0px 20px 5px 0px;}
div#submitDiv {font-size: 11px; text-align: left; padding: 0px 20px 5px 0px;}
div#subTitle {
font: 14px Arial, Helvetica, sans-serif;
color: #709f10;
margin-bottom: 5px;
}
div.calSchedTitle {
font: bold 11px Arial, Helvetica, sans-serif;
color: #709f10;
}
div.calSchedMasterTitle {
font: 10px Arial, Helvetica, sans-serif;
color: #ff9900;
margin-bottom: 2px;
}
table.itemTable {
color: #000;
}
div#videowindow {
width: 400px;
background-color: #99cc33;
padding-top: 30px;
margin: 0;
padding-bottom: 20px;
text-align: center;
}
table {
border: solid 1px #fff;
margin: 0; padding: 0;
border-collapse: collapse;
table-layout: auto;
empty-cells: show;
background-color: #fff;
}
table.submit {
border: solid 1px #fff;
}
table.submit td {
padding: 1px 2px 1px 2px;
margin: 2px 0 2px 0;
}
table.submit tr td.rh, table.submit tr span.rh {
color:#000;
}
table.submit span.rhRO {color:#000;}
table.submit tr td input, table.submit tr td textarea, table.submit tr td.inputDef {
border: 1px #d7d7d7 solid;
border-left: 1px white solid;
padding-left: 1px;
}
table.submit td.required {font-size: 13px;}
table.submit input:focus, table textarea:focus, .inputDef:focus {
border: 1px #09c dotted;
}
div#emailContainer {}
div#emailTo {}
div#emailContent# {}
div#headernav {
width: 750px;
/*text-align: center;*/
height: 20px;
padding-top: 7px;
padding-bottom: 7px;
}
a.headerNavItem {color: black;
text-decoration: none;
font: bold 11px Arial, Helvetica, sans-serif;
margin-right: 32px;
display:block;
float: left}
a.headerNavItem:hover, a.headerNavItem.headerNavItemHighlight {color: #ff9900; }
a.headerNavItem:focus {color: #ff9900;}
a.headerNavImg {color: #fff;
text-decoration: none;
margin-right: 32px;
display:block; border: none;
float: left}
a.headerNavImg:hover, a.headerNavImg.headerNavImgHighlight {background-color: yellow; }
a.headerNavImg:focus {background-color: red}
.headerImg {border:none;}
a.picsThumbnail, .picsThumbnail {border: none; margin: 3px 10px 0 0;}
a.picsThumbnail:hover {border:none; }
a.picsThumbnail:focus {border: none}
table#guestBook {margin-left: auto; margin-right: auto; font: 11px Arial, Helvetica, sans-serif;}
table#guestBook td.rh { text-align: right; padding-right: 5px}
table#guestBook caption {font-weight: bold; padding-left: 7px}
div#guestBookThanks {text-align:center; margin-left: auto; margin-right: auto; font: 30px courier; height: 275px; width: 400px; padding-top: 100px; color: red; font-weight: bold}
/*========================= TOP OF THE MENU CASCADE; GRC Menu Design =========================*/
ul { margin-left:20px; } /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; } /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; } /* tighter list for simple bullets */
.menu {
position:relative; /* establish a menu-relative positioning context */
float:left; /* play nicely with others */
margin:0;
padding:7px 0 15px 7px;
/*border:0;*/
height:20px; /* the menu's overall height */
width:743px; /* we always want our menu to fill the available space */
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:11px; /* this (and also below) sets the menu's font size */
/*border-bottom:1px solid black; give us a black border underneath */
}
.menu img {
vertical-align: top; /* prevent images from being pushed down by text */
}
.menu ul {
padding:0;
margin:0;
border:0;
list-style-type:none; /* we don't want to view the list as a list */
line-height:1.5em; /* globally set the menu's item spacing. note */
} /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu li {
float:left; /* this creates the side-by-side array of top-level buttons */
position:relative; /* create local positioning contexts for each button */
margin:0;
}
.menu ul li table {
margin:-1px 0; /* IE5 needs -1px top and bottom table margins */
m\argin:0; /* re-zero the table margins for everyone but IE5 */
border-collapse:collapse; /* IE5 needs this for the sub-menus to work */
font-size:12px; /* this sets the base font size for our entire menu */
}
.drop {
display:block;
padding:0px 0.33em; /* this sets the l/r margins for our menu item */
margin:0;
text-align:right; /* this right alignment goes with the float:left below */
cursor:pointer; /* IE tries to switch back to an I-beam, don't let it */
cursor:hand; /* IE5 only knows about "hand", so set it both ways */
}
.drop span { /* this simultaneously left and right aligns the text and */
float:left; /* the >> in the drop-down menus which link to sub-menus */
}
.rightmenu {
position:relative; /* establish a local positioning context for YAH label */
float:right; /* and right-align it at the top of our page */
}
#research { /* this rightmost "Research" button must be positioned */
position:absolute; /* absolutely so that the YAH (you are here) text */
top:0px; /* label will slide underneath it under Opera v8.54 */
left:364px; /* which has a z-order sequencing bug with abs-pos elements */
}
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {
display:none; /* initially hide the entire list hierarchy */
padding:1px; /* this is our box border width */
}
.menu ul li a,
.menu ul li a:visited { /* unselected top-level menu items */
display:block;
float:left;
text-decoration:none;
height:18px;
}
.menu ul li:hover a,
.menu ul li a:hover { /* selected top-level menu items */
/*border-top:1px solid #000;*/ /* these 2 lines create the push-in illusion */
height:16px;
}
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul,
.menu ul li a:hover ul { /* 2nd level drop-down box */
display:block;
position:absolute;
margin:0;
top:18px; /* place us just up underneath the top-level images */
left:-1px; /* left-align our drop-down to the previous button border */
height:auto; /* the drop-down height will be determiend by line count */
width:13.5em;
color:black; /* this sets the unselected-text color */
color:white;
background:black; /* this sets our menu's effective "border" color */
}
.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
left:0px;
}
.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny { /* 2nd level skinny drop-down box */
width:8.08333em; /* with a 12px default font, this is 97px width (97/12) */
}
.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul { /* 2nd level neighborhood drop-down box */
left:auto;
right:0; /* nudge the right menu right to line up under the border */
}
* html .menu ul.rightmenu li a:hover ul { /* IE5/6 needs a tweak here */
right:-1px;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a { /* 2nd level unselected items */
border:0;
margin:0;
padding:0;
height:auto;
color:#000; /* this sets the unselected drop-down text color */
background:#d8d8d8; /* this sets the drop-down menu background color */
width:13.5em;
}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover { /* 2nd level selected item */
color:black;
background:white;
}
.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover { /* 2nd level un+selected items */
width:8.08333em;
}
/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul { /* hide inactive 3rd-level menus */
visibility:hidden;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul { /* 3rd level drop-down box */
visibility:visible;
position:absolute;
margin-top:-1px; /* bring the top edge of the 3rd level menu up one */
top:0;
left:8.08333em;
width:14em;
}
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a { /* 3rd level unselected items */
width:14em;
background:#d8d8d8;
}
.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover { /* level3 selected items */
width:14em;
background:white;
}
#text { /* the Mac's standard Safari browser will not see this code */
height:1.215em;# /* ... but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */