/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
a:link, a:visited { color: #f6eaab; text-decoration: none; }
a:hover, a:active { color: #fff; text-decoration: underline; }

/*--------------------------------------------------
   Banners at top of page
--------------------------------------------------*/
#pageFrameHome #bannerBox
{
   background: url(../graphics/shadow_r.png) repeat-y;
   background-position: top right;
   text-align: left;
   color: #000;
   margin: 20px 0px 0px 155px;
   padding: 0px;
   width: 905px;
}

* html #pageFrameHome #bannerBox { background: none; }

#bannerBox #photoWrap
{
   background-color: #57273e;
   margin: 0px;
   padding: 8px 0px 8px 8px;
   width: 603px;
   height: 364px;
   float: left;
}

#bannerBox #photo 
{
   width: 603px;
   height: 364px;
}

#bannerBox #text
{
   background: url(../graphics/banner_back.jpg) no-repeat;
   background-position: 0px 8px;
   background-color: #57273e;
   margin: 0px;
   padding: 8px 8px 8px 0px;
   width: 271px;
   height: 364px;
   float: left;
   color: #fff;
   overflow: hidden;
}

.bg-dk-purple { background-color: #2c2733; }
.bg-purple { background-color: #57273e; }
.bg-pink { background-color: #9d1b43; }
.bg-lt-orange { background-color: #ff7942; }
.bg-orange { background-color: #dd4a12; }

#bannerBox #text h3
{
   margin: 0;
   font-family: Tahoma, Geneva, sans-serif;
   outline: none;
   height: 30px;
}

#bannerBox #text h3 a
{
   background-image: url(../graphics/banner_swirl.png);
   background-repeat: no-repeat;
   text-decoration: none;
   background-position: 8px 11px;
   font-size: 12px;
   font-weight: normal;
   letter-spacing: 0.7px;
   text-transform: uppercase;
   color: #fff;
   padding: 5px 0px 0px 37px;
   margin: 0;
   width: 234px;
   height: 25px;
   display: block;
   outline: none;
}

* html #bannerBox #text h3 a { background-image: url(../graphics/banner_swirl.gif); }

#bannerBox #text h3 a:hover 
{
   text-decoration: none;
   color: #f6eaab;
}

#bannerBox #text div 
{
   height: 174px; 
   padding: 20px 20px 20px 25px;
   color: #fff;
}

* #bannerBox #text div
{
   overflow: hidden;
}

#bannerBox #text div h2 
{
   font-family: Tahoma, Geneva, sans-serif; 
   color: #fff; 
   padding-bottom: 10px;
}

#pageFrameHome #shadowBottom
{
   display: block;
   margin: 0px 0px 0px 155px;
   padding: 0px;
}

/*------------------------------------------------------------
   What's Happening, Calendar and News
------------------------------------------------------------*/
#pageFrameHome #eventsBox
{
   text-align: left;
   margin: 10px 0px 0px 155px;
   padding: 0px;
   height: 345px;
}

#pageFrameHome #miniCalendarPackage { margin-top: 20px; }

#eventsBox #events,
#eventsBox #news
{
   background: url(../graphics/news_body_back.png) repeat-x;
   background-color: #040501;
   color: #fff;
   margin: 0px 25px 0px 0px;
   padding: 0px;
   width: 585px;
   height: 345px;
   float: left;
}

#eventsBox #news { width: 280px; }

#eventsBox h2
{
   background-color: #2c2733;
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 18px;
   font-weight: bold;
   line-height: 18px;
   color: #fff;
   height: 25px;  /* 33 - 8 */
   display: block;
   padding: 8px 0px 0px 15px;
   margin: 0px;
}

#eventsBox #news h2 { background-color: #57273e; }

#eventsBox .newsSummary 
{
   line-height: 133%;
   color: #fff;
   margin: 15px; 
}

#eventsBox #events p,
#eventsBox #news p
{ 
   padding: 0px 15px; 
}

/*------------------------------------------------------------
   Music Player
------------------------------------------------------------*/
#pageFrameHome .line
{
   margin: 0px 0px 0px 120px;
   padding: 30px 0px 25px 0px;
   display: block;
}

#pageFrameHome #musicBox
{
   text-align: left;
   margin: 0px 0px 0px 155px;
   padding: 0px;
}

/*------------------------------------------------------------
   3 Info Boxes
------------------------------------------------------------*/
#pageFrameHome #infoBox
{
   text-align: left;
   margin: 10px 0px 0px 155px;
   padding: 0px;
   height: 180px;
}

#infoBox #info1, 
#infoBox #info2, 
#infoBox #info3
{
   background: url(../graphics/info_body_back.png) repeat-x;
   font-size: 13.5px;
   margin: 0px 25px 0px 0px;
   padding: 0px;
   width: 280px;
   height: 180px;
   float: left;
   background-color: #322d22;
}

#infoBox h2
{
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 20px;
   font-weight: bold;
   line-height: 20px;
   color: #f5eaac;
   padding: 15px 0px 0px 15px;
   margin: 0px;
   height: 33px;  /* 48 - 19 */
}

#infoBox a.headLink 
{ 
   display: block;
   cursor: pointer;
}

#infoBox a.headLink:link, #infoBox a.headLink:visited
{
   background: url(../graphics/info_arrow.gif) no-repeat;
   background-position: 250px 19px;
   background-color: #342005;
   text-decoration: none; 
}

#infoBox a.headLink:hover, #infoBox a.headLink:active 
{ 
   background: url(../graphics/info_arrow_s.gif) no-repeat;
   background-position: 250px 19px;
   background-color: #3e1022;
   text-decoration: none;
}

#infoBox p
{
   line-height: 140%;
   color: #fff;
   padding: 19px 15px 15px 15px;
}