/*********************************************************
 * Living at Cornell base template CSS and global stylings
 *********************************************************/
/* Note the body styling is in the "main.css" CU banner style sheet. */

/* header area */
#lac_brand_row     {width: 100%; height: 50px; background-color: #333333;}
#lac_brand_area    {width: 960px; height: 50px; margin-left: auto; margin-right: auto;}
#lac_mainnav_row   {width: 100%; height: 50px; background-color: #000000;}
#lac_mainnav_area  {width: 960px; height: 50px; margin-left: auto; margin-right: auto; background-color: #000000;}

/* page content area */
#content_row       {width: 100%; background-color: #eeeeee;}
#content_area      {width: 960px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE;} 

/* footer area */
#lac_footer_row    {width: 100%; border-top: 1px solid #000; padding-bottom: 30px;}
#lac_footer_area   {width: 960px; margin-left: auto; margin-right: auto;}

#applet_row        {width: 960px; height: 60px; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;
                    background-color: #999999;}
#applet_area       {width: 280px; float: right;}
#copyright         {float: right; margin-left: 9px; font-family: Verdana, Geneva, sans-serif; font-size: 8pt; color: #FFF; width: 160px; text-align: right;}

#footerlinksarea   {float: left; width: 570px; margin-top: 14px;}
a.footerlink       {font-family: Verdana, Geneva, sans-serif; font-size: 8pt; color: #FFF; padding: 4px 6px 0px 6px; margin-top: 5px; margin-left:30px; 
                    text-decoration: none; border-bottom: 1px solid #999999;}
a.footerlink:hover {font-family: Verdana, Geneva, sans-serif; font-size: 8pt;color: #FFF; padding: 4px 6px 0px 6px; margin-top: 5px; margin-left:30px; 
                    border-bottom: 1px dotted #FFF;}

#socialmedia_row   {width: 960px; height: 32px; padding-top: 4px;}
a.socialmedia      {text-decoration: none; margin-right: 6px;}
a.socialmedia img  {border:0;}

/* footer site / sub site color values */
.home_color        {background-color: #e6c9b3;}
.getstarted_color  {background-color: #c7c87a;}
.explore_color     {background-color: #dca954;}
.dine_color        {background-color: #407373;}
.live_color        {background-color: #6f6f9d;}
.participate_color {background-color: #6ea16f;}
.connect_color     {background-color: #ac6262;}

/* home page slide shows */
/* div#csGallery      {width: 960px !important; height: 400px !important; margin-top: -101px;} */ /* -110 */
div#llcGallery      {width: 960px !important; height: 400px !important; margin-top: -101px;} /* -110 */
div#slideGradient  {width: 960px; height: 320px; background-image: url(../images/background_slideshow.jpg); background-repeat: repeat-x;}

/* Home Page stylings: Tab Areas */
.lacTabArea                   {margin-top: -329px; width: 938px; padding: 0px 11px; z-index: 10000; margin-bottom: 20px; position: relative;}

.tabSpacerCell                {width: 10px; padding: 0px; border: 0px; vertical-align: top;}
.tabMainHomeLabelCell         {width: 306px; padding: 0px; height: 39px; background-image: url(../images/tab_mainHomePg.png); background-repeat: no-repeat;
                               font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 11pt; color: #663300; text-align: center;}
.tabLiveHomeLabelCell         {width: 306px; padding: 0px; height: 39px; background-image: url(../images/tab_liveHomePg.png); background-repeat: no-repeat;
                               font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 11pt; color: #FFF; text-align: center;}
.tabDineHomeLabelCell         {width: 306px; padding: 0px; height: 39px; background-image: url(../images/tab_dineHomePg.png); background-repeat: no-repeat;
                               font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 11pt; color: #FFF; text-align: center;}
.tabElementCell               {width: 286px; padding: 1px 10px 10px 10px; background-color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 9pt; 
                               color: #666666; vertical-align: top;}
.tabMainHomeMoreCell          {width: 286px; padding-top: 15px;background-color: #FFF; background-image: url(../images/tab_bottomGradient.png); 
                               background-repeat: no-repeat; background-position: center; text-align: center;}
.tabLiveHomeMoreCell          {width: 286px; padding-top: 15px;background-color: #FFF; background-image: url(../images/tab_btmGradientLIVE.png); 
                               background-repeat: no-repeat; background-position: center; text-align: center;}
.tabDineHomeMoreCell          {width: 286px; padding-top: 25px;background-color: #FFF; background-image: url(../images/tab_btmGradientDINE.png); 
                               background-repeat: no-repeat; background-position: center; text-align: center;}
.tabMainHomeMoreCell a.moreLink       {font-family: Verdana, Geneva, sans-serif; color: #cc9999; text-decoration: none; font-size: 9pt;}
.tabMainHomeMoreCell a.moreLink:hover {color: #993333; text-decoration: none;}
.tabDineHomeMoreCell a.moreLink       {font-family: Verdana, Geneva, sans-serif; color: #cc9999; text-decoration: none; font-size: 9pt;}
.tabDineHomeMoreCell a.moreLink:hover {color: #993333; text-decoration: none;}
.tabLiveHomeMoreCell a.moreLink       {font-family: Verdana, Geneva, sans-serif; color: #cc9999; text-decoration: none; font-size: 9pt;}
.tabLiveHomeMoreCell a.moreLink:hover {color: #993333; text-decoration: none;}
.diningPoster                 {text-align: center; padding-top: 10px; padding-bottom: 10px;}

/* Get Started home page */
.homePageIntro                        {margin-top: -329px; width: 860px; padding: 0px 30px; margin-bottom: 20px; position: relative;
                                       border: 1px solid #666; background-image: url(../images/background_newsprint.jpg); margin-left: auto; margin-right: auto;}
									   /* removed z-index: 10000; from above */
.homePageIntro td                     {padding-bottom: 20px;}
.homePageLinkArea                     {width: 300px; padding: 40px 12px 0px 12px; position: relative; border-left: 1px dotted #CCC; float: right; margin-left: 40px;}
.homePageLinkArea img.homePageLinkAreaFlair             
                                      {float: right; margin-right: -20px;} 
.getStartedIntroP                     {color: #990; font-size: 14pt;}
.homePageMajorLinkNbr                 {font-weight: bold; font-size: 24pt;color: #990; width: 36px;}
.homePageMajorLink                    {text-decoration: none; color: #900;}
.homePageMajorLink:hover              {color: #900; border-bottom: 1px dotted #F9C;}

.deadlinesApplyNow                    {width: 256px; height: 156px; padding: 80px 20px 0px 20px; background-image: url(../images/applynow-postIT.png); 
                                       background-repeat: no-repeat; float: right; margin-top: 20px;}
.deadlineList                         {padding-left: 0; margin-left: 0px; margin-right: 10px; margin-top: 0px; font-size: 10pt; margin-bottom: 0px; 
                                       padding-bottom: 0px;}
.deadlineList ul                      {padding-left: 16px; margin-left: 0; margin-top: 0;}

.deadlineList a                       {text-decoration: none; color: #900;}
.deadlineList a:hover                 {color: #900; border-bottom: 1px dotted #F9C;}

/* Connect home page */
.lookingForHelp                       {width: 256px; height: 101px; padding: 80px 20px 0px 20px; background-image: url(../images/lookingfor-postIT.png); 
                                       background-repeat: no-repeat; float: right; margin-top: 20px;}

/* Home Page custom announcement element */
div.announcementArea         {width: 286px; padding-top: 10px; background-color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 9pt; color: #666666;}
div.announcementImg          {width: 64px; background-color: #FFF; float: left;}
div.announcementText         {width: 212px; background-color: #FFF; float: right;}
div.announcementSpacer       {width: 286px; clear: both;}
div.announcementText a       {text-decoration: none; color: #900;}
div.announcementText a:hover {color: #900; border-bottom: 1px dotted #F9C;}

/* Home Page stylings: Ad Areas */
.lacAdArea                   {width: 952px; padding: 10px 4px; background-image: url(../images/background_adArea.png); background-repeat: no-repeat; 
                              background-position: top center; position: relative;}

.adSpacerCell                {width: 10px; padding: 0px; border: 0px; vertical-align: top;}
.adLabelCell                 {width: 306px; padding: 10px 0px 0px 0px; height: 29px; font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 11pt; 
                              color: #333333; text-align: center; vertical-align: top;}
.adDinelabel                 {font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 11pt; color: #333333; text-align: center;
                              padding-top: 10px;}
.adContentCell               {width: 306px; padding: 0px; vertical-align: top;}
.adContentCell p             {padding: 0px 8px 0px 18px; text-align: left; font-family: Verdana, Geneva, sans-serif; font-size: 9pt; color: #666666;}
.adContentCell a             {text-decoration: none; color: #900; font-size: 9pt; line-height: 1.6em;}
.adContentCell a:hover       {color: #900; border-bottom: 1px dotted #F9C;}
.adContentVideoCell          {width: 286px; padding: 0px; vertical-align: top; padding: 0px 10px 10px 10px;}
.adContentDineVideoCell      {width: 286px; padding: 20px 13px 10px 7px; vertical-align: top; background-image: url(../images/background_Dine_adArea.png); 
                              background-repeat: no-repeat; background-position: 0px 10px;}
.adContentDineCell           {width: 286px; padding: 20px 10px 10px 10px; vertical-align: top; background-image: url(../images/background_Dine_adArea.png); 
                              background-repeat: no-repeat; background-position: 0px 10px;}
.adContentDineCell a         {text-decoration: none; color: #900; font-size: 9pt; line-height: 1.6em;}
.adContentDineCell a:hover   {color: #900; border-bottom: 1px dotted #F9C;}

.adContentDineCell .adDinelabel {padding-bottom: 20px;}

.adCell                      {width: 286px; padding: 10px; vertical-align: top;}
.adCell a                    {text-decoration: none; color: #900;}
.adCellImage                 {}
.adCellCaption               {padding-bottom: 10px; text-align: center; font-family: "Times New Roman", Times, serif; font-size: 11pt; color: #333333; 
                              font-weight: bold;}
div.adCellAdText             {text-align: left; font-family: Verdana, Geneva, sans-serif; font-size: 9pt; color: #666666;}
span.adCellAdText p          {padding: 0px 8px 0px 8px;}
.dineHowToImageCell img      {float: right; margin-top: -90px;}


/* How To styling */
.howToDineCell               {width: 286px; padding: 6px 10px 10px 30px; background-color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 9pt; 
                              color: #666666; vertical-align: top;}
.howToDineCell a             {text-decoration: none; color: #900; font-size: 9pt; line-height: 1.8em; border-bottom: 1px solid #FFF;}
.howToDineCell a:hover       {color: #900; border-bottom: 1px dotted #F9C;}



/* Content Page Stylings */
.contentContainer            {background-color: #EEE;}
.headerGraphic               {width: 748px; height: 50px; float: right; margin-top: -101px;} /* 110 */

p                            {font-family: Verdana, Geneva, sans-serif;}

.breadcrumbArea              {font-family: Verdana, Geneva, sans-serif; font-size: 10pt; padding: 20px 0px;}
a.breadcrumbLink             {color: #333; text-decoration: none; border-bottom: 1px dotted #999;}
a.breadcrumbLink:hover       {color: #900; text-decoration: none; border-bottom: 1px solid #F9C;}

.contentPageArea             {-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; background-color: #FFF;
                              width: 960px; padding-bottom: 60px; position: relative;}
.footerSilhouette            {margin-top: -40px; position: relative;} /* change margin to 40px to get to the container element in admin mode */

.contentNavigationSidebar     {width: 260px; float: left; padding-top: 20px; padding-right: 10px;}
.contentPageContainer         {width: 660px; float: right; padding-right: 20px; font-size: 10pt; color: #333;}
.contentPageContainer a       {text-decoration: none; color: #900;}
.contentPageContainer a:hover {color: #900; border-bottom: 1px dotted #F9C;}

.contentSpacer960            {width: 960px; clear: both;}

h1.pageTitle                 {font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 18pt; color: #333333; text-align: center; padding-top: 20px;}
.contentTextBlock            {font-family: Verdana, Geneva, sans-serif; padding-top: 20px;}
.contentTextBlockCaption     {font-weight: bold; font-size: 14pt; color: #333333;}
.contentTextBlockText        {font-size: 10pt; color: #333333;}

/* 404 Page Styling */
.lookingForElement           {font-size: 10pt; color: #333; padding-left: 10px;}
.lookingForHeader            {font-weight: bold;}
.lookingForItem              {font-size: 9pt;}
.lookingForElement a         {text-decoration: none; color: #900;}
.lookingForElement a:hover   {color: #900; border-bottom: 1px dotted #F9C;}
.searchForm404               {padding: 10px; border: 1px dotted #666;}

/* Styling for Content Contributers to apply to page elements */
img.borderShadowRight        {border: 1px solid #99F; padding: 6px; 
                             -moz-box-shadow: 3px 8px 3px -2px #eaeaf0; -webkit-box-shadow: 3px 8px 3px -2px #eaeaf0; box-shadow: 3px 8px 3px -2px #eaeaf0; 
							 float: right; margin: 0px 0px 8px 8px;}
img.borderShadowLeft         {border: 1px solid #99F; padding: 6px; 
                             -moz-box-shadow: 3px 8px 3px -2px #eaeaf0; -webkit-box-shadow: 3px 8px 3px -2px #eaeaf0; box-shadow: 3px 8px 3px -2px #eaeaf0; 
							 float: left; margin: 0px 8px 8px 0px;}
img.noborderRight            {float: right; margin: 0px 0px 8px 8px;}
img.noborderLeft             {float: left; margin: 0px 8px 8px 0px;}