﻿/* screen.css */

/* -------------------------------------------------------------------------- */
/* utility */
/* -------------------------------------------------------------------------- */
.clear { clear: both; }


/* ========================================================================== */
/* global defaults */
/* ========================================================================== */
body 
{
    background-image: url(../images/master/bodybackground.jpg);
    font-family: Arial, Sans-Serif;
    color: #333;
}

a
{
    color: #002664;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

/*
:focus {
    outline: 1px solid red;
}
*/

/* ========================================================================== */
/* master page layout */
/* ========================================================================== */

#page-wrapper
{
    width: 970px;
    margin: 0 auto;
}

/* -------------------------------------------------------------------------- */
/* #page-header */
/* -------------------------------------------------------------------------- */
#page-header  
{
	height: 275px;
	background-image: url(../images/page/headerbackground.png);
	background-repeat: no-repeat;
	position: relative;
}

.home-page #page-header
{
    height: 450px;
    background-image: url(../images/master/headerbackground.png);
	background-repeat: no-repeat;
}

#page-header #logo
{
	height: 90px;
	width: 940px;
	margin: 0 auto;
}

#feature-image
{
    width: 935px;
    margin: 8px 0px 0px 20px;
}

#feature-image .overlay
{
    background-image:url(../images/page/deckel_page.png);
    height:159px;
    left:18px;
    position:absolute;
    top:95px;
    width:934px;
    z-index:3;
}

#feature-image .underlay
{
    z-index: 1;
    position: absolute;
}

.home-page .overlay
{
    background-image: url(../images/master/deckel_homepage.png);
    height: 338px;
    left: 15px;
    position: absolute;
    top: 93px;
    width: 938px;
    z-index: 3;
}


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

#main-navigation { position: absolute; top: 60px; left: 20px; }

#primarynav { position: relative; z-index: 500;}

#primarynav ul { background-image: url(../images/borders/primarynav/panelfringeright.png); background-position: right bottom; background-repeat: repeat-y; }

#primarynav .top
{ background-image: url(../images/borders/primarynav/panelfringetop.png); position: relative; z-index: 2; height: 3px; background-position: left bottom; background-repeat: repeat-x; }

#primarynav .bottom
{ background-image: url(../images/borders/primarynav/panelfringebottom.png); height: 3px; background-position: left bottom; background-repeat: repeat-x; }

#primarynav li.nav 
{
    float: left;
    position: relative;
    background-repeat: no-repeat;
    margin-left: -11px;
    /*border: solid 1px #f00;*/
}
/*#primarynav li { position: absolute; top: 0; z-index: 1000; background-repeat: no-repeat; }*/

#primarynav a:hover { text-decoration: none; }

#primarynav li#nav01 a { width: 60px; }
#primarynav li#nav02 a { width: 121px; }
#primarynav li#nav03 a { width: 121px; }
#primarynav li#nav04 a { width: 112px; }
#primarynav li#nav05 a { width: 173px; }
#primarynav li#nav06 a { width: 121px; }
#primarynav li#nav07 a { width: 129px; }
#primarynav li#nav08 a { width: 114px; }
#primarynav li#nav09 a { width: 84px; }

#primarynav li#nav01 a span { background-image: url(../images/master/primarynav/home.png); }
#primarynav li#nav02 a span { background-image: url(../images/master/primarynav/about.png); }
#primarynav li#nav03 a span { background-image: url(../images/master/primarynav/news.png); }
#primarynav li#nav04 a span { background-image: url(../images/master/primarynav/government.png); }
#primarynav li#nav05 a span { background-image: url(../images/master/primarynav/departments.png); }
#primarynav li#nav06 a span { background-image: url(../images/master/primarynav/residents.png); }
#primarynav li#nav07 a span { background-image: url(../images/master/primarynav/businesses.png); }
#primarynav li#nav08 a span { background-image: url(../images/master/primarynav/visitors.png); }
#primarynav li#nav09 a span { background-image: url(../images/master/primarynav/search.png); }

#primarynav a 
{
    color: #000;
    display: block;
    height: 28px;
    line-height: 25px;
    overflow: hidden;
    text-align: center;
    position: relative;
    text-indent: -9999px; /* Hide live text */
}

#primarynav a span { background-repeat: no-repeat; display: block; height: 77px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#primarynav a.current span { background-position: 0 -27px; position: absolute; z-index: 5; }

/*#n li.hover a span, #nav #nav03 a:hover span { background-position: 0 -50px !important; }*/
#primarynav li.hover a span { z-index: 500; position: absolute; background-position: 0 -55px !important; }

#primarynav li { z-index: 100; }

#primarynav li a.level0 { z-index: 151; }

#primarynav li .panel { position: absolute; display: none; z-index: 100; color: #fff; width: 150px; font-size: 13px; }
#primarynav li .panel .inner { margin-left: 3px; }

#primarynav li .panel li { display: block; float: none; background-color: #88AE8F; margin-right: 3px; }
#primarynav li .panel li a 
{
    /*display: inline;*/
    height: auto;
    /*line-height: 1.33;*/
    line-height: 13px;
    overflow: visible;
    position: static;
    text-align: left;
    /*background: none !important;*/
    background: none;
    /*padding: 0 !important;*/
    padding: 7px 10px;
    width: auto !important;
    font-weight: bold;
    text-indent: 0;
    color: #fff;
}

#primarynav li .panel li:hover { background-color: #c0c072; }

#primarynav #panel01 { margin-top: -2px; margin-left: 3px; width: 250px; background-image: url(../images/borders/primarynav/panelfringe.png); background-repeat: repeat-y; background-position: left top; }
#primarynav #panel02 { margin-top: -2px; margin-left: 3px; width: 250px; background-image: url(../images/borders/primarynav/panelfringe.png); background-repeat: repeat-y; background-position: left top; }
#primarynav #panel03 { margin-top: -2px; margin-left: 3px; width: 250px; background-image: url(../images/borders/primarynav/panelfringe.png); background-repeat: repeat-y; background-position: left top; }
#primarynav #panel04 { margin-top: -2px; margin-left: 3px; width: 233px; background-image: url(../images/borders/primarynav/panelfringe.png); background-repeat: repeat-y; background-position: left top;}
#primarynav #panel05 { margin-top: -2px; margin-left: 3px; width: 200px; background-image: url(../images/borders/primarynav/panelfringe.png); background-repeat: repeat-y; background-position: left top;}
#primarynav #panel06 { margin-top: -2px; margin-left: 3px; width: 250px; background-image: url(../images/borders/primarynav/panelfringe.png); background-repeat: repeat-y; background-position: left top; }
#primarynav #panel07 { margin-top: -2px; margin-left: 3px; width: 250px; background-image: url(../images/borders/primarynav/panelfringe.png); background-repeat: repeat-y; background-position: left top; }
#primarynav #panel08 { margin-top: -2px; margin-left: 3px; width: 250px; background-image: url(../images/borders/primarynav/panelfringe.png); background-repeat: repeat-y; background-position: left top; }
#primarynav #panel09 { margin-top: -2px; margin-left: -184px; height: 81px; width: 266px; background-image: url(../images/master/primarynav/searchbackground.png); background-repeat: no-repeat; background-position: left top;}


#primarynav #panel09 .inner { padding: 10px 15px; }
#primarynav #panel09 input { margin-top: 10px; }
#primarynav #panel09 input.text
{ 
    width: 165px;
    height: 19px;
    background-image: url(../images/master/search/inputbackground.jpg);
    background-repeat: repeat;
    border: 1px solid #869b84;
    float: left;
    color: #9b9b9b;
    font-size: 11px;
    padding: 4px 0px 0px 5px;
}

/* Search drop-down style */
#primarynav #panel09 input.text:hover
{ 
    color: #555;
}

#primarynav #panel09 input.button
{ 
    width: 47px;
    height: 24px;
    background-image: url(../images/master/search/searchbutton.jpg);
    background-repeat: no-repeat;
    border: 0px;
    background-position: 0 0;
    float: right;
    margin-left: 10px;
}

#primarynav #panel09 input.button:hover
{ 
    background-position: 0 -24px;
}

#primarynav #panel09 input.button:active
{ 
    background-position: 0 -48px;
}



/* -------------------------------------------------------------------------- */
/* #breadcrumbs */
/* -------------------------------------------------------------------------- */

#breadcrumbs
{
    font-size: 11px;
    margin: 10px 0 5px 10px;
    text-transform: uppercase;
}

#breadcrumbs .CMSBreadCrumbsLink, #breadcrumbs .CMSBreadCrumbsCurrentItem
{
    background: transparent url(../images/master/breadcrumbslist.png) no-repeat left center;
    margin-left: 5px;
    padding-left: 9px;
}

#breadcrumbs .CMSBreadCrumbsCurrentItem
{
    font-weight: bold;
}


/* -------------------------------------------------------------------------- */
/* #page-body */
/* -------------------------------------------------------------------------- */
#page-body { width: 975px; }


/* -------------------------------------------------------------------------- */
/* #section-navigation */
/* -------------------------------------------------------------------------- */
#section-navigation {
	background-color: #f7f5f1;
	width: 170px;
	margin-left: 5px;
	padding: 15px;
}

#section-navigation li { font-size: 12px; padding: 0px 0px 7px 5px; }
#section-navigation li.last { padding-bottom: 0px; }

#section-navigation li a { color: #363636; }
#section-navigation li.selected a { font-weight: bold; }
#section-navigation li a:hover { text-decoration: none; background-color: #e5e1cf; }

#section-navigation ul.sub { padding: 5px 0px 0px 6px; }
#section-navigation ul.sub li
{
    background-image: url(../images/page/listbackground.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 10px;
}
#section-navigation ul.sub li a { font-weight: normal; color: #555; line-height: 13px; }
#section-navigation ul.sub li.selected a { font-weight: bold; }


/* -------------------------------------------------------------------------- */
/* #page-footer */
/* -------------------------------------------------------------------------- */
#page-footer  
{
    background-image: url(../images/master/footerbackground.png);
    background-repeat: no-repeat;
    clear: both;
    width: 970px;
    height: 90px;
    margin: 20px auto;
    color: #525252;
    font-size: 11px;
}

#page-footer #copyright
{
    float: left;
    padding: 12px 0px 15px 15px;
    line-height: 17px;
    width: 730px;
}

#page-footer #copyright img { float: right; }
     
#page-footer #social
{
    background-image: url(../images/master/footersocial.png);
    background-repeat: no-repeat;
    width: 225px;
    height: 85px;
    float: right;
    margin: 2px -5px 0px 0px;
}

#page-footer #social #social-links { margin: 45px 0px 0px 25px; }
#page-footer #social #social-links img { margin: -2px 5px 0px -1px; float: left; }


/* ========================================================================== */
/* generic page layout and formatting */
/* ========================================================================== */
/* left-container properties */

#left-container-wrapper
{
	float:left;
    height:auto;
    width:220px;
}

#left-container-wrapper .topborder
{
    background-color:transparent;
    background-image:url(../images/borders/leftcontainer/topborder.png);
    background-position:center bottom;
    background-repeat:no-repeat;
}



#left-container-wrapper .contentborder
{
	background-color:#f7f5f1;
    background-image:url(../images/borders/leftcontainer/contentborder.png);
    background-repeat:repeat-y;
}
	
#left-container-wrapper .bottomborder
{
	background-color:transparent;
    background-image:url(../images/borders/leftcontainer/bottomborder.png);
    background-repeat:no-repeat;
}


/* right-container properties */

#right-container-wrapper
{
	width: 750px;
	margin: 0px;
	float: right;
	overflow: visible;
}
	
#right-container-wrapper .bottomborder
{
	background-image: url(../images/borders/rightcontainer/bottomborder.png);
	background-color: transparent;
	background-repeat: no-repeat;
}

#right-container-wrapper .topborder
{
	background-image: url(../images/borders/rightcontainer/topborder.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#right-container-wrapper .contentborder
{
	background-image: url(../images/borders/rightcontainer/contentborder.png);
	background-color: transparent;
	background-repeat: repeat-y;
}

#right-container-wrapper #page-content #page-title
{
	background-image: url(../images/page/pagetitle.png);
	background-repeat: no-repeat;
	margin: 0px 0px -5px -30px;
	color: #fff;
	width: 730px;
	padding: 15px 0px 0px 15px;
	height: 50px;
}


/* -------------------------------------------------------------------------- */
/* #page-content */
/* -------------------------------------------------------------------------- */
#right-container-wrapper #page-content
{
	background-color: #fafdfc;
	width: 690px;
	margin-left: 7px;
	padding: 10px 20px 20px 20px;
	overflow: visible;
}

#right-container-wrapper #page-content .onecolumn
{
    overflow: auto;
    padding: 20px 0px;
}

#right-container-wrapper #page-content .twocolumns
{
    overflow: auto;
    width: 695px;
}

#pagecontent-wrapper {  }

#right-container-wrapper #left-column
{
    float: left;
    width: 450px;
    padding: 0px 20px 0px 0px;
}

/* JM: Adjusted layout, based on uxContentLayout class */
/* JM: Would be good to find way to not need to use !important here, maybe class
   instead of id on the appropriate parent elements */
.onecolumn #left-column { width: 650px !important; }
.twocolumns #left-column { padding: 20px 0px 0px 0px !important; }

#right-container-wrapper #page-content img.anchor
{
    float: left;
    margin: 0px 10px 5px 0px;
    border: 5px solid #b2bfb4;
}

#right-container-wrapper #right-column
{
    width: 180px;
    padding: 25px 0px 0px 20px;
    float: right;
    border-left: 2px solid #b2bfb4;
    font-size: 11px;
}

#right-container-wrapper #right-column .linkset-title
{
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #b2bfb4;
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: 175px;
}

#right-container-wrapper #right-column ul
{
    padding-bottom: 20px;
}

#right-container-wrapper #right-column li
{
    padding: 4px 0px 4px 20px;
    line-height: 15px;
}

#right-container-wrapper ul.documents li { background-repeat: no-repeat; background-position: left 5px; }

/* Display different document icons on list items depending on document types */
#right-container-wrapper #page-content ul li.pdf { background-image: url(../images/page/pdf.jpg); }
#right-container-wrapper #page-content ul li.word { background-image: url(../images/page/word.jpg); }
#right-container-wrapper #page-content ul li.xls { background-image: url(../images/page/xls.jpg); }
#right-container-wrapper #page-content ul li.jpeg { background-image: url(../images/page/jpeg.jpg); }
#right-container-wrapper #page-content ul li.mp3 { background-image: url(../images/page/mp3.jpg); }
#right-container-wrapper #page-content ul li.ppt { background-image: url(../images/page/ppt.jpg); }
#right-container-wrapper #page-content ul li.other { background-image: url(../images/page/other.jpg); }

#right-container-wrapper #right-column ul.links li
{
    background-image: url(../images/page/listbackground.png);
    background-repeat: no-repeat;
    background-position: left 9px;
}


/* -------------------------------------------------------------------------- */
/* typography */
/* -------------------------------------------------------------------------- */
.home-page #page-content p { color: #333; font: normal 12px/19px Georgia, Serif; margin: 3px 0px 5px 0px; }

/* image replace/fontwriter */
/* should probably be 28px/28px, so that if image replacement does not occur
   text still renders ok without breaking layout */
#page-content h1 { color: #fff; font: normal 28px/28px Arial, Sans-Serif; }
#page-content h2, #page-content h2.teaser { color: #1a201a; font: bold 15px/21px Arial, Sans-Serif; margin: 0px 0px 20px 0px; }
#page-content p.teaser { color: #1a201a; font: bold 15px/21px Arial, Sans-Serif; margin: 0px 0px 20px 0px; }


/* -------------------------------------------------------------------------- */
/* forms */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* WYSIWYG formatting */
/* -------------------------------------------------------------------------- */
#page-content .wysiwyg { color: #333; font: normal 12px/21px Georgia, Serif; }
#page-content p { color: #333; font: normal 12px/21px Georgia, Serif; }

#page-content .wysiwyg h1 { color: #1a201a; font: normal 28px/28px Arial, Sans-Serif; }
#page-content .wysiwyg h2 { color: #1a201a; font: bold 15px/21px Arial, Sans-Serif; }
#page-content .wysiwyg h3 {color: #444; font: bold 14px/21px Georgia, Serif; padding-top: 5px; }
#page-content .wysiwyg h4,
#page-content .wysiwyg h5,
#page-content .wysiwyg h6 { color: #555; font: bold 12px/21px Arial, Sans-Serif; }

#page-content .wysiwyg ul, ol { padding: 5px 0px 15px 3px; }
#page-content .wysiwyg ul li { color: #444; font: normal 13px/21px Georgia, Serif; background-image:url(../images/page/listbackground.png); background-position:left 7px; background-repeat:no-repeat; padding-left: 13px; }
#page-content .wysiwyg ul li ul, ol li ol { padding-bottom: 0px; }
#page-content .wysiwyg li ul li { color: #666; font: normal 13px/21px Georgia, Serif; }
#page-content .wysiwyg li ol li { color: #666; list-style-type: lower-alpha; }
#page-content .wysiwyg ol li { color: #444; font: normal 13px/21px Georgia, Serif; padding-left: 13px; list-style-position: inside; list-style-type: decimal; }

#page-content .wysiwyg table { font: normal 13px/21px Georgia, Serif; border-collapse: separate; }


/* ========================================================================== */
/* template-specific page layout and formatting */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* UserControl: Slideshow (Slideshow.ascx) */
/* -------------------------------------------------------------------------- */
.slideshow { position: relative; margin: 6px 0px 0px 19px; width: 930px; height: 330px; background-color: #666; }
.slideshow .slide { position: absolute; top: 0; left: 0; }
.slideshow .slide .text { position: absolute; font-weight: bold; right: 10px; bottom: 10px; font-size: 11px; color: #fff; text-transform: uppercase; z-index: 100; }
.slideshow .slide .text a { color: #fff; }
.slideshow .slide .text .attribution { border-right: solid 1px #fff; padding-right: 5px; margin-right: 5px; }
.slideshow .slide-no-js { display: none; }


/* -------------------------------------------------------------------------- */
/* Template: Landing Page (LandingPage.aspx) */
/* -------------------------------------------------------------------------- */
.landing-page #right-container-wrapper #page-content img.anchor { float: right; margin: 0px 0px 5px 10px; }
.landing-page .bodytext { color: #222; font: normal 15px/21px Georgia, Serif; }
.landing-page #linkwrapper { clear: both; }
.landing-page #linkwrapper-left { padding: 15px 0px 0px 0px; width: 320px; float: left; }
.landing-page #linkwrapper-left a:hover { text-decoration: none; }
.landing-page #linkwrapper-right { padding: 15px 0px 0px 0px; width: 320px; float: right; }
.landing-page #linkwrapper-right a:hover { text-decoration: none; }
.landing-page div.link { color: #344033; width: 295px; margin: 10px; background-image: url(../images/page/linkbackground.jpg); padding: 15px; clear: none; }
.landing-page div.link a { width: 305px; color: #222; }
.landing-page div.link .linktitle { font-weight: bold; font-size: 13px; color: #668066; display: block; width: 305px; padding-bottom: 5px; }

.landing-page .odd { float: left; }
.landing-page .even { float: right; }
.landing-page .last { margin-bottom: 0px; }

.landing-page div.link:hover { background-image: url(../images/page/hoverlinkbackground.jpg); }
.landing-page div.link:hover .linktitle { color: #344033; }
div.link-none { display: none; }


/* -------------------------------------------------------------------------- */
/* Template: Content Page (ContentPage.aspx) */
/* -------------------------------------------------------------------------- */
.content-page #left-column p { margin-bottom: 15px; }

/* Photo Gallery (Lightbox) */
.content-page #overlay,
.landing-page #overlay,
.event-detail-page #overlay { background-color: #e2d2ae; }
.image-gallery { width: 490px; clear: both; }
.image-gallery .images { background: #f3ebea url(../images/ImageGallery/image-gallery-bg.png); padding: 10px 0 0 10px; }
.image-gallery .images .image { /*display: inline;*/ float: left; margin: 0 10px 10px 0; }
.image-gallery .title { font-size: 14px; line-height: 18px; margin: 0 0 10px 0; }
.image-gallery #imageDetails #caption, .content-page #imageDetails #numberDisplay { font-family: Arial, Sans-Serif; line-height: 18px; color: #636363; }
.image-gallery #imageDetails #caption { font-size: 12px; font-weight: bold; }
.image-gallery #imageDetails #numberDisplay { font-size: 11px; }
.content-page #overlay,
.landing-page #overlay,
.event-detail-page #overlay { z-index: 1000; } /* Set the overlay above the main navigation */
.content-page #lightbox,
.landing-page #lightbox,
.event-detail-page #lightbox { overflow: visible; z-index: 1001; }
#lightbox #outerImageContainer,
#lightbox #imageDataContainer { background: #fff url(../images/ImageGallery/lightbox-bg.png) repeat 0 0; }


/* -------------------------------------------------------------------------- */
/* Document Listing Page (DocumentListingPage.aspx)
/* -------------------------------------------------------------------------- */
.document-listing-page #page-content .wysiwyg ul { margin-bottom: 0px; padding-bottom: 0px; }
.document-listing-page #page-content .wysiwyg ul li { margin-top: 15px; background-position: left 4px; padding: 0px 0px 0px 20px; }


/* -------------------------------------------------------------------------- */
/* News Listing Page (NewsListingPage.aspx)
/* -------------------------------------------------------------------------- */
.news-listing-page #page-content ul.news li { margin: 15px 0px 0px 0px; background-image: none; }
.news-listing-page #page-content ul.news li a { color: #0b3926; font-weight: bold; font-size: 13px; }
.news-listing-page #page-content ul.news li p.newsteaser { margin-bottom: 0px; font-size: 12px; background-image: none; }
.news-listing-page #page-content ul.news li .date { color: #707070; font-size: 11px; }
.news-listing-page #page-content ul.news li p.category { padding-right: 5px; color: #526753; text-transform: uppercase; font-size: 11px; font-family: Arial, Sans-Serif;  }
.news-listing-page #right-container-wrapper #page-content .onecolumn { padding-top: 0px; }

/* -------------------------------------------------------------------------- */
/* News Detail Page (NewsDetailPage.aspx)
/* -------------------------------------------------------------------------- */
.news-detail-page p.category, p.date { display: inline; }
.news-detail-page p.category { padding-left: 5px; }
.news-detail-page p.date { padding-right: 5px; }


/* -------------------------------------------------------------------------- */
/* Resource Listing Page (ResourceListingPage.aspx)
/* -------------------------------------------------------------------------- */
.resource-listing-page #page-content .wysiwyg ul li.links
{
    background-image: url(../images/page/listbackground.png);
    background-repeat: no-repeat;
    background-position: 3px 7px;
    padding-left: 20px;
}

.resource-listing-page #page-content .wysiwyg ul { padding: 0px; }
.resource-listing-page #page-content .wysiwyg ul li { background-repeat: no-repeat; background-position: left 4px; padding-left: 20px; }
.resource-listing-page #page-content .resource { padding-top: 20px; }

/* -------------------------------------------------------------------------- */
/* Event Listing Page (EventListingPage.aspx)
/* -------------------------------------------------------------------------- */

.event-listing-page #right-container-wrapper #right-column { width: 200px; }
.event-listing-page .Calendar { width: 448px; margin-left: 1px; border-color: #849684; }

.event-listing-page .Calendar table { width: 100%; }
.event-listing-page .Calendar tbody td
{
    background-image: url(../images/page/pagetitle.png);
    background-position: -5px -5px;
    background-repeat: repeat-x;
    border-color: #849684;
    color: #63746C;
    font-family: Arial,sans-Serif;
    font-size: 11px;
    font-weight: bold;
    margin: 5px -5px 5px 5px;
    padding: 3px;
    text-align: left;
}

.event-listing-page td .ContentEvent
{
    background-color: #D8DFD9;
    height: 43px;
    padding: 22px 5px 5px 5px;
}

.event-listing-page td .Content, .ContentEvent
{
    background-color: white;
    font-family: Arial,Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    height: 60px;
    margin: -14px -3px -3px;
    min-height: 40px;
    padding: 5px;
    text-align: center;
}

.event-listing-page td table
{
    background-color: #5A785F;
    background-image: url(../images/page/pagetitle.png);
    background-position: -5px -5px;
    background-repeat: repeat;
    margin: -3px;
    padding: 0px 5px;
}

.event-listing-page .Calendar td table tbody tr td
{
    background-image: none;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    margin-right: -6px;
    padding: 5px 0 7px;
    text-align: center;
}

.event-listing-page .Calendar tr th
{
    font-size: 11px;
    font-family: arial, Sans-Serif;
    font-weight: bold;
    color: #ecefee;
    text-transform: uppercase;
    padding: 2px;
    background-color: #849684;
}

.event-listing-page .event { padding-bottom: 15px; }
.event-listing-page .date { padding-bottom: 5px; }
.event-listing-page .calendarwrapper { overflow: auto; }
.event-listing-page #right-container-wrapper #left-column { float: none; padding: 20px 0px 0px 0px; }


/* -------------------------------------------------------------------------- */
/* Home Page (HomePage.aspx)
/* -------------------------------------------------------------------------- */

.home-page .homepage-content {	float: left; width: 327px; }
.home-page .promo { float: right; width: 325px; margin-right: -5px; }
.home-page .homepage-content .content { margin-left: 5px; padding: 15px; width: 280px; font-size: 12px; }
.home-page .homepage-content .item { margin-bottom: 20px; }

/* Border styles */
.home-page .homepage-content .header { background-image: url(../images/master/contentheader.png); height: 20px; width: 275px; padding: 10px 20px 10px 20px; }
.home-page .homepage-content .promoheader { background-image: url(../images/master/promoheaderbackground.png); }
.home-page .homepage-content .contentborder { background-image:url(../images/borders/homepage/contentborder.png); background-repeat:repeat-y; }
.home-page .homepage-content .promocontentborder { background-image:url(../images/borders/homepage/contentrightborder.png); }
.home-page .homepage-content .bottomborder { background-image:url(../images/borders/homepage/bottomborder.png); background-repeat: repeat-x; bottom: 5px; margin-left: 5px; position: relative; width: 305px; }
.home-page .homepage-content .promobottomborder { background-image:url(../images/borders/homepage/bottomrightborder.png); }

/* Heading text & links */
.home-page #page-content .homepage-content .header h2 { color: #fff; font-size: 14px; float: left; font-weight: bold; line-height: normal; margin: 0px; }
.home-page .homepage-content .header a { font-size: 11px; color: #fff; text-transform: uppercase; float: right; font-weight: bold; padding-top: 5px; }

/* Text & image styles */
.home-page .homepage-content .content .title { color: #0B3926; font-size: 13px; font-weight: bold; }
.home-page .homepage-content .content .date { color: #707070; font-size: 11px; padding-left: 5px; }
.home-page .homepage-content .content .promotext { display: block; margin: 0px 0px 10px 0px; }
.home-page .homepage-content .content img { border: 5px solid #e4e4e4; float:left; margin:0 15px 10px 0; }

.home-page #page-content .homepage-content .content .promotext p { color: #fff; font-size: 14px; font-family: Arial, Sans-Serif; line-height: 17px; }
.home-page .homepage-content .content .link { padding-left: 20px; background-image: url(../images/master/homepagecontentlinkbackground.jpg); background-position: left center; background-repeat: no-repeat; }

.home-page .homepage-content .content ul li { padding-top: 5px; }
.home-page .homepage-content .content .promotext ul li { background-image: url(../images/master/homepagecontentrightlinkbackground.png); background-repeat: no-repeat; background-position: left 6px; padding: 5px 0px 0px 20px; }
    


/* -------------------------------------------------------------------------- */
/* Content Page One Column (ContentPageOneColumn.aspx)
/* -------------------------------------------------------------------------- */
.content-page-one-column #right-container-wrapper { width: 970px; float: left; }
.content-page-one-column #right-container-wrapper #page-content { width: 910px; }
.content-page-one-column .one-column #left-column { width:740px !important; }
.content-page-one-column #right-container-wrapper #page-content #page-title
{
	background-image: url(../images/page/onecolumnpagetitle.png);
	background-repeat: no-repeat;
	margin-left: -28px;
	width: 970px;
}

#right-container-wrapper .onecolumnbottomborder
{
	background-image: url(../images/ie/onecolumnbottomborder.jpg);
	background-color: transparent;
	background-repeat: no-repeat;
	width: 970px;
}

#right-container-wrapper .onecolumntopborder
{
	background-image: url(../images/ie/onecolumntopborder.jpg);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 970px;
}

#right-container-wrapper .onecolumncontentborder
{
	background-image: url(../images/ie/onecolumncontentborder.jpg);
	background-color: transparent;
	background-repeat: repeat-y;
	width: 970px;
}


/* -------------------------------------------------------------------------- */
/* Search Page (SearchPage.aspx)
/* -------------------------------------------------------------------------- */
.search-page #right-container-wrapper { width: 970px; float: left; }
.search-page #right-container-wrapper #page-content { width: 910px; }
.search-page .one-column #left-column { width:740px !important; }
.search-page #right-container-wrapper #page-content #left-column { float: none; }
.search-page #right-container-wrapper #page-content #page-title
{
	background-image: url(../images/page/onecolumnpagetitle.png);
	background-repeat: no-repeat;
	margin-left: -28px;
	width: 970px;
}



/* -------------------------------------------------------------------------- */
/* Page Not Found (PageNotFoundPage.aspx)
/* -------------------------------------------------------------------------- */
.page-not-found-page #right-container-wrapper { width: 970px; float: left; }
.page-not-found-page #right-container-wrapper #page-content { width: 910px; }
.page-not-found-page #right-container-wrapper #page-content .one-column #left-column { width:740px !important; float: none; padding-top: 20px; }
.page-not-found-page #right-container-wrapper #page-content #page-title
{
	background-image: url(../images/page/onecolumnpagetitle.png);
	background-repeat: no-repeat;
	margin-left: -28px;
	width: 970px;
}


/* pagination */
.pagination { font-size: 11px; height: 25px; padding-top: 30px; }
.pagination .previous { margin-right: 10px; background-image: url(../images/page/previous.jpg); padding: 7px 10px 7px 25px; background-repeat: no-repeat; }
.pagination .next { margin-left: 10px; background-image: url(../images/page/next.jpg); padding: 8px 20px 10px 10px; background-repeat: repeat-x; }
.pagination .disabled { color: #454f47; font-weight: bold; text-decoration: none; }
.pagination .previous-disabled { background-image: url(../images/page/previous-disabled.jpg); color: #959595; text-decoration: none; }
.pagination .next-disabled { background-image: url(../images/page/next-disabled.jpg); color: #959595; text-decoration: none; }
.pagination ul.pages { display: inline; background-image: url(../images/page/pagination-background.jpg); padding: 7px 0px; background-repeat: repeat-x; }
.pagination li.page { display: inline; padding: 0 10px 0 0; }
.pagination li.page a { border-left: solid 1px #707070; padding: 0 0 0 10px; }
.pagination li.page a.first { border-left: none; }

/* search */
.search-page .SearchDialog { margin: 10px 0px 50px 0px; }
.search-page .SearchResults { font-family: Georgia, Serif; font-size: 13px; line-height: 18px; margin-bottom: 50px; }
.search-page .SearchResults a { font-family: Arial, Sans-serif; font-size: 15px; }
.search-page .SearchResults .url { font-family: Arial, Sans-serif; font-size: 11px; color: #707070; }
.search-page .searchinput { float: left; }
.search-page .searchbuttondiv { display: inline; padding-left: 10px; }

.search-page .SearchResults a.previous { background-image: url(../images/page/previous.jpg); font-size: 11px; float: left;  padding: 5px 15px 5px 25px; background-repeat: no-repeat; height: 25px; margin-right: 5px; }
.search-page .SearchResults .page { background-image: url(../images/page/pagination-background.jpg); font-size: 11px; font-family: arial, sans-serif; background-repeat: repeat-x; float: left; padding: 5px 15px; height: 25px;}
.search-page .SearchResults .page a { font-size: 11px; }
.search-page .SearchResults .current a { color: #454f47; font-weight: bold; text-decoration: none; }
.search-page .SearchResults a.next { background-image: url(../images/page/next.jpg); float: left; font-size: 11px; padding: 5px 50px 5px 10px; height: 25px; background-repeat: no-repeat; margin-left: 10px;}
.search-page .SearchResults .seperator { background-image: url(../images/page/pagination-background.jpg); font-size: 11px; float: left; padding: 5px 0px; }
.search-page .SearchResults .previous-disabled { background-image: url(../images/page/previous-disabled.jpg); color: #959595; text-decoration: none; float: left; padding: 5px 15px 5px 25px; background-repeat: no-repeat; height: 25px; font-family: arial, sans-serif; font-size: 11px; margin-right: 5px; }
.search-page .SearchResults .next-disabled { background-image: url(../images/page/next-disabled.jpg); color: #959595; font-size: 11px; float: left; font-size: 11px; padding: 5px 50px 5px 10px; height: 25px; background-repeat: no-repeat; margin-left: 10px; font-family: Arial, Sans-Serif; }


.inner .SearchDialog input
{ 
    width: 165px;
    height: 19px;
    background-image: url(../images/master/search/inputbackground.jpg);
    background-repeat: repeat;
    border: 1px solid #869b84;
    float: left;
    color: #9b9b9b;
    font-size: 11px;
    padding: 4px 0px 0px 5px;
}

.inner .SearchDialog { color: #88ae8f; }
.inner .SearchDialog input:hover { color: #555; }

.inner .SearchDialog #ctl00_uxMainNavigation_srchDialog_btnSearch  
{
    width: 47px;
    height: 24px;
    background-image: url(../images/master/search/searchbutton.jpg);
    background-repeat: no-repeat;
    border: 0px;
    background-position: 0 0;
    float: right;
    margin-left: 10px;
}

.inner .SearchDialog #ctl00_uxMainNavigation_srchDialog_btnSearch:hover { background-position: 0 -24px; }
.inner .SearchDialog #ctl00_uxMainNavigation_srchDialog_btnSearch:active { background-position: 0 -48px; }
/* EOF */
