#breadcrumbs                      {display: none;}

#subnavWrapper                    {display: none;}

#contentWrapper                   {display: block; float: none; margin: 20px 0 0; padding: 0; width: 940px; background: none;}

#content                          {width: 278px; background: none;}

#tabbedBox                        {display: inline; float: left; width: 300px;}
#tabbedBox .tabs                  {margin: 0; padding: 0;}
#tabbedBox .tabs h1,
#tabbedBox .tabs h2               {margin: 0; padding: 0; font-size: 1.6em;}
#tabbedBox .tabs li               {display: inline; float: left; margin: 0; width: 145px; list-style: none;}
#tabbedBox .tabs li#secondTab     {margin-left: 10px;}
#tabbedBox .tabs li a             {display: block; padding: 10px; width: 125px; background: #0C4076 url(../images/design/home/inactive_tab_bg.jpg) repeat-x top; text-decoration: none; color: #8BA5BB;}
#tabbedBox .tabs li:first-child a {border-left: none;}
#tabbedBox .tabs li a:hover       {color: #CCC;}
#tabbedBox .tabs li a:focus       {outline: none;}
#tabbedBox .tabs li a.active      {background: #165393 url(../images/design/home/tab_bg.jpg) repeat-x top; text-decoration: none; color: #FFF;}
.tabbedContent                    {display: none; clear: both; padding: 10px; width: 278px; height: 200px; background: #FFF url(../images/design/home/tabbedcontent_bg.jpg) no-repeat bottom; border: 1px solid #165393; overflow: hidden;}

.homeNewsItem .dateComments       {display: inline; float: left; margin-right: 10px; width: 25px; text-align: center; font-size: 80%;}
.homeNewsItem .dateComments .date {background: #032C58; border: 1px solid #032C58;}
.homeNewsItem .dateComments .date span{display: block; line-height: 130%;}
.homeNewsItem .dateComments .date .month{text-transform: uppercase; color: #FFF;}
.homeNewsItem .dateComments .date .day{padding: 3px 0; background: #FFF; color: #032C58;}
.homeNewsItem .dateComments .comments{clear: both; margin-top: 20px; padding: 3px 0 10px; background: url(../images/design/home/comment_bubble.gif) no-repeat top; line-height: 130%;}
.homeNewsItem .newsDetails        {display: inline; float: right; width: 230px;}

#branchMenu                       {display: inline; float: right; margin: 0; width: 620px;}
#branchMenu ul                    {float: left; margin: 0; padding: 0; width: 300px; list-style-type: none;}
#branchMenu li                    {margin: 0 0 5px; padding: 0; width: 300px; background: #CDD5DE url(../images/design/home/branch_menu_bottom.gif) no-repeat bottom;}
#branchMenu li a                  {display: block; padding: 30px 30px 30px; width: 240px; background: url(../images/design/home/branch_menu_top.gif) no-repeat top; font-weight: bold; font-size: 1.6em; color: #FFF;}
#branchMenu li a:link             {text-decoration: none; color: #000;}
#branchMenu li a:visited          {text-decoration: none; color: #000;}
#branchMenu li a:hover,
#branchMenu li a:focus            {text-decoration: underline; color: #666;}
#branchMenu li a:active           {text-decoration: underline; color: #666;}
#branchMenu #branch2              {float: right; text-align: right;}

#homeColumnSet                    {clear: both; margin: 20px 0 0; width: 940px; background: url(../images/design/home/homecolumnset_bg.gif) no-repeat bottom;}
#homeColumnSet .homeColumn        {display: inline; float: left; margin: 0 0 0 20px; width: 300px;}
#homeColumnSet .homeColumn.firstColumn{margin: 0;}

#homeColumnSet #homeVideo         {width: 300px;}
#homeVideo h2                     {padding: 10px; background: url(../images/design/home/latestimages_heading_bg.jpg) repeat-x top; color: #FFF;}
#homeVideo a img                  {margin: 0 10px 10px;}
#homeVideo .readMore              {margin: 0 10px 10px 0;}

#upcomingEvents h2                {padding: 10px; background: #165393 url(../images/design/home/tab_bg.jpg) repeat-x top; color: #FFF;}
#upcomingEvents #calendarPopout   {margin: 10px; width: 280px;}
#upcomingEvents p.readMore        {margin: 0 10px 0 0;}
#upcomingEvents #eventsList           {display: inline; float: right; width: 280px;}
#upcomingEvents p.readMore            {display: block; clear: both;}
#upcomingEvents ul                    {margin: 0; padding: 0; list-style-type: none;}
#upcomingEvents #upcomingEvents li    {margin: 10px; padding-left: 21px; background: url(../images/design/home/events_item.gif) no-repeat 0 4px;}
#upcomingEvents li a                  {font-weight: bold;}
#upcomingEvents li a:link             {text-decoration: none; color: #333;}
#upcomingEvents li a:visited          {text-decoration: none; color: #333;}
#upcomingEvents li a:hover            {text-decoration: underline; color: #666;}
#upcomingEvents li a:active           {text-decoration: underline; color: #666;}
#upcomingEvents table                 {border: none!important;}
#upcomingEvents table td{text-align: center; color: #333; background: none!important;}
#upcomingEvents table a {color: #333;}
#upcomingEvents .calendar_highlight a {font-weight: bold !important; color: #000 !important;}

#latestImages h2                  {padding: 10px; background: url(../images/design/home/latestimages_heading_bg.jpg) repeat-x top; color: #FFF;}
#latestImages p                   {margin: 20px 10px;}
#latestImages p.readMore          {margin: 0 10px 0 0;}
#latestImages p.readMore a        {background: url(../images/design/home/readmore_arrow_green.gif) no-repeat right; color: #5AA452;}
#latestImages p.readMore a:hover  {color: #004286;}

/* slideshow styles */
#slideShowHolder                  {position: relative; margin: 10px; width: 280px;}
#slideshow                        {display: inline; position: relative; float: left!important; margin: 0 30px!important; width: 158px; height: 180px; overflow: hidden;}
#slideshow ul                     {position: absolute; margin: 0; width: 20000em; list-style: none;}
#slideshow ul li                  {display: inline; float: left; margin: 0; padding: 0; background: none; list-style: none;}
#slideshow ul li img              {padding: 9px; width: 138px; height: 138px; background: #FFF; border: 1px solid #5AA452;}
#slideshow ul li img a            {width: 140px;}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage,
a.nextPage                        {display: inline; float: left; margin: 70px 5px; width: 18px; height: 18px; background: url(../images/slideshow/arrow/left.png) no-repeat; cursor: pointer;}
/* mouseover state */
a.prev:hover, a.next:hover,
a.prevPage:hover, a.nextPage:hover{padding: 0!important; background-position: 0px -18px;}
/* disabled navigational button */
a.disabled                        {visibility: hidden!important;}
/* next button uses another background image */
a.next, a.nextPage                {clear: right; background-image: url(../images/slideshow/arrow/right.png);}
/* position and dimensions of the navigator */
div#navi                          {margin-left: 100px; height: 20px;}
/* items inside navigator */
div#navi a                        {display: inline; float: left; margin: 3px; padding: 0!important; width: 8px; height: 8px; background:url(../images/slideshow/navigator.png) 0 0 no-repeat; cursor: pointer;}
/* mouseover state */
div#navi a:hover                  {padding: 0!important; background-position: 0 -8px;}
/* active state (current page state) */
div#navi a.active                 {background-position:0 -16px;}

span.note { display: block; font-size: 90%; line-height: 100%;}