@charset "utf-8";
/* CSS Document */

/*
body 
font-family:Arial, Helvetica, sans-serif;

.Kevin { text-align:right; font-family:"Monotype Corsiva"; font-size:18pt; margin:0 1em 0 0; }

#blueback
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

.bodyContentTop
font-family:Georgia, "Times New Roman", Times, serif;

h1.everyone
font-family:Georgia, "Times New Roman", Times, serif;
*/

body { font-family: Trebuchet MS, Monaco, Arial, Helvetica, sans-serif;}
table.bannerMenuSearchformCrumbEveryoneTable {  margin: -12px 0 0 0; }
td.hiddenGuide { visibility:hidden; margin:-10px 0 0 0; }
td.hiddenGuideLeft { max-width:205px; width:205px; }
td.hiddenGuideRight { max-width:660px; }

td.bannerRow { vertical-align:top; width:865px; height:88px; background-image:url(/mayor/images/Office_of_the_Mayor_shallow.jpg); background-repeat:no-repeat; }
td.bannerRow311 { vertical-align:top; width:865px; height:88px; background-image:url(/mayor/images/Office_of_the_Mayor_shallow_311.jpg); background-repeat:no-repeat; }

p.navlinks { text-align:right; font-size:9pt; margin:9px 0 0 0; }
p.navlinks a { text-decoration:none; }
p.navlinks a:link { color:#06f; }
p.navlinks a:visited { color:#03c; }
p.navlinks a:hover { color:#90f; }

td#menuSearch { background-color:#002952; white-space:nowrap; width:865px; height:28px; }
/*div#allCity { width:500px; height:28px; background-color:#002952; }
div#allCity ul { margin: 6px 0 0 1em; padding: 0; list-style-type:none; float: left; font-size:9.5pt;  }
div#allCity ul li { display:inline;}
div#allCity ul li a {text-decoration:none; padding:0 0.35em; }
div#allCity ul li a:link {color: #fff; background-color: #002B55; }
div#allCity ul li a:hover {background-color: #fff; color: #002B55;}*/
div#allCity ul { margin: 1px 0 0 0.25em; padding: 0; list-style-type:none; line-height: 24px; float: left; font-size:9.5pt;}
div#allCity ul li { display:inline;}
div#allCity ul li a {text-decoration:none; padding:0 0.5em; color: #fff; background-color: #002B55; float: left;}
div#allCity ul li a:hover {background-color: #fff; color: #002B55;}
/*div#searchBar { width:225px; height:24px; margin:-28px 0 -15px -10px; text-align:right; background-color:#002952; color:#fff; font-weight:bold; float: right; }*/
div#searchBar {width:225px; text-align:left; height:28px; background-color:#002952; color:#fff; font-weight:bold; margin-top:1px; overflow: hidden; float: right;}
.searchForm form { margin: -10px 0 0 0; }
.searchLabel { visibility:hidden; }
.goButton { font-size:10pt; font-weight:bold }

/*measure*/
td.sidebars { width:205px; background-color:#E6E6CC; vertical-align:top; padding-left:5px; }

p.brickbat { background-color:#AC0E16; color:#fff; text-align:left; margin:0 0 0 -4px; padding:0.5em; font-weight:bold; }
.communicate { font-size: 18pt; }
.emailUpdates { font-size:9pt; }
.askTheMayor { font-size:1.25em; color:#990000; }
.askTheMayorSmall { font-size:1em; color:#990000; }
.RedEnhanced { color:#990000; }


/*measure*/
td.mayorsPortrait { width:435px; height:100px; background-image:url(/mayor/images/campaign-455x109.jpg); background-repeat: no-repeat; /*background-position: center top;*/ }
td#mayoralMenu { width:435px; /*height:28px;*/ height:1px; /*background-color:#D3D3C2*/; margin:0 0 -5px 0;}
td#mayoralMenu2 { width:435px; /*height:28px;*/ height:1px; /*background-color:#E6E6CC;*/ margin:0 0 -5px 0;}

td#mayoralMenu ul {margin: 0 0 0 0; padding: 0; list-style-type:none; line-height: 28px; font-size:7.25pt; font-weight:bold; }
td#mayoralMenu ul li { display:inline; text-transform: uppercase; }
td#mayoralMenu ul li a {text-decoration:none; padding-left:0.25em; padding-right:0.25em; color: #00256B; background-color: #D3D3C2; float: left;}
td#mayoralMenu ul li a:hover {background-color: #00256B; color: #D3D3C2;}

td#mayoralMenu2 ul {margin: 0 0 0 0; padding: 0; list-style-type:none; line-height: 28px; font-size:7.25pt; font-weight:bold; }
td#mayoralMenu2 ul li { display:inline; text-transform: uppercase; }
td#mayoralMenu2 ul li a {text-decoration:none; padding-left:0.25em; padding-right:0.25em; color: #00256B; background-color: #E6E6CC; float: left;}
td#mayoralMenu2 ul li a:hover {background-color: #00256B; color: #E6E6CC;}

td#mayoralMenuLong { width:660px; /*height:28px;*/ height:1px; /*background-color:#E6E6CC;*/ margin:0 0 -5px 0;}
td#mayoralMenuLong2 { width:660px; /*height:28px;*/ height:1px; /*background-color:#E6E6CC;*/ margin:0 0 -5px 0;}

td#mayoralMenuLong ul {margin: 0 0 0 0; padding: 0; list-style-type:none; line-height: 28px; font-size:7.25pt; font-weight:bold; }
td#mayoralMenuLong ul li { display:inline; text-transform: uppercase; }
td#mayoralMenuLong ul li a {text-decoration:none; padding-left:0.25em; padding-right:0.25em; color: #00256B; background-color: #D3D3C2; float: left;}
td#mayoralMenuLong ul li a:hover {background-color: #00256B; color: #D3D3C2;}

td#mayoralMenuLong2 ul {margin: 0 0 0 0; padding: 0; list-style-type:none; line-height: 28px; font-size:7.25pt; font-weight:bold; }
td#mayoralMenuLong2 ul li { display:inline; text-transform: uppercase; }
td#mayoralMenuLong2 ul li a {text-decoration:none; padding-left:0.25em; padding-right:0.25em; color: #00256B; background-color: #E6E6CC; float: left;}
td#mayoralMenuLong2 ul li a:hover {background-color: #00256B; color: #E6E6CC;}

td#crumbCell { background-color:#F1F1E3;  }
td#crumbCell div { font-size:0.75em; margin: 0 0 0 1.7em; }
td#crumbCell div a { text-decoration:none; }
td#crumbCell div a:link { color:#780000; }
td#crumbCell div a:visited { color:#00256B; }
td#crumbCell div a:hover, td#crumbCell div a:active { color:#E6E6CC; background-color:#00256B; }



.welcomeBox { padding: 0 0.5em; vertical-align:text-top; }
.widthRestriction { width:300px; margin:0 -500px 0 10px; padding:3px 0 0 3px; }
.widthRestriction p { font-size:0.85em; }
td.contentTable { width:435px; font-size:0.85em; }

.welcome { font-size:1.5em; color:#990000; }
/*.Kevin { text-align:right; font-family:"Monotype Corsiva"; font-size:18pt; margin:0 1em 0 0; }*/

img.dialThreeOneOne { /*margin:0.5em 0 0 0;*/ }
p.outsideTheCity { color:#00256B; text-align:center; margin:0.5em 0 0 0; }
td.rightOne p { font-size:0.9em; padding:0.25em; }
.City_Services_and_Forms_Online_24-7 { font-size:10pt; font-weight:700; color: #336699; margin-top:0.25em; text-align:center;}
.bcOn {color: #0054A7; font-weight: bold;}

ul.left_sidebar_navigation_menu { font-size:10pt; /*margin-top:-0.5em; margin-left:1.5em; line-height:1.125em;*/ list-style-type: none; padding: 0; margin: 0; }
ul.left_sidebar_navigation_menu li { text-align:right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#999999; padding:0.5em 0.5em 0.5em 0;} 
ul.left_sidebar_navigation_menu a { text-decoration:none; margin:-1px 0 0 15px; }
ul.left_sidebar_navigation_menu a:link { color:#780000; margin:-1px 0 0 15px; }
ul.left_sidebar_navigation_menu a:visited { color:#00256B; margin:-1px 0 0 15px; }
ul.left_sidebar_navigation_menu a:hover { color:#fff; background-color:#00256B; margin:-1px 0 0 15px; }
ul.left_sidebar_navigation_menu a:active { color:#fff; background-color:#00256B; margin:-1px 0 0 15px; }
p.cityAddress { margin:1.25em 0 0 1.25em; font-size:0.85em; font-weight:bold; }

td.latest { width:210px; font-weight:bold; }
td.cityState { width:210px; font-weight:bold; color:#990000; border: thin solid #000000; padding:2px; }

ul.footer { float:none; text-align:center; }
.footer_document {font-size:1.25em;}



#contentDiv { margin: 1em 0 0 1em; }
#contentDiv h1 { font-size:1.1em; }
#contentDiv h2 { font-size:1.0em; }
#contentDiv p { font-size:0.85em; }
#contentDiv td { font-size:0.8em; vertical-align:top; }
#contentDiv table p { font-size:1em; }
#contentDiv ul, #contentDiv li { font-size:0.85em; }
#contentDiv li { margin:0.25em 0 0.25em 0; }

.navigationTable h4 { font-size:0.85em; }
.goal { color:544E0E; background-color:#F1F1E3; padding:0.125em; font-size:1.15em; font-weight:bold; }
.actionPlan, .quote { color:#00256B; }
.quote { font-size:1.1em; font-weight:bold; font-style: italic; }
#contentDiv h1 { font-size:1.2em; }
#contentDiv h2 { font-size:1em; }
.numbersTable { background-color:#E7ECF4; }
.secondRow { background-color:#D3DDEC; }
.numbersTable p { color:#00256B; }
.headLetter { font-size:133%; font-weight:bold; }

#contentDiv .sub_menu_bar {padding-top:0.5em; padding-bottom:0.75em; border-top-width: 2px; border-top-style: dotted; border-top-color: gray; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: gray; margin-left:-0.9em; padding-left: 0.9em; font-size:9pt; 	}
#contentDiv .sub_menu_bar1 {padding-top:0.5em; padding-bottom:0.75em; border-top-width: 2px; border-top-style: dotted; border-top-color: gray; border-bottom-width: 2px; border-bottom-style: dotted; border-bottom-color: gray; margin-left:0; padding-left: 0.9em; font-size:9pt; 	}

#contentDiv .colorBar {padding-top:0.5em; padding-bottom:0.75em; background-color:#E6E6CC; margin-left:0; padding-left: 0.9em; font-size:9pt; }
#contentDiv .colorBar a { text-decoration:none; }
#contentDiv .colorBar a:link { color:#780000; }
#contentDiv .colorBar a:visited { color:#00256B; }
#contentDiv .colorBar a:hover { color:#fff; background-color:#00256B; }
#contentDiv .colorBar a:active { color:#fff; background-color:#00256B; }

.footer_document {font-size:1.25em;}


#blueback {/*background-image: url(/images/blueback.gif); background-repeat: repeat;*/ background-color:#D3D3C2; font-size:0.85em; letter-spacing: -0.075em; text-align:center; font-weight:bold; font-style:italic; margin: 0.06125em -0.25em 0.06125em -0.25em;  /*	border: 1px solid #60AFEA; */ /*	margin: -0.03125em 0 0 0; */ /*	padding: 0.5em 0 0.5em 0; */ }
#volunteerSacramento { /*background-image: url(/mayor/images/volunteerSacramento.gif); background-repeat:no-repeat;*/ width:172px; height:70px; }

.survey { font-size:11pt; padding:1em; margin:-1em 0 -0.5em 0; font-weight:bold; }
.survey a { text-decoration:none; }
.survey a:link { background-color:#F5F5EA; color:#002952; }
.survey a:visited { background-color:#E6E6CC; color:#F5F5EA; }
.survey a:hover, .survey a:active { color:#F5F5EA; background-color:#002952;  }
.footerTable { background-color:#E2EBF5; }
.crumb { font-size:0.7em; margin: 0.5em 0 -0.125em 0.33em; color:#7070C7; }
.crumb a { text-decoration:none; }

.crumb a:link { color:#00009A; }
.crumb a:visited { color:#7070C7; }
.crumb a:hover { background-color:#00009A; color:#fff; }
.crumb a:active { background-color:#7070C7; color:#fff; }

.toolTable { margin:-0.55em 0 0 0; }
h1.everyone { font-size:2.25em; color:#00009A; text-align:center; font-weight: lighter; margin: 0.25em 0 0.25em 0; /*font-stretch:ultra-expanded; word-spacing:0.125em;*/ }
p.everyone { font-size:0.9em; color:#00009A; text-align:right; font-weight:500; margin:5px -2px -2px 0;}

.bodyContentTop { background-image: url(/mayor/images/1x49-gradient-547698-1D4A77.gif); background-repeat:repeat-x; color:#fff; font-size:2.0em; font-weight:500;  padding-left:0.125em; margin:-5px 0 -5px 1px; border-top:3px solid CCD6E0; border-bottom:none; padding:0 0 0 0.25em; }

.bodyContentMessage { background-color:#CCD6E0; color:#003365; font-size:0.85em; padding:1em; /*height:350px;*/ }
.bodyContentMessage ul { margin:0 0 0 18.5em; }
.bodyContentMessage li { margin:0 0 0.75em 0; }
/*.bodyContentMessage a, .bodyContentMessage li a { text-decoration:none; }
.bodyContentMessage a:link, .bodyContentMessage li a:link { color:#003365; border-bottom:2px solid #8B9AA9; }
.bodyContentMessage a:visited, .bodyContentMessage li a:visited { color:#3F3F70; border-bottom:2px solid #8B9AA9; }
.bodyContentMessage a:hover, .bodyContentMessage li a:hover { color:#CCD6E0; background-color:#003365; border-bottom:2px solid #8B9AA9; }*/
.bodyContentMessage a:link, .bodyContentMessage li a:link { color:#003365; }
.bodyContentMessage a:visited, .bodyContentMessage li a:visited { color:#3F3F70; }
.bodyContentMessage a:hover, .bodyContentMessage li a:hover { color:#CCD6E0; background-color:#003365; }
.bodyContentMessage h2 { font-size:1.25em; }

.bodyContentMessage a:link img, .bodyContentMessage a:visited img, .bodyContentMessage a:hover img { border:none; }

.leftTwoThirds { vertical-align:top; margin:3em 2em 0 0; }
.rightOneThird { vertical-align:top; margin:3em 0 0 2em; width:22em; }

table.scheduleTable td { color:#003365; font-size:0.85em; }
table.scheduleTable th { text-align:left; }
table.scheduleTable th, table.scheduleTable td { vertical-align:top; }

table.mayorContentTable { margin:-1.25em 0 0 0; }
.contentDivTable, .contentDivTable p { font-size:0.85em; }
table.crumbEveryoneRow { margin:-0.5em 0 -0.25em 0; }
p.mobileVersion { margin:0.5em 0 0 0; text-align:right; font-size:8pt; font-weight:bold; color:#06f; }
table.contentBackground { background-color: #CCD6E0; margin:-7px -2px 0 1px; }

td.grayMenu { font-size:0.85em; background-color:#ddd; border: 1px solid #808080; }
td.grayMenu a { text-decoration:none; display:block; }
td.grayMenu a:link { color:#00009A; background-color:#ddd; border:none; }
td.grayMenu a:visited { color:#4040B4; background-color:#ddd; border:none; }
td.grayMenu a:hover { background-color:#AEAEAE; color:#000063; }

td.blueMenu { color:#fff; background-color:#003366; font-size:0.85em; }
td.blueMenu a { text-decoration:none; }
td.blueMenu a:link { color:#fff; background-color:#003366; border:none; }
td.blueMenu a:visited { color:#D9D9D9; background-color:#003366; border:none; }
/*.blueMenu a:hover { }*/

div.rightText { margin: -0.5em 0 0 -1.25em; }
.rightText li { margin:0.5em 0 0.5em 3.25em; }

.divFloatLeft { float:left; margin:-14px 0.75em 0 -14px;}

table.menuTable { margin:4px 0 0 4px; }

table.halvesWithinRightTwoThirds { margin: 0 0 0 17em; }

table.scheduleTable tr.lightRow td { background-color:#E6EBF0; padding: 0 10px; }

table.halvesWithinRightTwoThirds { margin: 0 0 0 21em; }

@media print { /*.bannerMenuSearchformCrumbEveryoneTable, */.hiddenGuide, .bannerRow, .navlinks, .mobileVersion, #menuSearch, #allCity, #searchBar, .everyone, #toolBars, #footerTable, .menuTable, #divFloatLeft, img, table.halvesWithinRightTwoThirds, table.scheduleTable tr.lightRow td {display:none;} 
* { color:#000000; background-color:#FFFFFF; }
a, a:link, a:visited, a:hover, a:active { text-decoration:none; color:#000000; background:transparent; }
body { margin: 0.25em 0 0 0; }
html { padding: 4em 0 0 0; }
}
