BODY {
margin:0;
text-align:center;
font-size:62.5%;
/*
background:url(../_images/bg-page.jpg) repeat-x top #fff;
Moved backgroud to new .layout class below.
This was so we could add the alert notice without change the background.
*/
}

html {
min-height:100%;
margin-bottom:1px;
font-size: 100%;
}

* {
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

img
{
    border: 0;
}

a {
color:#005295;
}

h1 {font-size:2.1em}  /* displayed at 24px */

#content.column h1 {
color:#5b6b2a;
border-bottom: 1px solid #333;
padding-bottom:3px;
margin-bottom:10px;
text-transform: uppercase;
}

h1.textOnlyHeader {display:none;}

h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */



h3 a.arrow
{
    color:#005295;
    padding-right:20px;
    background:url(/images/bg-cta-arrow.gif) no-repeat right;
}

h6
{
    font-size: 1.25em;
    border-bottom: 1px solid #333;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

img.border {border: 2px solid #cac6ad; padding:3px;}

fieldset {
border: none;
}

fieldset option {
padding:0 3px 0 3px;
}

fieldset label {
float:left; width:120px;
}

fieldset input, fieldset select, fieldset textarea {font-size:0.9em;}

fieldset p {
padding-bottom:3px!important;
}


.container {
width:953px;
margin: 0 auto;
text-align:left;
position: relative;
}

#innerBody {
float:left;
width:953px;
background:url(../images/bg-main.gif) repeat-x top left #fff;
padding-top:12px;
}

#mainContentWell
{
    float: left;
    width: 742px;
    padding: 30px 0 10px;
}


.needHelp img
{
    position: absolute;
    bottom: 50px;
}

/*header, breadcrumb, and masthead styles*/
.header {
float:left;
}

.header .logo {
float:left;
width:242px;
padding-top:15px;
}

.header .printer {
display:none;
}


.loginArea {
float:right; 
margin-right:10px;
padding:4px 0 0 0;
width:650px;
text-align:right;
font-size: 8.5pt;
font-weight: 700;
}


.loginArea, .loginArea a {
color:#fff;
}

.loginArea .welcome {
padding-right:10px;
}


.loginArea .links a {
padding:0 2px;
}

#breadcrumb div {
position:absolute;
width:729px;
height:17px;
top:90px;
left:202px;
z-index:1100;
background-color:#860;
color:#fff;
font-weight:700;
padding:1px 8px 1px 5px;
}

#breadcrumb span.trail {
padding-right:100px;
display:block;
}

#breadcrumb span.quicklinks {
position: absolute;
right:5px;
top:3px;
}

#breadcrumb span.quicklinks a {
padding-right:2px!important;
}


#breadcrumb div span {
padding-left:10px;
}

#breadcrumb div a {
color:#fff;
padding-right:10px;
/*
text-decoration:underline;
Moved to a:link, because the separator was being underlined.
*/
}
/*Created for because the separator is inside a <a> tag*/
#breadcrumb div a:link {
text-decoration:underline;
}

#breadcrumb div a:hover {
text-decoration:none;
}


/*large and small header styles
********************************************************************************/

.masthead {
position:relative;
}

.masthead h1 {
font-size:1.4em;
padding-bottom:3px;
}




.masthead.large {
background:url(../images/bg-masthead-large.jpg) no-repeat top left;
height:253px;
width:742px;
}
.masthead.large .content {
position:absolute;
top:180px;
left:370px;

}
.masthead.large .content p {
font-size:1.2em;
line-height:15px;
}

.masthead.small {
background:url(../images/bg-masthead-small.jpg) no-repeat top left;
height:148px;
}
.masthead.small .content {
position:absolute;
top:55px;
left:0;
width:420px;
}
.masthead.small .contentnoimage {
position:absolute;
top:55px;
left:0;
}

.masthead.small .content h1,.masthead.small .contentnoimage h1  {
font-size:2em;
border-bottom:1px solid #fff;
color:#fff;
text-transform:uppercase;
font-family:arial,helvetica, sans-serif;
padding:5px 14px 3px 14px!important;
}
.masthead.small .content h1 span, .masthead.small .contentnoimage h1 span {
display:block;
font-size:.6em;
}



#largeHeaderImage
{
    position: absolute;
}
#smallHeaderCaption
{
    position: absolute;
    bottom: 10px;
    left: 320px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}



#smallHeaderTitle
{
    position:absolute;
    top: 40px;
    left: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFCC;
    
}
#smallHeaderImage
{
    float:right;
}

#smallHeaderImageDefault
{
    float: right;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url(images/Header-Small-default.jpg);
    width: 306px;
    height: 148px;
}


/*
REMOVED: Static headers
Removed the following class and replaced them with two standard headers large and small.

.masthead.home {
background:url(../images/bg-masthead-home.jpg) no-repeat top left;
height:253px;
width:742px;
}
.masthead.visit {
background:url(../images/bg-masthead-visitors.jpg) no-repeat top left;
height:253px;
width:742px;
}
.masthead.visit .content p {
font-size:1.2em;
line-height:15px;
}
.masthead.dept.electionDiv {
background:url(../images/bg-masthead-elecdiv.jpg) no-repeat top left;
height:148px;
}
.masthead.dept .content {
position:absolute;
top:55px;
left:0;
width:420px;
}
.masthead.dept .content h1 {
font-size:3em;
border-bottom:1px solid #fff;
color:#fff;
text-transform:uppercase;
font-family:arial,helvetica, sans-serif;
padding:5px 14px 3px 14px!important;
}
.masthead.dept .content h1 span {
display:block;
font-size:.6em;
}
.masthead.home .content,.masthead.visit .content {
position:absolute;
top:180px;
left:370px;
}
*/


/*styles for fullWidth page styles*/        
#clearSealFullWidth {
clear:both;
float:left;
width:922px;
font-size:1.1em;
padding:0 10px 60px 20px;}
		
#clearSealFullWidth a
{
color: #005295;
}		

	
/*pages that clear the seal and masthead but do NOT have a sidebar*/	
#clearSealFullWidth.noSidebar #content.column {
float:left;
width:922px;
padding:0;
}
	
/*pages that clear the seal and masthead but have a sidebar*/	
#clearSealFullWidth.hasSidebar #content.column {
float:left;
padding-right:20px;
width:664px;
}	

/*ADDED: pages that have the seal and masthead but do NOT have a sidebar*/
#clearSidebar #content.column {
float:left;
width:742px;
padding:0;
}



        
/*column containing main content well*/
#content.column {
float:left;
width:494px;
line-height:16px;
font-size:1.1em;
padding:7px 9px 0 0;
}

#content.column h2 {
padding:5px 0;
}

#content.column p {
padding-bottom:10px;
}

#content.column a {
color:#005295;
}

#content.column a:hover {
text-decoration: none;
}

#content.column ul,#content.column ol {
margin:5px 0 5px 20px;
}

/*search results styles*/
fieldset#filters {
clear:both;
}

fieldset#filters label, fieldset#newSearch label {
padding:4px 4px 0 0;
text-align:right;
}

fieldset#newSearch p {
padding-bottom:0px!important;
}

fieldset#newSearch input.criteria {
width:300px;
}

fieldset#newSearch .searchTips {
margin-left:130px; 
margin-bottom:20px;
font-size:.8em;
font-style:italic;
}

fieldset#filters .left {
float:left;
}

fieldset#filters .right {
float:left;
width:500px;
}

fieldset#filters .right label {
float:left;
width:60px;
}

fieldset#filters .right a {
font-size:.9em;
}


/*2 column feature listings as on department landing pages*/
.featureList {
float:left;
margin-bottom:4px;
}

.projectListfull
{
    border: 1px solid #EBD475;
    float: left;
    margin-bottom: 4px;
}
.projectListfull .a
{
    float: left;
    width: 325px;
    padding: 0 30px 0 5px;
}

.projectListfull .b {

float:right;
width:325px;
padding:0 0 0 5px;
}
.projectListfull h3
{
    font-size: 1.25em;
    padding: 5px 0px 5px 0px;
}




/*1 column feature listings as on department landing pages*/
.featureListFull {
float:left;
width:100%;
margin-bottom:4px;
}
/*IE 6 Fix for Padding Bug*/
* html .featureListFull {width:93%; display:inline; }


.featureList h3, .featureListFull h3
{
    background-position: left top;
    background: #eeeded url(../images/bg-headers.gif) repeat-x left top;
    font-weight: 700;
    font-size: 1.63em;
    padding: 5px 5px 5px 10px;
    font-family: "Arial Narrow" , "Helvetica Narrow" , arial, sans-serif;
    text-transform: uppercase;
    color: #5c6b2b;
    border-bottom: 1px solid #adacac;
    position: relative;
    left: -5px;
    margin-bottom: 5px;
}

.featureList h4, .featureListFull h4 {
font-size: 1.27em;
}

.featureList .a {
float:left;
width:225px;
padding:0 30px 0 5px;
}

.featureList .b {
float:left;
width:225px;
padding:0 0 0 5px;
}

.featureList .c {
float:left;
width:225px;
padding:0 0 0 5px;
}

.featureListFull .a {
float:left;
width:100%;
padding:0 30px 0 5px;
}

/*generic listing of categories*/
.categoryList {
float:left;
margin-bottom:14px;
font-size:.9166em;
}

.categoryList ul {
list-style-type:none;
margin:0!important;
}

.categoryList img {
margin-bottom:5px;
}

.categoryList h3 {
padding:10px 0 2px;
}

.categoryList .a {
float:left;
width:225px;
padding-right:30px;
}

.categoryList .b {
float:left;
width:225px;
}

.categoryList .c {
float:left;
width:225px;
}

/*homepage calls to action in center of page*/
#content.column .callsToAction {
float:left;
margin-bottom:8px;
font-size:1em;
}

#content.column .callsToAction .description p {
line-height:12px;
}

#content.column .callsToAction .description a.arrow {
display:block;
text-align:right;
color:#005295;
padding-right:20px;
background:url(../images/bg-cta-arrow.gif) no-repeat right;
}

	/*styles for full width call to action on homepage*/
	#content.column .callsToAction.fullWidth {
	float:left;
	padding:5px;
	background-color:#f6f1cd;
	width:484px;
	}
	
	#content.column .callsToAction.fullWidth h2.bar {
	background:url(../images/bg-hp-hdr-single-cta.jpg) no-repeat top left;
	margin-bottom:12px;
	padding:8px 6px 10px 12px;
	font-family: "Arial Narrow", "Helvetica Narrow", arial, sans-serif;
	font-size:1.7em;
	color:#fff;
	}
	
	#content.column .callsToAction.fullWidth .image {
	float:left;
	padding-right:10px;
	}
	
	#content.column .callsToAction.fullWidth .description {
	padding:8px 0 0 10px;
	}
	
	/*styles for double calls to action on homepage*/
	#content.column .callsToAction.double {
	background:url(../images/bg-hp-double-cta.gif) repeat-y top left;
	float:left;
	width:494px;
	padding:0 0 5px 0;
	}
	
	#content.column .callsToAction.double .image {
	width:223px;
	float:left; 
	}
	
	#content.column .callsToAction.double .description {
	float:left; width:218px;
	padding:8px 0 0 8px;
	}
		
		/*left cta*/
		#content.column .callsToAction .left {
		float:left; 
		padding:5px 13px 5px 5px;
		width:233px;
		}
		
		#content.column .callsToAction .left h2.bar {
		background:url(../images/bg-hp-hdr-double-cta-l.jpg) no-repeat top left;
		margin-bottom:12px;
		padding:8px 6px 10px 12px;
		font-family: "Arial Narrow", "Helvetica Narrow", arial, sans-serif;
		font-size:1.7em;
		color:#fff;
		}
		
		/*right cta*/
		#content.column .callsToAction .right {
		float:left; 
		padding:5px;
		width:233px;
		}
		
		#content.column .callsToAction .right h2.bar {
		background:url(../images/bg-hp-hdr-double-cta-r.jpg) no-repeat top left;
		margin-bottom:12px;
		padding:8px 6px 10px 12px;
		font-family: "Arial Narrow", "Helvetica Narrow", arial, sans-serif;
		font-size:1.7em;
		color:#fff;
		}
	

/* services landing page styles, can probably be used for other pages with dataGrids */

.azTable table
{
width:100%;
border: 1px solid #ccc;
margin-top:10px;

}
.azTable td {
border: 1px solid #ccc;
padding: 3px 3px 3px 10px;
width: 33%;
}

.azTable .header {
    font-size: 1.5em;
    background-color: #ebd475;
    border: 1px solid #ccc;
    padding: 3px 3px 3px 10px;
    font-weight: bold;
}




.resultsTable table {
width:100%;
border: 1px solid #ccc;
margin-top:10px;
}

.resultsTable td,  .resultsTable th{
/*border: 1px solid #ccc;*/
border: none;
padding:3px 3px 3px 10px;
}

.resultsTable th {
background-color:#ebd475;
}

.resultsTable th a {
text-decoration: none;
}

.resultsTable tr.even {
background-color:#f0e9cc;
}




/*Three Column Table Summary*/
.threeColumnTable table {
width:100%;
border: 1px solid #ccc;
margin-top:10px;
border-collapse: collapse;
}
.threeColumnTable td, .threeColumnTable th {
border: 1px solid #ccc;
padding:3px 3px 3px 10px;
}

.threeColumnTable td
{
    width: 33%;
    vertical-align: top;
}
.threeColumnTable th {
background-color:#ebd475;
}

.threeColumnTable th a {
text-decoration: none;
}


.resultsTablePaging td, .resultsTablePaging table, .resultsTablePaging {
width: 0px;
border: none;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
background-color: #ebd475;
}


/*search results listing page*/

.resultsOverview {
border: 1px solid #ccc;
float:left;
padding:5px;
width:654px;
margin-bottom:20px;
}

.resultsOverview .resultsFor {
float:left;
width:400px;
}

.resultsOverview .resultsFor b{
font-size:1.2em;
}

.resultsOverview .resultsFor .term {
font-style: italic;
font-size:1.2em;
}

.resultsOverview .count {
float:right;
text-align:right;
}

.resultsListing {
margin-top:20px;
}

.resultsListing .result {
padding-bottom:12px;
}

.resultsListing p {
padding-bottom:3px!important;
}

.resultsListing .linkDetails {
font-style:italic;
color:#666;
font-size:.9em;
}

ul.ektronPaging {
list-style-type: none;
margin:10px 0 0 0!important;
color:#666;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding:2px 0 4px 2px;
}

ul.ektronPaging li {
display:inline;
padding:0 2px;
}


/*related items box at bottom of pages*/
#content.column .relatedItems {
background-color:#e1ebd5;
float:left;
width:484px;
padding:5px;
}
/*IE 6 Fix for Padding Bug*/
* html #content.column .relatedItems {padding: 2px; display:inline; }


#content.column .relatedItems h2.bar {
background:url(../images/bg-napa-header-bar.jpg) repeat-x top left;
margin-bottom:12px;
padding:8px 6px 10px 12px;
font-family: "Arial Narrow", "Helvetica Narrow", arial, sans-serif;
font-size:1.7em;
}

#content.column .relatedItems .item {
    float: left;  
    width: 100%; /*UPDATED: width:474px; to display full page if no sidebar*/
    margin-bottom: 10px;
    border-bottom: 1px solid #9ea297;
    padding: 0 5px 10px 0;
}

#content.column .relatedItems .item.last {
margin-bottom:0;
border-bottom:none;
}

#content.column .relatedItems .item.left .image {
float:left;
padding-right:10px;
}


#content.column .relatedItems .item.right .image {
float:right;
padding-left:10px;
}

#content.column .relatedItems .item.left .description {
padding:8px 0 0 10px;
}

#content.column .relatedItems .item.right .description {

padding:8px 0 0 10px;
}

#content.column .relatedItems .item .description p {
line-height:12px;
}

#content.column .relatedItems .item .description a.arrow {
/*display:block;*/
text-align:right;
color:#005295;
padding-right:20px;
background:url(../images/bg-cta-arrow.gif) no-repeat right;
}

#content.column .relatedItems .item.left .description a {
float: right;
}




/*departments a-z styles*/
.anchors {
margin-top:25px;
}
.anchors h3 {
display:inline;
padding-right:20px;
}
.anchors a {
padding:0 4px;
font-size:1.16em;
}
.resultsTable.departmentsAZ th {
font-size:1.5em;
}
.resultsTable.departmentsAZ a.deptName {
font-weight:bold;
}
address {
line-height:14px;
font-style: normal;
padding:0 0 15px 10px;
}
.map {
padding-top:3px;
display:block;
}
.map a {
background:url(../images/icon-globe.gif) no-repeat right 3px;
padding:0 18px 4px 0;
}



/*sidebar (right) column styles*/
#sidebar.column {
float: left;
width:238px;
font-size:1em;
padding:7px 0 0;
}

#sidebar.column a {
color:#005295;
}

#sidebar.column ul {
margin-left:20px;
}


#callToActionWide .promoModule
{
    width: 330px;
    float: left;
    border: 1px solid #5b5959;
    margin-bottom: 8px;
    padding: 8px;
    margin-left: 8px;
}

#callToActionWide .promoModule#iconLeft img {
float:left;
padding-right:10px;
}

#callToActionWide .promoModule h10
{
    text-transform: uppercase;
    font-size: 1.1em;
}



#sidebar.column .promoModule {
width:220px;
float:left;
border:1px solid #5b5959;
margin-bottom:8px;
padding:8px;
}

#sidebar.column .promoModule.noIcon {
width:220px;
float:left;
border:1px solid #5b5959;
margin-bottom:8px;
padding:8px;
}

#sidebar.column .promoModule#iconRight img {
float:right;
padding-left:10px;
}

#sidebar.column .promoModule#iconLeft img {
float:left;
padding-right:10px;
}

#sidebar.column .promoModule h3 {
text-transform:uppercase;
font-size:1.1em;
}

#sidebar.column .promoModule .date {
font-style:italic;
font-weight:700;
}

#sidebar.column .module {
float:left;
border-top:1px solid #5b5959;
border-right:1px solid #5b5959;
border-bottom:9px solid #5b5959;
border-left:1px solid #5b5959;
background-color:#f6f1cd;
margin-bottom:8px;
width:237px;
}

#sidebar.column .module a:hover {
text-decoration: none;
}

#sidebar.column .module .content {
padding:8px;
}

#sidebar.column .module .content .item {
padding-bottom:7px;
}

#sidebar.column .module h2 {
color:#fff;
text-transform: uppercase;
font-family: "Arial Narrow", "Helvetica Narrow", arial, sans-serif;
font-weight:400;
font-size:2.1em;
padding:5px 10px 6px 50px;
line-height:22px;
}

/*ADDED: weather module*/
#sidebar.column .module h2.weather {
background : url(images/bg-weather.gif) no-repeat top left #3c4619;
}
/*ADDED: map module*/
#sidebar.column .module h2.map {
background : url(../images/bg-map.gif) no-repeat top left #3c4619;
}
/*ADDED: search suggested module*/
#sidebar.column .module h2.SearchSuggested {
background : url(images/bg-searchsuggested.gif) no-repeat top left #3c4619;
}

#sidebar.column .module h2.events {
background : url(../images/bg-events.gif) no-repeat top left #3c4619;
}

#sidebar.column .module h2.news {
background : url(../images/bg-news.gif) no-repeat top left #3c4619;
}

#sidebar.column .module h2.career {
background : url(../images/tab-careers.gif) no-repeat top left #3c4619;
}

#sidebar.column .module .content h3 {
font-size:1em;
}

#sidebar.column .module .content .additionalLinks {
padding-top:10px;
}


#sidebar.column .module .content .additionalLinks a.arrow {
display:block;
text-align:right;
color:#005295;
padding-right:20px;
background:url(../images/bg-cta-arrow.gif) no-repeat right;
}

#sidebar.column .module .content .additionalLinks a.rss {
display:block;
text-align:right;
color:#005295;
background:url(../images/bg-cta-rss.gif) no-repeat right;
padding:3px 20px 3px 0;
}

#sidebar.column .promoModule p,#sidebar.column .module .content p {
line-height:12px;
}
	 

/*footer styles
********************************************************************************/
#footer
{
    clear: both;
    width: 933px;
    background: url(../images/bg-footer.gif) repeat-x bottom left #7e8857;
    padding: 2px 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

#footer-nav
{
    float: left;
    width: 733px;
    color:#deb408;
}

#footer a
{
    color: #deb408;
    text-decoration: none;
}
#footer a:hover
{
    text-decoration: underline;
} 






/*utility styles
********************************************************************************/

.clearfloats {
clear:both;
padding-top:.05px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.skiplink {
display:block;
color:#fff;
text-align:left;
padding:3px;
display:none;
}


/* NAPA COUNTY SYTLES */


.PageBuilderHost
{
    height: 100px;
    text-align: left;
    background-color: #D3E2F4;
}

.layout
{
    background: url(../images/bg-page.jpg) repeat-x top #fff;
    height: 850px;
}


.alertContainer
{
    background-color: #5B6B2A;
    height: 35px;
}
.alertDiv
{
    position: relative;
    height: 25px;
    width: 953px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.2em;
    text-align: left;
    margin: 0 auto;
    padding-top: 4px;
    font-weight: bolder;
}
.alertDiv a
{
    color: #FFFFFF;
    text-decoration: none;
}
.alertDiv a:hover
{
    text-decoration: underline;
}
.alertRed
{
    background: url(images/bg-alert-red.jpg) repeat-x top;
}
.alertOrange
{
    background: url(images/bg-alert-orange.jpg) repeat-x top;
}
.alertYellow
{
    background: url(images/bg-alert-yellow.jpg) repeat-x top;
}

.pageinfo
{
    position: relative;
    padding: 4px;
}
.pageinfo .tracker
{
    padding: 4px;
    width: 150px;
    float: right;
}
.pageinfo .seo
{
    padding: 4px;
    width: 150px;
    float: right;
}


.analytics
{
    padding: 4px 0px 20px 0px;
}
.analytics h1
{
    color: #5b6b2a;
    border-bottom: 1px solid #333;
    padding-bottom: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #333;
}
.analytics .CookieRow
{
    background-color: #C0C0C0;
}


#PageBuilderHost{
}


#content.full {
float:left;
width:745px;
line-height:16px;
font-size:1.1em;
padding:7px 9px 0 0;
}
#content.full h2 {
padding:5px 0;
}

#content.full p {
padding-bottom:10px;
}

#content.full a {
color:#005295;
}

#content.full a:hover {
text-decoration: none;
}

#content.full ul,#content.full ol {
margin:5px 0 5px 20px;
}

.sortingIconDesc
{
    background-position: right;
    background-image: url(/images/arrow-down.gif);
    background-repeat: no-repeat;
}
.sortingIconAsc
{
    background-position: right;
    background-image: url(/images/arrow-up.gif);
    background-repeat: no-repeat;
}

div.searchResultsCount
{
    width: 100%;
    margin-right: 10px;
    /*background:url(../images/bg-utility-nav.gif) repeat-x bottom right #e3bf2c;*/
    text-align: right;
    color: #000000;
    font-style: italic;
    border-bottom: 1px solid #5b6b2a;
    border-width: 97%;
    margin-bottom:10px;    
}

.SearchResultInfo
{
    font-style: italic;
    color: #999999;
}

/* update/error message labels */

.ErrorMessage
{
    color: #7D212B;
    font-weight: bold;
}

.UpdateMessage
{
    color: #36578C;
    font-weight: bold;
}

.SuccessMessage
{
    color: #5E6638;
    font-weight: bold;
}

.Calendar
{
    border: solid 1px black;
    background-color: #F7F3CE;
}

.Calendar th
{
    background-color: #F7F3CE;
    font-weight: bold;
}

.CalendarDay
{
    border: solid 1px #000000;
    background-color: #ffffff;
    vertical-align: top;
    text-align: left;
    padding-top: 5px;
    padding-left: 5px;
}

.CalendarDayIsOtherMonth
{
    border: none;
    background-color: #F7F3CE;
}

.CalendarDayHasEvents
{
    background-color: #B3C98C;
    border: solid 1px #000000;
    vertical-align: top;
    text-align: left;
    padding-top: 5px;
    padding-left: 5px;
}

.CalendarMonthHeader td
{
    background-color: #ebd475;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-color: #ebd475;
    font-size: 12pt;
    text-align: center;
    height: 25px;
}

caption
{
    display: none;
    caption-side: bottom;
}

.seal
{
    background: url(/images/napa-seal.gif) repeat-x top left #fff;
    width: 185px;
    height: 187px;
}

.MessageSuccess
{
    color: #3366CC;
}

div.controlBorder
{
    padding: 5px;
    border: 1px solid #EBD475;
}

.SuggestedResults
{
    border: solid 1px gray;
    background-color: #ffffcc;
    margin-left: 15px;
}

.SuggestedResults td
{
    padding-left: 10px;
}

.imageBorderOuter
{
    border-style: solid;
    border-width: 1px;
    border-color: #DCDCDC #C8C8C8 #BEBEBE #D2D2D2;
    float: left;
    clear: left;
}
.imageBorderMiddle
{
    border-style: solid;
    border-width: 1px;
    border-color: #D2D2D2 #BEBEBE #B4B4B4 #C8C8C8;
}
.imageBorderInner
{
	background: #C7C7BB;
	border:3px solid #ffffff;

}
.imageBorder
{
	display:block;
}
.inlinelinks
{
    display: inline;
    color:#deb408;
}

.inlinelinks ul
{
    list-style: none;
	margin: 0px;
	padding: 0px;
}

.inlinelinks ul li
{
    display: inline;
    margin: 0px;
	padding: 0px;
}

.inlinelinks ul li a
{
    padding: 2px 10px 2px 10px; /*top padding is 2px, bottom padding is 4px*/
}


a.youtube
{
    padding: 2px 1px 2px 24px;
    background: url(/images/icon-youtube.jpg) no-repeat left center;
}
a.facebook
{
    padding: 2px 1px 2px 24px;
    background: url(/images/icon-facebook.jpg) no-repeat left center;
}