/* CSS Document */
/* Last updated by Steven Salinas 21-dec-2011 */

/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; 
	line-height: 1.231; 	
	font-stretch: normal;
	font-size-adjust: none;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	

	}

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #5E5F5F; color: #fff; text-shadow: none; }
::selection { background: #5E5F5F; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
body, #wrapper {
	margin: 0px auto 0px auto;
	
}




#top, #middle, #footer{ 
	width: 980px;
	margin: 0px;
	
}
#top-wrap, #middle-wrap, #footer-wrap{
	width: 980px;
	margin: 0px auto;
	clear: both;
	
}

#top-wrap, #top{
	height: 330px;
}

#top-wrap{
	margin-bottom: 15px;
}


/*---- HEADER IMAGES FOR EACH PAGE -----------------------------------------------
----------------------------------------------------------------------------------*/
/*------ Steven Salinas ----------------------------------------------------------*/
	
#home-page #top-wrap {
	background: url(https://www.sanantonio.gov/images/photos/homepage-images/night-city-view.png) bottom no-repeat;
}
	
#residents-page #top-wrap {
	background: url(https://www.sanantonio.gov/images/photos/resident-images/girl-at-river-header.png) bottom no-repeat;
}
	
#visitors-page #top-wrap {
	background: url(https://www.sanantonio.gov/images/photos/visitors-images/luminaria-header.png) bottom no-repeat;
}
	
#business-page #top-wrap {
	background: url(https://www.sanantonio.gov/images/photos/business-images/bioscience-header.png) bottom no-repeat;
}
	
#your-gov-page #top-wrap {
	background: url(https://www.sanantonio.gov/images/photos/your-gov-images/city-council-header.jpg) bottom no-repeat;
}
/*----added 1/12 LJC ----*/
#Mayor #top-wrap {
	background: url(https://www.sanantonio.gov/images/photos/department-images/city-mayor/mayor-header.jpg) bottom no-repeat;
}	
/*-------- HEADER IMAGES END ----------------------------------------------------------*/
#top {
	background: url(https://www.sanantonio.gov/images/bg-banner.png) no-repeat top center;
	height:330px;
/*	position:relative;*/
	}

/*********************** Department header *********************
---------------------------------------------------------------*/
#dept #top-wrap, #dept #top{
	height:120px;
	}

#dept #top-wrap {
	background: none;
	margin-bottom: 0px;
	}

#dept #middle-top-topic{
	margin-top: 0px;
	}
	
/**************** Department header end *************************
----------------------------------------------------------------*/
#logo {
	float: left;
	margin: 30px 0px 5px 10px;
	width:248px;
	height: 55px;
	background-image:url(https://www.sanantonio.gov/images/the-city-of-san-antonio-logo.png);
	background-repeat:no-repeat;
	/*text-indent:-9999px;*/
}

#nav {
	width:700px;
	height: 20px;
/*	position:absolute;
	top:115px;
	*/
	float: left;
	clear: left;
	margin-top: -8px;
}

#nav ul {
	list-style:none;
	}

#search {
	float: right;
	clear: right;
	height: 20px;
	margin: -17px 20px 0px 0px;
}

#dept #search{
	
}

#info {
	border: #BB2025 2px solid;
	*min-width: 230px;
	padding: 2px;
	float: left;
	clear: left;
	margin-left: 735px;
	margin-top: 165px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: rgb(38,45,100); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(38,45,100,1) 25%, rgba(15,4,40,1) 75%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(38,45,100,1)), color-stop(75%,rgba(15,4,40,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(38,45,100,1) 25%,rgba(15,4,40,1) 75%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(38,45,100,1) 25%,rgba(15,4,40,1) 75%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(38,45,100,1) 25%,rgba(15,4,40,1) 75%); /* IE10+ */
	background: linear-gradient(top,  rgba(38,45,100,1) 25%,rgba(15,4,40,1) 75%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262d64', endColorstr='#0f0428',GradientType=0 ); /* IE6-9 */
}

#middle-wrap {
	margin-top: 0px;


}

/*LJC added 1px to right margin to get brown dept background even with global red  */
#middle-top-dept {
	background: #3A2C2C;
	margin: 0px 1px 0px 0px;
	padding: 1%;
}

#middle-top-topic{
	width: 100%;
	margin-top: -30px;
	margin-bottom: 20px;

}
#dept #middle-top-topic {
	border-bottom: 2px #3A2C2C solid;	
}
#middle-left, #middle-right {
/*	width: 25%;*/
	width: 260px;
	float: left;
	position: relative;
	z-index: 100;


}

#middle-left {
	float: left;
/*	margin-right: 2%;*/
	margin-right: 20px;
	z-index: 300;

}

#middle-center {
	float: left;
/*	width: 45%;*/
	width: 420px;
/*	margin-right: 2%;*/
	margin-right: 20px;
	position: relative;
	z-index: 100;


}

#middle-right {
	float: right;
}

/* 2 Column template - added by COSA*/

#dept-left { /* Replaces #middle-left */

	width: 260px;
	float: left;
	position: relative;
	z-index: 300;


}


#dept-left {  /* Replaces #middle-left */
/*	margin-right: 2%;*/
	float: left;
	margin-right: 20px;
	z-index: 300;

}

#dept-center {  /* Replaces #Middle-center */
	float: right;
	width: 680px;
	margin-right: 20px;
	position: relative;
	z-index: 100;


}

#middle-nocolumn { /* Replaces #Middle-center */

    float:none;
    position: relative;
    /*width: 900px;*/
	margin: 0 50px 0 50px;
    z-index: 100;
    top: 0px;
    left: 0px;
}

.greybg-outer-box { /* Used for one column template */
    background: none repeat scroll 0 0 #F3F4F4;
    border-radius: 15px 15px 0px 0px; 
    margin: 0px;
    padding: 1%;
}

.whitebg-inner-box {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    padding: 10px 20px;
}


#find-your-council-member{
	height: 60px;
}
#dept-connect {
	width: 100%;
}

#dept-connect p {
		display:block;
}


#enews {
	background: #8E261D;
	padding: 4%;
	width: 92%;
}

#request-service {
	padding-left: 5%;
}



#footer{
	height: 125px;
/*	width: 100%;*/
	background: #3A2C2C;
/*	margin: 0px;
	margin-top: 30px; */
	margin-top: 15px; /* changed by COSA */
}

#footer-top{
	height: 25px;	
	background: #8E261D;
	margin-bottom: 10px;
}



/***************************div styles****************************************/

.div-top{
	width: 100%;
}
.div-hold{
	width: 100%;
	clear: both;
}
.div-left{
	float: left;
	width: 49%;
	margin-right: 1%;
}
.div-right{
	float: right;
	width: 49%;
	margin-left: 1%;
}

.div-onethird, .div-onethird-last{
	width: 31%;
	margin-right: 3%;
	float: left;
}

.div-onethird-last{
	margin-right: 0%;
	float: right;
}


.div-featured-person{
	border-top: solid 2px #BB2025;
	margin-bottom: 20px;
}

.div-feature{
	background: #F3F4F4; 
	-moz-border-radius: 15px;
	border-radius: 15px;
/*	padding: 3%;*/
	padding: 14px 5px 4px 2px;
	margin: -60px auto;

	width: 410px;
}


.div-feature-department{
	margin: 0px auto;
}
.div-feature-onehalf, .div-feature-full{
/*	width: 42%;*/
	width: 175px;
	float: left;
/*	margin: 2%;*/
	margin: 5px;
/*	padding: 5px 2% 0px 2%;*/
	padding: 10px 9px 10px 9px;
	background: #FFF;
	-webkit-box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
   box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
   border-bottom: solid 1px #DADBDC;
   border-right: solid 1px #DADBDC;
}

.div-feature-full{
/*	width: 92%;*/
	width: 380px;
	position: relative;
	z-index: 100;
}
.block .div-feature-full{
	height: 150px;
}

.div-feature-story{
		background: #F3F4F4; 
		width: 100%;
		height: 80px;
}

.block .lightgrey .div-feature-full{
		width: 88%;
		margin: 5%;
		height: inherit;

}
.greybg{
	background: #F3F4F4;
/*	padding: 6% 6% 40px 6%;*/
	padding: 5px 5px 25px 5px;
	margin: 10px 0px;
	height: 60px;
}

.darker-greybg{
	background: #DADBDC;
	padding: 3% 6%;
	margin: 10px 0px;
}

.light-greybg{
	background: #F3F4F4;
	padding: 10px 20px;
	margin: 0px;
}

/**************Featured Image**************/

.light-greybg-featured{
	background: #F3F4F4;
	padding: 10px 16px;
	margin: 0px;
}

/*************END************************/

.dark-greybg{
	background: #DADBDC;
	padding: 3%;
	margin: -5px;
	*margin: 0px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.dark-greybg, .light-greybg {
	*min-height: 160px;
}
.one-half-bumper-container{
	width: 200px;
	float: left;
	clear: left;
	margin-top: 15px;	
}
.one-half-bumper-container h2{
	font-size: 16px;
	line-height: 16px;
	margin: 0px;
}
.bumper-grey-container, .one-half-quick-link-container{
	margin: 25px 0px;
}
.bumper-grey-container{
	background: #F3F4F4;
	padding: 8px 15px 0px 15px;
	margin: 8px 0px;
	float: left;
	clear: left;
	/*width: 90%;*/
	width: 175px;
	-webkit-box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
   box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
   border-bottom: solid 1px #DADBDC;
   border-right: solid 1px #DADBDC;
  /* border-bottom-style: solid;
   border-right-style: solid;*/
}
.bumper-grey-container img{
	/*float: left;
	margin-right: 10px; */
	margin: 2px 0px;
}
.one-half-quick-link-container{

	
}
.quick-link-container{
	margin: 0px 0px 35px 0px;

/*	padding: 110px 10px 20px 10px;*/
	margin-right: 0px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float: right;
	clear: right;
}
.quick-link-container .overlay{
	background: url(../images/bg-quick-link.png) no-repeat top left;
	width: 175px;
	height: 60px;	
	padding: 150px 10px 10px 10px;
/*	*height: 70px;
	*padding: 140px 10px 20px 10px;*/
	
}
.quick-link-container .more-arrow{
	margin-top: 3px;
	vertical-align: bottom;

}

/*--- QUICK LINK IMAGES FOR ALL PAGES -------------------------------------------*/ 
#residents-page .res-item-one {
	background: url(../images/photos/resident-images/zero-waste-graphic.png) no-repeat;
}

#residents-page .res-item-two {
	background: url(../images/photos/resident-images/hispanic-family.png) no-repeat;
}

#visitors-page  .res-item-one {
	background: url(../images/photos/visitors-images/find-a-park.png) no-repeat;	
}

#visitors-page  .res-item-two {
	background: url(../images/photos/visitors-images/san-antonio-bikes.png) no-repeat;
}

#business-page  .res-item-one {
	background: url(../images/photos/business-images/sbeda.png) no-repeat;	
}

#business-page  .res-item-two {
	background: url(../images/photos/business-images/want-to-build-today.png) no-repeat;
}

#your-gov-page  .res-item-one {
	background: url(../images/photos/your-gov-images/city-council-agenda.png) no-repeat;	
}

#your-gov-page  .res-item-two {
	background: url(../images/photos/your-gov-images/watch-city-council-live.png) no-repeat;
}

/*----------- QUICK LINKS END----------------------------------------------------*/


/* Generated by Font Squirrel (https://www.fontsquirrel.com) on December 15, 2011 */
@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('../webfontkit/myriadpro-boldcond-webfont.eot');
    src: url('../webfontkit/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
	url('../webfontkit/myriadpro-boldcond-webfont.woff') format('woff'),
	url('../webfontkit/myriadpro-boldcond-webfont.ttf') format('truetype'),
	url('../webfontkit/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed') format('svg');
	font-stretch: normal;
	font-size-adjust: none;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	}


/*************************** GENERAL text****************************************/


p, td, th, ul, li, caption, label, legend, fieldset, blockquote, cite, blue ul.mega-menu .sub li.mega-hdr li a, #menu li ul li, .accordionContent li{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	border: none;
	font-weight: normal;
	color: #5E5F5F;
	text-transform: none;
}
#middle p{
		margin-bottom: 10px;
}
cite{
	line-height: 50px;
}

th{
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background: #000;
	letter-spacing: .3px;
}

em{
	font-weight: bold;
}

h1, h2, h3, h4, h5, h6, .more, .block li, .news-teaser .date, .staff .name, .smleft-title, .emergency-info, #info p, #nav .nav, .megamenu .column h3, .block h6, .block h5, ul.ldd_menu > li > span, #nav li.ldd_heading, a.ldd_subfoot, .blue ul.mega-menu li a, .emergency-info li, .blue ul.mega-menu li .sub li.mega-hdr, #menu li{
	font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
	
	*font-family: Arial, Helvetica, sans-serif;
	*font-weight: bolder;
	*letter-spacing: .2;
	/*}*/
}
/*.ie7 body{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .2;
	font-weight: normal;
}*/
h1, h2, h3, h4, h5, h6{
	margin: 10px 0px;
}

h1{
	font-size: 30px;
	*font-size: 24px;
	line-height: 45px;
}


h2, h3, h4, h5, h6{

}


h2{
	font-size: 30px;
	line-height: 32px;
}

h3 {
	font-size: 20px;
	color: #BB2025;
	line-height: 24px;
	margin-top: 15px;
	}
	
/* COSA - create a h2 to use as links in middle body */
	
#middle-center h2, #dept-center h2 {
	font-size:20px; 
	line-height: 24px;
    margin-top: 15px;	
    text-transform: uppercase;
	color:#3A2C2C;
	}
	
#middle-center h2 a:link , #middle-center h2 a:visited,  #middle-center h2 a:hover {
	color:#3A2C2C;	
	
}

#dept-center h2 a:link , #dept-center h2 a:visited,  #dept-center h2 a:hover {
	color:#3A2C2C;	
	
}


	
/* COSA changed from 14px to 16px, background color from EBEBEC to c7c7c7 */	
#middle-left h3, #middle-right h3, #dept-left h3 {
	font-size:16px; 
	width:90%;
	padding:6px 5%;
	color:#000;
	margin:0px;
	background-color:#c7c7c7;
	*font-size: 11px;
	}



 .more{
	font-size: 18px;
	color: #5E5F5F;
}

h4 { font-size: 14px; color: #5E5F5F;

}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 14px;
	color: #999;
	margin: 0px 0px inherit -20px;
}


a, a:link, a:visited, a:hover, a:active{
	color: #000;
	text-decoration: none;  
	border: none;
}

#middle-center a, #middle-center a:link, #middle-center a:visited, #middle-center a:hover, #middle-center a:active{
	color: #000;
 /*	font-weight: bold; */ 
}
#middle-center a:visited{
	color: #3A2C2C;
}
a:hover, a:active{
	text-decoration: underline;
	border: none;
}


img{
	border: none;
}

#middle li{
	list-style-type: square;
    top: 0px;
    left: 0px;
}

table{
	background: none;
	/*margin: 10px 0px;*/
}

td, th{
	padding: 5px;
	border-left: #000 1px;
	border-right: #000 1px;
	vertical-align: top;
	
}
/***************************FORM STYLES GENERAL****************************************/
.dropdown {
	border: 1px solid #000;
	margin: 0px;
	padding: 2px;
	background: #FFF;
	height: 20px;
}



fieldset{
	border: #000;
	margin: 5px 0px;
}
legend{
	margin-left: 0px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

form{
	clear: both;
}
.radio {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background: #FFF;
	width: inherit;
}

.form{
	margin-left: 70px;
}
.btn{
	width: 30px;
	height: 30px;
	font-weight: bold;
	text-align: center;
	background: #000;
	color: #FFF;
	border: #000 1px;
	vertical-align:top;
}

.btn:focus, .btn:hover, .btn :active{
	background: #000;
	color: #CCC;
}


.darker-greybg .btn-arrow{
	width: 14px;
	height: 14px;
	background: #000;
	border: #000 0px;
	vertical-align :middle;
	background: url(../images/arrow-black.png) no-repeat;
}

.btn-arrow:focus, .btn-arrow:hover, .btn-arrow:active{
	background: #FFF url(../images/arrow-red.png);
	color: #CCC;
}


/* added by COSA */

.Required {  
		font-size: x-large;
		color:red;

	}

.tblheader {
	border-width: 1px;
	text-align: center;
	background-color: #C0C0C0;
	color: #000000;
}

.tableform {
	border-style: solid;
	border-width: 1px;
	margin-left:25px;	
	
}

.tdfrm-right {
	text-align: right;
}




/***************************Search bar styles****************************************/

#search input{
	border: 1px solid #FFF;
	background: #FFF;
	height: 20px;
	width: 200px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	moz-border-top-left-radius: 15px;
	moz-border-bottom-left-radius: 15px;
	margin: -4px;
	padding: 2px;
	padding-left: 8px;
	vertical-align: bottom;
}

#search input:focus, #search input:hover, #search textarea:focus, #search textarea:hover{
}
#search input:focus, #search input:hover{
	background: url(../images/bg-input.png) no-repeat right #FFF;
}
#search .btn{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	moz-border-top-left-radius: 0px;
	moz-border-bottom-left-radius: 0px;
	
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	moz-border-top-right-radius: 15px;
	moz-border-bottom-right-radius: 15px;
	margin-left: 0px;
	*margin-left: -4px;
	width: 20px;
	height: 22px;
	padding: 6px;
	/*background: url(../images/search-grey.png) no-repeat #FFF center;*/
}
#search input.btn:hover{
	background: url(../images/search.png) no-repeat #FFF center;
}

/*************************DIV specific class overrides************************/

#middle p #did-you-know{
	margin: 0px;
}
/*************************home featured stories************************/
.div-feature h1{
	font-size: 24px;
	line-height: 24px;
	margin: 0px;
	margin-left: 15px;
}
.div-feature h2{
	font-size: 16px;
	line-height: 16px;
	margin: 0px;
	margin-bottom: 5px;
}
.caption .div-feature h2{
	margin: 10px 0px;
}

/*************************home featured stories end ************************/

/*************************social media************************/
#social-media {
	width: 94%;
	padding: 0px 3% 0px 3%;
	border-bottom: solid 2px #BB2025;  
	margin-bottom: 20px;
	clear: both;
}

#social-media-single {
	width: 94%;
	padding: 0 3% 0px 0px;
	margin-bottom: 20px;
	clear: both;
}



#social-media img{
	margin: 3px;
}


.sm-floatright
	{
	float: right;
	clear: right;
	width: auto;
	background-color: #fff;

	padding: 0 0 5px 0;
	 z-index: 100;	
	}
	
	
	

	
.sm-inner-white {	
	background: #FFF; 
	position:relative;
	width: 90%;
	width: 200px;
	padding: 2%;
	padding: 5px 19px; 
	margin: 4%;
/*	margin: 10px auto -1px auto;     */
   	-webkit-box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
   box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
   border-bottom: solid 1px #DADBDC;
   border-right: solid 1px #DADBDC;
  



}

.sm-feature {
	background: #F3F4F4; 
/*	-moz-border-radius: 15px; 
	border-radius: 15px; */
 	padding: 5px 0px 5px 0px; 
	width: 260px;


	
}



/*************************social media end************************/
.darker-greybg h6{
	margin: 0px;
	color: #000;
	font-size: 18px;
	
}

.darker-greybg input{
	width: 50%;
	border: #FFF;
}
.darker-greybg input:active, .darker-greybg input:hover{
	border: #BB2025;
}
/*resident */
.bumper-grey-container h3{
	font-size: 14px;
	*font-size: 11px;
	color: #000;
	margin: 0px;
	line-height: 14px;
}
.bumper-grey-container p{
	margin: 0px;
}
.bumper-grey-container img{

}
.bumper-grey-container a{
	border: none !important;
}
#middle p .bumper-grey-container{

}

/* Louise changed lin 1011 margin from 0px to 10px 0px 0px 0px*/
.quick-link-container h2{
	text-align: center;
	font-size: 16px;
	*font-size: 12px;
	*line-height: 12px;
	color: #FFF;
	line-height: 22px;
	margin: 25px 0px 0px 0px;
	}
	
.quick-link-container h2 span{
		/*background: #000;*/
		padding: 0px;/*sam(it use to be 4px)*/
		}
.quick-link-container h2 span:hover {
	background: #BB2025;

}
#middle-center .quick-link-container h2 span a:visited, #middle-center  .quick-link-container h2 span a:active, #middle-center  .quick-link-container h2 span a{
	color: #FFF;
	font-weight: normal;
}
.quick-link-container h2 a:hover {
		text-decoration: none;
}


/*************************deptartment************************/
#middle-top-topic h1{
	font-size: 30px;
	*font-size: 24px;
	color: #BB2025;
	margin: 0px;
	margin-left: 10px;
}
#middle-top-topic p{
	margin: 0px;
	margin-left: 10px;
	}
	
	

#middle-top-dept h1, #middle-top-dept h2, #middle-top-dept h3, #middle-top-dept h4, #middle-top-dept p, #middle-top-dept a{
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
#middle-top-dept p{
	line-height: 14px;
}
#middle-top-dept h2{
	font-size: 22px;
}

#find-your-council-member li, #find-your-council-member ul{
	
}
#find-your-council-member a{

}
.block .lightgrey .div-feature-full img{
	margin: 5px 0px;
	
}

#middle-right .div-feature-full img{
	

}
.side-feature{
	margin: 4%;
	padding: 2%;
	background: #FFF;
	width: 90%;
	width: 200px;
	padding: 5px 19px;
}
/**********************res page*****************/
.light-greybg h2, .topic-headline{
	font-size: 18px;
	*font-size: 16px;
	margin: 0px;
}
.topic-headline{
	margin: 5px 0px -15px 15px;
}

.quick-link-container h6{
	background: #000;
}

/*************************banner tool tip************************/
#info p, #info a{
	text-transform: capitalize;
	font-size: 18px;
	text-align: center;
	color: #FFF;
	padding: 5px;
	margin: 0px;
}

#info p:hover, #info a:hover{
	text-decoration: none;
	color: #DADBDC;
}
/*************************dept connect************************/

#dept-connect h4{
	margin: 0px;
	margin-left: 5%;
	color: #000;
}

#dept-connect p{
	margin-left: 13px;
}



/*************************e news************************/

#enews input{
	height: 10px;
	font-size: 8px;
	width: 80%;
}

#enews input:focus, #enews input:hover, #enews textarea:focus, #enews  textarea:hover{
	height: 20px;
	font-size: 10px;
}

#enews p{
	color: #FFF;
	font-size: 9px;
	text-transform: uppercase;
}
#enews h6, #enews a{
	color: #FFF;
	font-size: 20px;
	*font-size: 14px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#enews h6:hover{
	color: #BB2025;
}
.more-arrow, .bumper-grey-container .more-arrow{
	float: right;
	vertical-align: middle;
}
.bumper-grey-container .more-arrow{
	float: right;
	vertical-align: top;
	*margin-top: -15px;
}
.bumper-grey-container .more-arrow{
	float: right;
	vertical-align: middle;
}


/*************************Accordian - COSA************************/

.accordionHeader {  
  	height:auto;
  	background-color:#F3F4F4;
  	border: 1px #c4cddd solid;
  	padding: 5px 5px 5px 0px;
  	margin: 4px 0px 4px 0px;	
  	color: #000000;
  	cursor: hand;
    cursor: pointer;   
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;

    
    *font-family: Arial, Helvetica, sans-serif;
	*font-weight: bolder;
	*letter-spacing: .2;
	*font-size: 15px
  
}


.accordionHeaderSelected  {
  	height:auto;
  	background-color:#3A2C2C;
  	border: 1px #8E261D solid;
  	padding: 5px 5px 5px 0px;
  	margin: 4px 0px 4px 0px;  	
  	cursor: hand;
    cursor: pointer;
    font-size: 15px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;

    *font-family: Arial, Helvetica, sans-serif;
	*font-weight: bolder;
	*letter-spacing: 0.2;
	*font-size: 15px

}


.accordionContent{

    border: 1px #c4cddd solid;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
	margin: 0px 0px 5px 0px;	/* don't use em - causes debug issue */
    height:auto;	
	font-size:x-small;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;

	clear:both;
	overflow: ;
}

.accordionHeader a {
	text-decoration: underline;	
}
  	


.accordionHeaderSelected a, .accordionHeaderSelected a:link, .accordionHeaderSelected a:visited, .accordionHeaderSelected a:hover, .accordionHeaderSelected a:active {
	color: #ffffff!important;
	text-decoration:underline;
}

.accordionContent  a {
	text-decoration:underline;
}

#middle-center .accordion a, #middle-center .accordion a:link, #middle-center .accordion a:visited, #middle-center .accordion a:hover, #middle-center .accordion a:active  {
	color: #ffffff;
	text-decoration:underline;
}


.tblAccordian {
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	margin-top: 10px;
	background-color: silver;
	margin: 0px auto -1px auto; /* centers div to page */
}


.tblAccordian-color-t1 {
	font-weight: bold;
	color: #000;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: 1.0pt solid #8E261D;
	background-color: #F3F4F4;
}
.tblAccordian-color2-left {
	
	color: black;
	border-style: none;
	background-color: #fff;
}

.tblAccordian-color2-top {
	font-weight: bold;
	color: #000;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom: 1.0pt solid #8E261D;
	background-color: #F3F4F4;
}
.tblAccordian-color2-even {
	color: black;
	border-style: none;
	background-color: #fff;
}


/* for accordian on dept list page - COSA */ 

#AccHeaderWrap {
	 position: relative;	
	 clear:both;
}

#AccHeaderLeft {
	position: absolute;
	left: 10px;	
}

#AccHeaderRight {
	position: absolute;
	left: 775px;
	top: 0px;
}

#AccHeaderRight a {
	text-transform: none;

}






/*************************create block list grey bg************************/
/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
---------------------------- Links inside of .block -------------------------------
--------------------------------------------------------------------------*/
.block .city-red {
	color:#FFF;
	background: #8E261D;
	padding: 4%;
	width: 92%;
	}
	
#middle-left h3, #dept-left h3, #middle-right h3,  .block ul li, .news-teaser ul li, .block h2.city-connect-red, #enews {
	border-bottom:solid;
	border-bottom-color:#FFF;
	}	
.block{
	clear: both;
}

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

.block ul li {
	width:100%;
	background: #DADBDC;
	font-size: 14px;
	position:relative;
	display:block;
	}

.block p, .block h6, .block h5{
	margin: 5px 0px;
	display: block;
	list-style: none;
	width: 90%;
	height:90%;
/*	padding:6px 5%;
	padding: 6px 15px;*/
}
.block h5{
	padding: 6px 25px 0px 25px;
}

.block ul li a, .block ul li a:visited {
	min-width:90%;
	height:90%;
	margin:0;
	padding: 6px 5%;
	text-decoration:none;
	display:block;
	*font-size: 11px;
	}
	
.block ul li a:hover, .block ul li a:active {
	background: #BB2025;
	color: #FFF;
	}	

.block .lightgrey, .block .lightgrey:hover, .block .hot-link{
	background: #F3F4F4;
	color: #000;
}

.block .nochange:hover{
	background: #DADBDC;
	color: #000;
}

/*--- SLIDE OUT ADDED BY STEVEN SALINAS edited by ES---*/
.block .lightgrey, .block .hot-link {
	position:relative;	z-index: 100;
	}
	
.block .lightgrey .side-sub-menu, .block .hot-link .side-sub-menu {
	display:none;
	}

.block .lightgrey:hover .side-sub-menu, .block .hot-link:hover .side-sub-menu {
	width:100%;
	position:absolute;
	top:0px;
	left:100%;
	display:block;

	}
	
/*-----------------------------------------*/

.block img{
		vertical-align: middle;
}

.block .hot-link{
	
}

.block h2.city-connect-red{
	font-size:18px;
	*font-size: 14px;
	background: #8E261D;
	padding: 2px 5%;
	margin:0;
	color: #FFF;
}


.lower-case-headline{
	text-transform:capitalize;
	font-weight: normal;
}

/*************************create block list news teasers************************/

.news-teaser ul, .staff ul{
	margin: 0px;
	padding:0px;
	list-style:none;
	}


.news-teaser ul li a, .news-teaser ul li a:visited, .staff ul li{
	min-width:90%;
	height:90%;
	margin:0;
	padding:3%;
	text-decoration:none;
	display:block;
	font-weight:normal;
	}

.news-teaser ul li, .staff ul li {
	background: #F3F4F4;
/*	font-size:14px;*/
	position:relative;
	display:block;
	}
	
.news-teaser ul li .date a, .news-teaser ul li .date a:visited{
	width: 25px;
	}
		
.news-teaser ul li a:hover, .news-teaser ul li a:active {
	background: #5E5F5F;
	color: #FFF;
	text-decoration: none;
	}	

.news-teaser img{
	vertical-align: text-bottom;
}

.date, .name{
	font-size: 14px;
}
.staff ul li{
	margin-bottom: 3px;
}
.staff ul li img{
	float: right;
}
/*************************did you know grey bg************************/
.did-you-know {
	background: #EBEBEC;
	/*padding: 5%;*/
	padding: 15px;
	display:block;
	height: 98px;
}
#home-page .did-you-know {
	height: 90px;
}

#middle-left .did-you-know h3{
	font-size: 15px;
	color: #BB2025;
	background:none !important;
	line-height: 24px;
	margin:0;
	padding:0;
	border:none;
}

.did-you-know p{
	margin: 0px;
}

/*************************Featured person text style************************/

.featured-person{
	border-top: solid 2px #BB2025;
	margin: 0px 0px;
	margin-top: 10px;
	padding: 10px 0px;
}

.featured-person h5, .featured-person h4, .featured-person p{
	margin: 0px;
}
.featured-person h4{
	font-size: 13px;
	color: #000;
}
.featured-person h5{
	font-size: 11px;
	font-weight: normal;
	color: #5E5F5F;
}
.featured-person .photo{
	float: left;
	margin-right: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

}
.featured-person .icon{
	float: right;
	margin-left: 10px;
}

/*************************Featured person text style in dept page middle center column************************/
.pic-feature{
	float: right;
	background: #F3F4F4;
	border-top: none;
	padding: 15px;
	margin: 15px;
	width: 130px;
}
.pic-feature img{
	margin-bottom: 5px;
}
/*************************style emergency info************************/
.emergency-info{
	background: #F3F4F4;
	padding: 5%;
	margin: 0px;
	margin-bottom: 3px;
}
.emergency-info li{
	display: inline;
	color: #8E261D;
	font-size: 14px;
	font-weight: lighter;
}

.emergency-info li a{
	color: #000;
	padding: 3px;
}

.emergency-info li a:hover{
	color: #BB2025;
	text-decoration: none;
}

.emergency-info ul{
	margin: 0;
	padding:0;
	display:block;
}


#middle-right p{
		display:block;
/*		margin:0;
		padding: 5%;
		padding: 15px;*/
		padding-bottom: 0px;
}

#dept #middle-right img{
	margin-bottom: 5px;
}
/*************************banner************************/



.search{
	width: 200px;
}
/***************************FOOTER TEXT****************************************/

#footer p, #footer li, #footer ul, #footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
	text-align: center;
	margin: 3px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#footer li{
	display: inline;
}
#footer a:hover, #footer a:active{
	text-decoration: underline;
	color: #CCC;
}

/***************************NAVS****************************************/








/*************************** Banner Tool Tip ****************************************/
/** commented out by araceli
  .tooltip{
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
} */

.tt {
			color: #fff;
			font-weight: bold;
			padding: 25px;			
		} 
		
/* tooltip styling */
.tooltip {
    position: relative;
	display:none;
	background: #393939;
	border: 1px solid #CB9600; 
	height:auto; 
	line-height: 160%;
	padding:10px 30px 10px 30px;
	width:310px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	z-index: 20;
}
 
.tooltip a {
	color:#ad4;
	font-size:12px;
	font-weight:bold;
}

/***************************MISC****************************************/

#footer li .activepage{
	text-decoration: underline;
	color: #FFF;
}

.pic{
	float: right;
	margin: 5px 0px 15px 20px;
}


.dot{
	margin-bottom: 6px;
}

.red-box{
	background: #8E261D;
	*background: none;
	height: 8px;
	width: 62%;
	margin: 7px 18px 0px 3px;
	*margin: 0px 0px 0px 0px;
	*clear: right;
	vertical-align: top;
	float: right;
}

.red-line{
	background: #8E261D;
	height: 2px;
	width: 82%;
	float: right;
	margin: -10px 0px 0px 0px;
	}

/* Mega Menu Styles */
.blue {
	padding:0px 0px 0px 70px;
	position:relative;
	z-index: 9999;

	}

.blue ul.mega-menu .sub li.mega-hdr li a, .blue ul.mega-menu li .sub li.mega-hdr li{
	text-transform: capitalize;
	color: #FFF;
}
.blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a, .blue ul.mega-menu li .sub li.mega-hdr li{
	font-size: 16px;
	padding: 0px;

}
sub-container .mega{
			*background: url(../images/bg-mega.png) no-repeat top !important;
}
.topic-header{
	color: #FFF;
	font-size: 18px;
	margin:0px 0px 0px 20px;
	background: none;
	opacity:1.0 !important;
 	filter:alpha(opacity=100); /* For IE8 and earlier */
	clear: both !important;
	z-index: 9999;
	position: relative;
	padding: 0;
	font-weight: normal;
}

.mega-menu ul, .mega-menu ul li {list-style: none;}
.mega-menu ul {position: relative; padding: 0; margin: 0; 	z-index: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block; float: left; clear:left;}

.blue ul.mega-menu, .blue ul.mega-menu, .blue ul.mega-menu li {
	margin: 0;
	padding: 0;
	border: none;
	}
	
.blue ul.mega-menu {
	width: 100%; 
	border: 0px;
	clear: both;
	}
	
.blue ul.mega-menu li { /*top nav main pill tabs*/
	float: left; 
	margin: 0;
	padding: 0;
	/*position:relative;*/
	clear: none;

	}
	
.blue ul.mega-menu li a { /*top nav main pill tabs*/
	float: left; 
	display: block; 
	color: #fff; 
	background: #FFF;
	text-decoration: none;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 5px 15px; 
	margin: 0px 5px;
	font-size: 16px;
	height: 18px; /*this just added*/

	}
	
.blue ul.mega-menu li a.dc-mega {
	/*position:relative;*/
	background: #000;
	}
.blue ul.mega-menu li a.dc-mega:hover, .blue ul.mega-menu li a.dc-mega:active{  /*added by ES for pill hover*/
	background: #FFF;
	color: #000;
	}
	
.blue ul.mega-menu li a .dc-mega-icon {
	display: block; 
	/*position: absolute;*/
	top: 18px; 
	right: 15px; 
	width: 8px; 
	height: 6px; 
	}
	
.blue ul.mega-menu li.mega-hover a, .blue ul.mega-menu li a:hover {
	color: #fff; 
	}
	
.blue ul.mega-menu li.mega-hover a .dc-mega-icon {

	}
	
.blue ul.mega-menu li .sub-container {
	background: #000;
	width:980px;
	opacity:0.9;
 	filter:alpha(opacity=90); /* For IE8 and earlier */
	/*padding:10px;*/
	margin:0px auto;
	-moz-border-radius: 15px;
	border-radius: 15px;
	z-index: 9999;
	position: absolute;
	top:30px;
	}


/*--- THESE ARE THE COLUMNS WITH THE LINKS IN THE SUB MENU -----------------------------
----------------------------------------------------------------------------------------*/
.blue ul.mega-menu li .sub {
	/*background: url(images/bg_sub.png) no-repeat 100% 100%;*/
	/*padding: 10px;
	float:left;*/
	}
/*--------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------*/

.blue ul.mega-menu li .sub-container.mega .sub {
	width:980px;
	position:relative;
	z-index: 0;
	display:block;
	list-style: none;
	margin-top:20px;

}

.blue ul.mega-menu li .sub li {
	list-style: none; 
	float: left;
	position:relative;
	display:block;
	width: 160px;
}

.blue ul.mega-menu li .sub li.mega-hdr {
	z-index: 9999;
	position: relative;

}

.blue ul.mega-menu li .sub li.mega-hdr.last {
	margin-right: 0;
}
.blue ul.mega-menu li .sub a {
	background: none; 
	border: none; 
	text-shadow: none; 
	color: #fff; 
	padding: 7px 10px; 
	display: block; 
	float: none; 
	text-decoration: none; 
}
	
.blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
	padding: 0px 0px 0px 15px; 
	margin-bottom: 0px; 
	text-transform: uppercase; 
	font-weight: bold; 
	color: #fff;
	height: inherit; 
	*background: #000;
}

.blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
	color: #F3F4F4;
	}
.blue ul.mega-menu .sub li.mega-hdr li a {padding: 4px 5px 4px 15px; background: none; font-weight: normal; 
	height: 100%;
	opacity:1 !important;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	*background: #000;}
.blue ul.mega-menu .sub li.mega-hdr li a:hover {color: #3A2C2C; background: #FFF url(../images/arrow-red-open.png) no-repeat center left; }
.blue ul.mega-menu .sub ul li {padding-right: 0;}
/*.blue ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}
.blue ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.blue ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background:none;}
.blue ul.mega-menu li .sub-container.non-mega li a:hover {color: #F3F4F4; }*/

/*.visitors{
	margin-left: -100px !important;
}

.blue ul, .row, .blue ul.mega-menu .sub li.mega-hdr li a{
	clear: left !important;
	display: block;
}
*/
/*.sub-container{
left: -50px;
top: 28px;
clear: left;
z-index: 1000;
position:relative;
margin-left: -100px;
}*/
/*.blue ul.mega-menu li .sub  div .row, .sub{
	clear: both;
	display: block;
}*/
.mega-unit{
/*	 background: #0F0; green */
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 0;
}
.mega-hdr{
/*	 background: #F3F; pink*/
	 margin: 0;
	 padding: 0;
	 position: relative;
	z-index: 9999;
	*background: #000;
	*height: 400px;

}

.mega-hover{
/*	background: #0FF; blue*/
	*background: #000;
	/*border-bottom-radius: 0px;
	moz-border-bottom-radius: 0px;*/
	
}

.mega-qi{
	font-style:italic;			
}

.sub{
	/*background:#F90;orange*/
	clear: both;
	position: relative;
	z-index: 9999;
}
/* end mega menu */
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/******did you know*******/
#cosahomeDYK h3 {
	font-size: 15px;
	color: #BB2025;
	background:none !important;
	line-height: 24px;
	border-bottom:none;
	border-bottom-color:#FFF;
	}

#cosahomeDYK, .did-you-know h3{
	font-size: 15px;
	color: #BB2025;
	background:none !important;
	line-height: 24px;
	margin:0;
	padding:0;
	border:none;
}


#deptlogosapd {
	float: right;
	/*clear: both;*/
	height: 100px;
	margin: 15px 60px 0px 0px;
}

/********end******/