/* CSS DOCUMENT FOR VRL EVENTS PAGES  */
   html {height:100.01%;}
   body {font: 76%/1.4 Arial, Verdana, Helvetica, sans-serif; background: #DEDEDE; color:#494848; text-align:center; padding:0 0 20px 0;}

/* KILL BROWSER DEFAULTS */
   * {margin:0; padding:0;}
   img {border:none;}

/* GENERAL LAYOUT RULES */
   h1, h2, h3 {font-size:1.7em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 .4em 0; padding:0; line-height:1;}
   h2 strong  {font-weight:normal; color:#000;}
   h3         {font-size:1.4em; margin:1em 0 2px 0; line-height:1.1;}
   h4         {font-size:1.1em; margin:1em 0 0 0;}
   h5         {font-size:1em; margin:1em 0 0 0;}
   h6         {font-size:1em; margin:0;}
   p          {margin:0 0 1em 0;}
   hr         {height:1px; color:#DEDEDE; border: 0; background-color: #DEDEDE; margin: 10px 0;}
   span.required {color:red;}

/* GENERAL LAYOUT RULES - LINKS */
   a, a:visited {color:#0055A5; text-decoration:none;}
   a:hover      {color:#0055A5; text-decoration:underline;}
   a              {outline:none;}

/* LAYOUTS COMMON TO ALL PAGES */
   div#wrapper              {margin:0 auto; text-align:left;  background-color:#fff; padding:0 12px 10px 12px; width:922px;}  

/* TOP PAGE HEADER (div topslot and all rules under it) */
   div#topslot              {width:922px; border-bottom:1px solid #B5D3DE; padding:10px 0 10px 0; float:left;}
   div#leaderboard          {float:left; width:728px; height:90px;}
   div#vrleventlogo         {float:left; background:#F1F1F1; border:1px solid #E1E1E1; padding:0; margin:0 0 0 10px; width:182px; min-height:88px; height:auto !important;}
   div#vrleventlogo img     {margin:0;}

/* TOP EVENT BANNER (div header and all rules under it) */
   div#eventBanner          {width:922px; border-bottom:1px solid #B5D3DE; padding:4px 0 4px 0; margin:0 0 10px 0; float:left;}
   div#eventLogo            {margin-right:20px; float:left; width:408px;}
   div#eventDescription     {float:left;width:480px;}
   div#eventDescription h1  {color:#0055A5;margin:10px 0 0; font-size:1.6em; line-height:1.2;}
   div#eventDescription h2  {color:#00A4E4;margin:0;font-size:1.6em;line-height:1.2;}
   div#eventDescription h3  {margin-top:0;}
   div#eventDescription p   {font-family:Georgia,Times,serif;font-size:1.4em; line-height:1.2; margin:0;}

/* MAIN CONTENT, containg leftcolumn, centercolumn, rightcolumn, footer*/
   div#contentholder        {}
   .clearfix:after          {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
   div#contentblock         {float:left; padding:0; width:922px;border-left:none;}

/* LEFT COLUMN */
   div#left           {float:left; width:168px; margin:0 0 20px 0;}

/* LEFT COLUMN-SUBNAV*/
   div#subnav         {width:168px; border:none;  margin:0 0 12px 0;font-size:1em; }
   div#subnav ul      {list-style-type:none;}
   div#subnav ul li   {line-height:1.3; padding:0;}
   div#subnav ul li a {width:146px;  background: url('assets/event-nav.png') repeat-y top right #F6F1E4; 
                       border:1px solid #E7E1D1;  border-right:1px solid #DEDEDE;   margin:0 0 4px 0;  z-index:999;
                       padding:5px 10px; border-bottom:1px solid #E7E1D1; text-decoration:none;  display:block;}
   div#subnav ul li a:hover { background-image:none; background-color:#fff;}
   span.red           {color:red;font-style:italic;}

/* LEFT COLUMN- LATEST & SPONSOR BOXES*/
   div.latest, div.sponsorBox                  {width:158px; margin:0 0 12px 0; font-weight:normal; font-size:1em; border:1px solid #DEDEDE;}
   div.latest a:hover, div.sponsorBox a:hover  {background:#F1F1F1; text-decoration:none;}
   div.latest p a, div.sponsorBox p a          {padding:4px 10px 4px 10px; display:block; width:138px;}
   div.latest h5          {border:none; border-bottom:1px solid #DEDEDE; margin:0; padding:6px 10px; width:138px; background:#F1F1F1; }
   div.latest p           {margin:0;}
   div.sponsorBox h5      {border:none; border-bottom:1px solid #DEDEDE; margin:0; padding:6px 10px; width:138px;background:#FFEBCA;}
   div.sponsorBox p       {text-align: left;margin:0;}
   div.sponsorBox p a img {float:right; margin:0 0 2px 2px; margin-top:6px;}
/*END OF LEFT COLUMN*/

/* CENTER COLUMN GENERAL RULES - page specific rules follow later */
   div#content {border-left:none; border:1px solid #DEDEDE; min-height:700px; height:auto !important; 
                height:700px;float:left;padding:20px 20px; margin:0 0 0 0; width:544px;}

/* CENTER COLUMN LISTS */
   div#content ul       {margin:0 0 1em 3em;}
   div#content ul li    {padding:0; list-style-type:disc; line-height:1.4;}
   div#content ul ul    {margin:.3em 0 .3em 3em;}
   div#content ul ul li {}
   div#content ul ul ul li {}
   div#content ol       {padding:0 0 0 0; margin:.5em 0 1em 3em;}
/*END OF CENTER COLUMN*/

/* RIGHT HAND COLUMN */
   div#right            {float:right; width:160px; margin:0 0 0 0;}
   div#right  div.ad    {width:160px; margin:0 0 12px 0;}
   div#right  div.ad h3 {background:#F1F1F1; border:1px solid #DEDEDE; margin:0; padding:8px 10px; font-size:1.1em; font-weight:bold;}
   div#right  div.ad img {display:block; margin-right:auto; margin-left:auto; margin-top:15px; margin-bottom:20px}


/* FOOTER */
   div#footer            {float:left; font-size:.92em; width:922px; margin:10px 0 0 0;}
   div#footer ul         {float:left; list-style-type:none; padding:8px 0 0 0; height:16px; width:531px;}
   div#footer ul li      {float:left; padding:0 0 0 4px;}
   div#footer ul li.link {margin:0 0 0 20px;}
   div#footer ul li.copyright {margin:0 0 0 20px;}
   div#footer ul li a    {}
/* end footer */

/* CONTACT INFO USED ON SEVERAL PAGES */
   div#contact h4        {margin:10px 0 0 25px;}
   div#contact p         {margin:10px 0 0 40px; font-weight:bold;}
   div#contact p a       {font-weight:normal;}
   div#contact p.noSpace {margin:0 0 0 40px; font-weight:normal;}
/* END OF CONTACT INFO*/

/*-PAGE SPECIFIC RULES BELOW - */ 
/* EVENT INTRODUCTION PAGE SPECIFIC */
   div#eventintro {border:1px solid #DEDEDE; float:left; margin:0 0 20px; width:544px;}
   div#eventintro h3 {font-size:1.6em; line-height:1.1; margin:0; padding:14px 20px; width:280px;}
   div#eventintro div#quote {margin:-1px -1px -1px 0;
              background:#E3F0FB url(assets/left-quote-small.png) no-repeat scroll 6px 10px;
              border:1px solid #CDDFEE;float:right; padding:0 6px;}
   div#eventintro div#quote blockquote { font-size:1.1em; line-height:1.3; 
              background:transparent url(assets/right-quote-small.png) no-repeat scroll right bottom;
              font-weight:normal; padding:20px 10px 20px 24px; display:block;}
   div#quote cite {display:block; font-size:1em; font-weight:bold; padding:0 10px 10px 20px; font-style:italic;}
/*END OF EVENT INTRODUCTION PAGE*/
   
/* AGENDA PAGE SPECIFIC */
   div#agenda p {margin-left:15px;}

/* VENUE PAGE SPECIFIC */
   div#venuePage h1.lower {margin: 25px 0 0px 10px;}
   div#venuePage p {margin:0 0 10px 10px; text-align:justify;}
   div#venuePage p.under {margin: 0 0 25px 10px;}
   div#venuePage img.rightFloat {float:right; margin: 0 0px 0px 20px;}
   div#venuePage img.leftFloat  {float:left; margin: 5px 20px 10px 10px;} 
   div#venuePage h2  {clear:both; margin: 50px 0 30px 0px;} 
 
/* SPONSOR PAGE SPECIFIC */
   div#writeSponsorsPage h4 {margin:20px 0 10px 0px; }
   div#writeSponsorsPage h5 {margin:10px 0 0 30px;}
   div#writeSponsorsPage p {margin: 0 0 5px 30px; text-align:justify;}
   div#writeSponsorsPage a.sponsorUs  {margin: 0 0 0 30px; font-weight: bolder; line-height:40px;} /* for one off sponsor us line */ 
   div#writeSponsorsPage .sponsorBlock {margin:15px 0 40px 0;}
   div#writeSponsorsPage img {margin: 0 0 0 30px; border: 0; float:left; padding: 5px 20px 10px 0;}
   div#writeSponsorsPage img.long {padding-bottom: 30px;} /*optionally used to add extra space under an image, preventing text trailing under the image */

/* WRITEASSOCIATIONS PAGE SPECIFIC */
   div#writeAssociations p  {margin: 10px 0 0 40px;}
   div#writeAssociations h4 {margin: 40px 0 0 30px;}
   div#writeAssociations .sponsorImg {background:#F1F1F1;border:1px solid #DEDEDE;margin:5px 10px 15px 100px;width:340px;}
   div#writeAssociations a {background:#F1F1F1;}
   div#writeAssociations a#whiteBackground {background:#FFF;}
   div#writeAssociations img {border:15px solid #F1F1F1; padding:5px;}

/* WRITE AWARDS PAGE SPECIFIC */
   div#awardsDinner p            {margin:0 0 0 20px; text-align:justify} 
   div#awardsDinner p.noGapAbove {margin:0 0 1em 20px;} 
   div#awardsDinner h4           {margin-left:20px;} 
   div#awardsDinner ul           {margin-bottom:40px;} 


/* EVENT REGISTRAITON & REGISTER FOR ALERTS PAGES */
   div#errorBlock {color:red;border-top:solid 1px red;border-bottom:solid 1px red;padding:10px 0 10px 0;}
   p.errorTitle   {font-weight:bold;}
   p.error        {margin:0 0 0 60px;}

/* EVENT REGISTRATION PAGE SPECIFIC */
   div#eventRegistration h6#rate {float:left; width:160px; height:90px;font-weight:normal;padding:50px 0 0 50px; margin-top: 5px;} 
   div#eventRegistration fieldset#rateRadio {border:0;float:left;width:320px; margin-bottom:20px; margin-top: 5px; }
   div#eventRegistration fieldset#rest {clear:left;border:0;}
   div#eventRegistration fieldset#rest label {width:160px; float:left;margin-left:50px;}
   div#eventRegistration fieldset#rest input {width:239px; float:left; margin-top:3px;}
   div#eventRegistration fieldset#rest select {width:242px; float:left; margin-top:3px;} 
   div#eventRegistration fieldset#rest br {clear:left;}
   div#eventRegistration fieldset#additionalBookings {border: 0; margin:0 0 0 50px;}
   div#eventRegistration .indented{border: 0; margin:0 0 0 50px;}
   div#eventRegistration .indentedlower {margin:20px 0 0 50px;}
   div#eventRegistration .Textarea1 {width:420px;}
   div#eventRegistration  #Submit1, 
   div#eventRegistration  #Reset1  {width:150px; margin: 0 0 0 50px;background: #F6F1E4;}

 
/* REGISTER FOR ALERTS PAGE SPECIFIC */
   div#registerAgenda fieldset       {border: 0; margin: 5px 5px 0 20px;}
   div#registerAgenda fieldset label         {width: 150px;float:left; margin: 2px 0 2px 0; }
   div#registerAgenda fieldset #forcheckbox1 {width: 100px; margin: 2px 0 20px 20px;}
   div#registerAgenda fieldset #forcheckbox2 {width: 170px; margin: 2px 0 20px 20px;}
   div#registerAgenda select,  
   div#registerAgenda fieldset input {width: 250px;float:left; margin: 2px 0 2px 0;  }
   div#registerAgenda fieldset #checkOpt1, 
   div#registerAgenda fieldset #checkOpt2 {width: 10px;float:left; margin: 2px 0 2px 0;  }
   div#registerAgenda fieldset br    {clear:left; }
   div#registerAgenda fieldset input#subbutton {background:#FFEBCA; margin: 6px 0 2px 0;}
   div#registerAgenda fieldset #Submit1, 
   div#registerAgenda fieldset #Reset1  {width:150px; margin: 0 0 0 50px;background: #F6F1E4; }
   div#registerAgenda p.marginTop    {margin: 20px 0 0 0; font-weight:bold;}
/* END OF REGISTER FOR ALERTS PAGE Specific */

/* SPEAKER PAGE*/
   div#speakers h4            {margin:20px 0 0 10px;font-size:1.2em}
   div#content  #speakers ul  {margin:0px 0 0 25px;}
   div#speakers li            {margin:20px 0 0 10px;font-size:1.2em;font-weight:bold;}
   div#speakers li.role       {margin:0 0 0 10px; list-style:none; font-weight:normal; font-size:12px;}
   div#speakers li.company    {margin:0 0 0 10px; font-weight:bold;  list-style:none;font-size:12px;}

/* NOMINATIONS PAGE*/
   div#nominations li {margin-left:15px;}
   div#nominations li {font-size:1.1em; line-height:1.2em;}
   div#nominations li.winner {font-weight:bold; font-size:1.2em; line-height:1.4em;}
   div#nominations p  {margin-left:1.2em;}
   div#nominations h2 {background:#F1F1F1; border:1px solid #DEDEDE; padding: 10px 0 10px 10px; margin:40px 0 20px 15px;}

/* BROCHURE PAGE*/
   div#writeBrochure fieldset       {border: 0; margin: 5px 5px 0 20px;}
   div#writeBrochure fieldset label         {width: 150px;float:left; margin: 2px 0 2px 0; }
   div#writeBrochure fieldset #forcheckbox1 {width: 100px; margin: 2px 0 20px 20px;}
   div#writeBrochure fieldset #forcheckbox2 {width: 170px; margin: 2px 0 20px 20px;}
   div#writeBrochure select,  
   div#writeBrochure fieldset input {width: 250px;float:left; margin: 2px 0 2px 0;  }
   div#writeBrochure fieldset #checkOpt1, 
   div#writeBrochure fieldset #checkOpt2 {width: 10px;float:left; margin: 2px 0 2px 0;  }
   div#writeBrochure fieldset br    {clear:left; }
   div#writeBrochure fieldset input#subbutton {background#EDE6D8; margin: 6px 0 2px 0;}
   div#writeBrochure fieldset #Submit1, 
   div#writeBrochure fieldset #Reset1  {width:150px; margin: 0 0 0 50px;background: #EDE6D8; }
   div#writeBrochure p.marginTop    {margin: 20px 0 0 0; font-weight:bold;}

/* PRESENTATIONS PAGE Specific */
   div#presentations .content   {margin:0 50px;}
   div#presentations form       {margin:0 0 0 20px;}
   div#presentations #submit    {background: #F6F1E4; width: 150px; margin-left:60px }
   div#presentations p.central  {text-align: center;}
   div#presentations p.error    {margin-left: 0; color:red;}
   div#presentations li         {margin:20px 0 0 10px;font-size:1.2em;font-weight:bold;}
   div#presentations li.role    {margin:0 0 0 10px; list-style:none; font-weight:normal; font-size:12px;}
   div#presentations li.company {margin:0 0 0 10px; font-weight:bold;  list-style:none;font-size:12px;}
   div#presentations li.link    {margin:0 0 0 10px; list-style:none; font-size:12px; font-weight:lighter;}
   div#presentations .content ul {margin:0}
   h1.lower {margin-top:40px;}
   p.lefter {margin: 1em 0 0 60px;}