#contentDiv #leftcol { width: 180px; float: left; overflow: hidden; }
#contentDiv #widecol { width: 585px; float: left; overflow: hidden; margin-bottom: 2.0em; }
#contentDiv #centercol { width: 420px; margin-right: 20px; float: left; overflow: hidden; }
#contentDiv #rightcol { width: 145px; float: left; overflow: hidden; margin-top: 3.4em;}

#contentDiv #leftnav { width: 150px; margin-left: 0.9em; margin-bottom: 5em; }
#contentDiv #leftnav UL { list-style-type: none; padding: 0; margin: 0; background-color: #FAFAFA; border-top: 1px solid #B7D31B; border-bottom: 1px solid #B7D31B; }
#contentDiv #leftnav UL LI { color: #555; line-height: 1.2em; padding: 0.5em 0.3em 0.6em 1.6em; margin: 0; list-style-type: none; list-style-image: none; background-image: url('/images/bullet-gold-square.gif'); background-repeat: no-repeat; background-position: top left; border-bottom: 1px solid #CCC; }
#contentDiv #leftnav UL LI.last { border-bottom: none; }
#contentDiv #leftnav UL UL { border: none; background-color: transparent; }
#contentDiv #leftnav UL UL LI { padding: 0.4em 0.3em 0.1em 1.1em; font-size: 0.9em; background-image: url('/images/bullet-gold-square-sm.gif'); border: none;  }
#contentDiv #leftnav A { text-decoration: none; }
#contentDiv #leftnav A:visited { color: #29006A; } 

.breadcrumbComponent { display: block; font-size: 0.9em; color: #666; margin-top: 1.6em; margin-bottom: 0.5em; }
.breadcrumbComponent A:link, .breadcrumbComponent A:visited { color: #29006A; }
.breadcrumbComponent A:hover { color: #FFBA00; }

#contentDiv { }
#contentDiv P { font-size: 1.0em; color: #333; margin: 1.2em 0em 1.2em 0em; line-height: 1.6em; }
#contentDiv UL, #contentDiv OL { margin-top: 1.2em; margin-bottom: 1.2em; }
#contentDiv UL UL, #contentDiv OL OL, #contentDiv OL UL, #contentDiv UL OL { margin-top: 0; margin-bottom: 0; }
#contentDiv UL LI { color: #333; padding: 0; line-height: 1.6em; list-style-image: url('/images/bullet-teal-square.gif');}
#contentDiv OL LI { color: #333; padding: 0; line-height: 1.6em; }
#contentDiv H1 { font-size: 1.8em; font-weight: normal; color: #006F82; margin: 0.7em 0em 0.9em 0em; line-height: 1.2em; text-align: left; }
#contentDiv H2 { font-size: 1.1em; font-weight: bold; color: #006F82; margin-bottom: -1.0em; line-height: 1.2em; text-align: left; }
#contentDiv H2.summary { font-size: 1.1em; font-weight: bold; color: #555; margin-top: -1.2em; margin-bottom:1.2em; }
#contentDiv H2.divider { border-top: 3px solid #dfeef0; padding-top: 1.0em; }
#contentDiv H2.bg { font-size: 1.35em; font-weight: normal; color: #333; margin-top: 1.6em; margin-bottom: -0.4em; padding-top: 0.1em; padding-left: 1.3em; border-top: 1px solid #B7D31B; background-image: url('/images/bullet-gold-spiral-lg.gif'); background-position: top left; background-repeat: no-repeat; }
#contentDiv H3 { font-size: 1.0em; font-weight: bold; color: #444; margin-bottom: -1.0em; line-height: 1.2em; text-align: left; }
#contentDiv P.summary { color: #808080; margin-top: -0.9em; line-height: 1.2em; }
#contentDiv P.teaser { background-image: url('/images/bullet-green-arrow.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 1.3em; }
#contentDiv P IMG .border { border: #ccc 3px solid; margin-bottom: 5px; display: block; }
#contentDiv TD { font-size: 0.7em; color: #333; }
#contentDiv #teaser_list { margin-top: 1.4em; }
#contentDiv #teaser_list P.teaser { background-image: url('/images/bullet-green-arrow-rightcol.gif'); margin: 0.6em 0em 0.6em 0em; line-height: 1.2em; }
#contentDiv P.backtop { font-size: 0.9em; line-height: 1.2em; background-image: url('/images/icon-up-arrow.gif'); background-repeat: no-repeat; background-position: top left; padding-left: 1.4em; margin-bottom: 3.0em; }
H2.SendToFriendThankYouMessage { font-size: 1.1em; margin-left: 0.9em; margin-bottom: 5.0em; }

#actions-contain { text-align: right; float: none; clear: both; }
#actions { width: 585px; float: right; }
#actions P.backtop { background-image: url('/images/icon-up-arrow.gif'); font-size: 0.9em; line-height: 1.2em; background-repeat: no-repeat; background-position: top left; padding-left: 1.4em; margin-top: 0; margin-bottom: 3.0em; }
#actions SPAN.printVersion { display: block; background-image: url('/images/icon-printer.gif'); margin-right: 1.2em; font-size: 0.9em; line-height: 1.2em; background-repeat: no-repeat; background-position: top left; padding-left: 1.4em; margin-bottom: 3.0em; }
#actions SPAN.sendToFriend { display: block; background-image: url('/images/icon-envelope.gif'); font-size: 0.9em; line-height: 1.2em; background-repeat: no-repeat; background-position: top left; padding-left: 1.6em; margin-bottom: 3.0em; }

/* TABLE-BASED LISTS */
#contentDiv #tableList { margin-top: 1.2em; }
#contentDiv #tableList TABLE { border-top: 1px #CCC solid; border-left: 1px #CCC solid; }
#contentDiv #tableList TD { padding: 0.7em 1.0em 1.0em 1.0em; border-right: 1px #CCC solid; border-bottom: 1px #CCC solid; overflow: hidden; }
#contentDiv #tableList TD.logo { text-align: center; }
#contentDiv #tableList TD.desc { padding-left: 1.2em; background-color: #f7f7f7; }
#contentDiv #tableList TD.photo IMG { float: left; border: #ccc 3px solid; margin: 0 0.8em 0 0; }
#contentDiv #tableList TD.photo IMG.logo { float: right; border: none; margin: 0 0 0.6em 0.6em; }
#contentDiv #tableList TD.photo P { margin-top: 1.0em; }
#contentDiv #tableList P { margin: 0 0.1em 0 0; line-height: 1.2em; }
#contentDiv #tableList UL { margin: 0.3em 0 0 2.0em; padding: 0; }
#contentDiv #tableList UL LI { line-height: 1.2em; list-style-image: url('/images/bullet-teal-square-tablelis.gif'); }
#contentDiv #tableList TD.desc UL { margin-top: 0.2em; margin-left: 1.6em; }

/* RIGHT COLUMN CALLOUT BOXES */
#contentDiv #rightcol-box { width: 145px; margin-bottom: 1.5em; border-top: 1px solid #B7D31B; border-bottom: 1px solid #B7D31B; overflow: hidden; }
#contentDiv #rightcol-box P, #contentDiv #rightcol-box UL LI { font-size: 0.9em; color: #666; line-height: 1.2em; margin-top: 0; margin-bottom: 1.0em; }
#contentDiv #rightcol-box UL LI { margin: 0; padding: 0; }
#contentDiv #rightcol-box UL { margin-top: 0; margin-left: 1.8em; padding: 0; }
#contentDiv #rightcol-box P.hd { margin: 0; }
#contentDiv #rightcol-box P.header { margin: 0.3em 0; font-weight: bold; }
#contentDiv #rightcol-box P.teaser { background-image: url('/images/bullet-green-arrow-rightcol.gif'); }
#contentDiv #rightcol-box IMG.tile { float: left; margin: 0.3em 0.8em 1.0em 0; }
#contentDiv #rightcol-box H4 { font-size: 1.0em; margin: 0px; color: #006f82; font-weight: bold; }
#contentDiv #rightcol-box.left { width: 150px; margin-top: -4.0em; margin-left: 0.9em; margin-bottom: 1.5em; border-top: none; border-bottom: none; overflow: hidden; }
#contentDiv #rightcol-box.left A { text-decoration: none; }

/* ALT ROWS TABLE */
#contentDiv #tableAlt { margin-top: 1.4em; }
#contentDiv #tableAlt TABLE { border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
#contentDiv #tableAlt TD { color: #333; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 0.3em 0.6em 0.6em 0.6em; }
#contentDiv #tableAlt TR.rowOdd { background-color: #F7FBE3; }
#contentDiv #tableAlt TR.rowEven { background-color: #FFF; }

/* CASE STUDY, QUOTES, HEADSHOTS */
#contentDiv #casestudy { width: 585px; }
#contentDiv #casestudy #logo { margin-top: 0.3em; margin-right: 1.2em; }
#contentDiv #casestudy #results { margin-top: 2em; }
#contentDiv #casestudy #results TABLE { border-top: 1px #CCC solid; border-left: 1px #CCC solid; }
#contentDiv #casestudy #results TH,#contentDiv #casestudy #results TD { padding: 0 0.8em; border-right: 1px #CCC solid; border-bottom: 1px #CCC solid; width: 33.33%; overflow: hidden; }
#contentDiv #casestudy #results TH { color: #006f82; font-size: 0.75em; background-color: #F7F7F7; padding: 0.3em 0.8em; text-align: left; }
#contentDiv #casestudy #results P,#contentDiv #casestudy #results UL LI { line-height: 1.2em; margin: 0.6em 0.2em 0.8em 0.2em; }
#contentDiv #casestudy #results UL { margin: 0.6em 0 0 1.4em; padding: 0; }
#contentDiv #casestudy #results UL LI { list-style-image: url('/images/bullet-teal-square-tablelis.gif'); }

#contentDiv #quote { float: right; width: 14em; margin: 0 0 1.2em 1.2em; background-image: url('/images/back-quotes.gif'); background-repeat: no-repeat; background-position: top left; overflow: hidden; }
#contentDiv #quote.template { width: auto; margin: 0; }
#contentDiv #quote P { margin: 0.0em 0em 1.0em 1.2em; }
#contentDiv #quote SPAN { font-size: 0.9em; line-height: 1.2em; color: #666; }

#contentDiv .headshot { float: left; }
#contentDiv .headshot P { margin-bottom: 0; }
#contentDiv .headshot IMG { border: #ccc 3px solid; margin: 0.6em 1.2em 0.6em 0; }

#contentDiv #job-listings P { margin-bottom: 0 }
#contentDiv #job-listings UL { margin-top: 0 }

/* STRATEGIC PARTNERS LIST */
#contentDiv #strat-partner-list { width: 585px; border-top: 1px solid #CCC;}
#contentDiv #strat-partner-list .odd, #strat-partner-list .even { display: table; #position: relative; overflow: hidden; height: 10em; width: 291px; float: left; }
#contentDiv #strat-partner-list .odd { border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#contentDiv #strat-partner-list .even { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#contentDiv #strat-partner-list .middle { display: table-cell; #position: absolute; #top: 50%; vertical-align: middle; }
#contentDiv #strat-partner-list .inner { #position: relative; #top: -50%; width: 99.5%; text-align: center; }
#contentDiv #strat-partner-list P { margin: 0.2em 0; overflow: hidden; }

/* HOMEPAGE */
#convio-nonprofit-solutions { }
#convio-nonprofit-solutions H1 { font-size: 1.0em; margin-top: 0; margin-bottom: 0.7em; padding-left: 11px; margin-right: 0.5em; background: transparent url('/images/home-gold-square.gif') no-repeat top left; }
#dropmenu A { border: #b0b0b0 1px solid; padding: 2px; display: block; background: url('/images/menu-down.gif') #fff no-repeat right center; text-decoration: none; color: #333; }
#dropmenudiv { position: absolute; border: 1px solid #B0B0B0; z-index: 100; text-align:left;}
#dropmenudiv A { display: block; padding: 2px; text-decoration: none; color:#333; }
#dropmenudiv A:hover { background-color: #DDD; }
#home-subhero { background: none; border-bottom: 1px solid #B7D31B; padding: 0 0 0.4em 0; margin: 0; }
#home-subhero.top { background: transparent url('/images/home-subhero-back.jpg') repeat-x top left; }
#home-subhero EM { color: #666;}
#home-subhero P { margin: 0 0.8em 1.0em 0.4em; line-height: 1.2em; }
#home-subhero P.teaser { background-image: url('/images/bullet-green-arrow-rightcol.gif'); }
#home-subhero A IMG { margin: 0; }
#home-subhero #news P { font-size: 0.9em; margin-left: 0.5em; }

/* SITEMAP */
#sitemap { margin-bottom: 2.0em; }
#sitemap UL { margin-top: 1.6em; margin-left: 1.6em; padding: 0; }
#sitemap UL LI { list-style-image: url('http://www.convio.com/images/bullet-green-arrow-rightcol.gif'); padding: 0; margin-bottom: 0.4em; line-height: 1.2em; }
#sitemap UL UL { margin-top: 0.4em; }

/* FORMS */
TEXTAREA, INPUT, SELECT, OPTION { font-family: Verdana; font-size: 1.0em; color: #000; }
.elqFormTable { }
.elqFormTable TD { font-size: 0.7em; color: #333; padding: 0 0 0.3em 0; }
.elqFormTitle { }
.elqFormRow { }
.elqFormFieldLabel { display: block; text-align: right; width: 115px; padding-top: 0.2em; padding-right: 0.5em; vertical-align: middle; }
.elqFormField { border: 1px solid #A5ACB2; }
.elqFormTable TD TD INPUT.elqFormField { border: none; }
.elqFormSubmit { font-size: 1.1em; margin-top: 0.6em; }

/* SIGN-IN FORM */
#contentDiv FORM#signinform TH.Title { font-size: 0.75em; font-weight: bold; color: #006F82; text-align:left; }
#contentDiv FORM#signinform TD { vertical-align: top; padding: 0.1em; }
#contentDiv FORM#signinform TD LABEL { display: block; padding-top: 0.3em; }
#contentDiv FORM#signinform INPUT.USERNAME,#contentDiv FORM#signinform INPUT.Password { width: 200; }
#contentDiv FORM#signinform INPUT.login { display: block; font-size: 1.1em; margin-top: 0.4em; margin-bottom:1.0em; }
#contentDiv FORM#signinform INPUT.RememberMe { float: left; margin-left: 4.2em; }

/* CALENDAR LIST */
#contentDiv .smallMargin .centered { display: none; }
#contentDiv .smallMargin .datelink { display: none; }
#contentDiv .smallMargin P { line-height: 1.2em; margin-top: 0; }
#contentDiv .smallMargin P.callist { font-weight: bold; padding-top: 0.2em; padding-left: 1.3em; background-image: url('/images/bullet-green-arrow.gif'); background-position: top left; background-repeat: no-repeat; }
#contentDiv .smallMargin P.callist IMG { display: none; }

/* TELL-A-FRIEND FORM */
TABLE.sendToFriend { margin-top: 2.0em; margin-left: 0.9em; margin-bottom: 2.0em;}
TABLE.sendToFriend TD { font-size: 0.7em; color: #333; text-align: left; vertical-align: top; margin: 0; padding: 0.4em;  }
TABLE.sendToFriend INPUT#submitbutton { font-size: 1.1em; margin-left: 13em; }
TABLE.sendToFriend TD A { display: block; }