/* Web fonts ------------------------------------ */


@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('Fonts/myriadpro-boldcond-webfont.eot');
    src: url('Fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
	url('Fonts/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed') format('svg');
	url('Fonts/myriadpro-boldcond-webfont.woff') format('woff'),
	url('Fonts/myriadpro-boldcond-webfont.ttf') format('truetype'),

/*	font-stretch: normal; font-size-adjust: none; font-variant: normal;	*/
    font-weight: normal; font-style: normal;
}


/*
@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-weight: normal;
    font-style: normal;
}
*/


/* -- end of Web fonts -------------------------- */






    

/* Start of side menu CSS */

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

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

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

.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; }

.block .hot-link { height:28px }

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

#sideMenu, #sideMenu * {z-index:500}
#sideMenu a, a:link, a:visited, a:active { color: #000;	text-decoration: none;  border: none; }
#sideMenu a:hover { color: #fff; text-decoration: none;  border: none; }

#sideMenu ul { -webkit-padding-start: 0px; }

#sideMenu li {list-style-image:none; list-style-position: outside; list-style-type:none;margin:0px 0px 0px 0px }

#sideMenu li { border-bottom:solid border-bottom-color:#FFF;font-family:MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
                  font-size:14px;color:#000000;text-transform:uppercase }

/*--- SLIDE OUT ADDED BY STEVEN SALINAS edited by ES---*/
.block .lightgrey, .block .hot-link { position:relative; z-index:500 }
	
.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 }

.side-sub-menu, .side-sub-menu * {z-index:500}





/*  H3 -- used for "OFFICE"  */


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;
	/*}*/
}

/*
h3 {
	font-size:16px; 
	width:90%;
	padding:6px 5%;
	color:#000;
	margin:0px;
	background-color:#BBBBBB;
	*font-size: 11px;
	}
*/

#request-service {margin-left:10px;color:#5e5f5f;font-size:12px;lin-height:16px}










 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}







/* 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: 30px 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(/images/photos/homepage-images/night-city-view.png) bottom no-repeat;
}
	
#residents-page #top-wrap {
	background: url(/images/photos/resident-images/girl-at-river-header.png) bottom no-repeat;
}
	
#visitors-page #top-wrap {
	background: url(/images/photos/visitors-images/luminaria-header.png) bottom no-repeat;
}
	
#business-page #top-wrap {
	background: url(/images/photos/business-images/bioscience-header.png) bottom no-repeat;
}
	
#your-gov-page #top-wrap {
	background: url(/images/photos/your-gov-images/city-council-header.jpg) bottom no-repeat;
}
/*----added 1/12 LJC ----*/
#Mayor #top-wrap {
	background: url(/images/photos/department-images/city-mayor/mayor-header.jpg) bottom no-repeat;
}	

/*-----Sam added for Get Connected------*/
#getconnected-page #top-wrap {
	background: url(/images/photos/getconnected/get-connected-header.png) bottom no-repeat;
}

/*-------- HEADER IMAGES END ----------------------------------------------------------*/
#top {
	background: url(/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(/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;
	zfloat: left;
	zclear: left;
	zmargin-left: 735px;
	zmargin-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-left2, #middle-right {
/*	width: 25%;*/
	width: 260px;
	float: left;
	position: relative;
	z-index: 100;


}

#middle-left, #middle-left2 {
	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;
    z-index: 100;


}

.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;*/
	margin: -44px auto;

/* z-index:900; */

	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;
}

.div-feature-threebuttons {
                width: 67px;
                float: left;
                margin: 3px;
                padding: 5px 7px 0px 3px;
                background: #FFF;
                -webkit-box-shadow:0px 3px 3px 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-fourbuttons {
                width: 80px;
                float: left;
                margin: 5px;
                padding: 10px 5px 0px 6px;
                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;
}


.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;	*/
	margin-bottom: 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;	*/
	margin: 0px 0px 16px;
	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-live.jpg) no-repeat;
}

#Commpa-page  .res-item-one {
	background: url(/portals/0/Images/Commpa/tvsaPATV.jpg) no-repeat;	
}

#Commpa-page  .res-item-two {
	background: url(/portals/0/Images/Commpa/mlk_chavez.jpg) no-repeat;
}


#Boarding-home  .res-item-one {
	background: url(/portals/0/Images/DSD/building.jpg) no-repeat;	
}

#Boarding-home  .res-item-two {
	background: url(/portals/0/Images/DSD/Board_hms_Fire_195x220.jpg) no-repeat;
}


#MediaCenter-page  .res-item-one {
	background: url(/portals/0/Images/Commpa/cityVideosA.jpg) no-repeat;
}

#MediaCenter-page  .res-item-two {
	background: url(/portals/0/Images/Commpa/youtube.jpg) no-repeat;
}

#TVSA-page  .res-item-one {
	background: url(/portals/0/Images/Commpa/tvsa/progGuide.jpg) no-repeat;
}

#TVSA-page  .res-item-two {
	background: url(/portals/0/Images/Commpa/tvsa/video.jpg) no-repeat;
}

#patv-page  .res-item-one {
	background: url(/portals/0/Images/Commpa/PATV/airtime.jpg) no-repeat;
}

#patv-page  .res-item-two {
	background: url(/portals/0/Images/Commpa/PATV/patv_policy.jpg) no-repeat;
}
#Sustainability-home  .res-item-one {
	background: url(/portals/0/Images/Sustainability/CenterQuint-GreenShade.png) no-repeat;	
}

#Sustainability-home  .res-item-two {
	background: url(/portals/0/Images/Sustainability/CenterQuint-SABikes.png) no-repeat;
}


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


/* Generated by Font Squirrel (http://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, input, textarea, .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 - after upgrade to dnn 7.5 had to add this for the h4 tags */
h4 { line-height: 4px; }
	
/* COSA - create a h2 to use as links in middle body */
	
/* #middle-center h1, #dept-center h1 {  line-height: 50%;  margin: 10px 0px 5px 0px; } */	
#middle-center h2, #dept-center h2 {  line-height: 20px;   margin-top: 20px; /*Was 20px*/ font-size: 20px;  text-transform: uppercase;  color:#3A2C2C;	}
/* #middle-center h3, #dept-center h3 {  line-height: 25%;   margin: 20px 0px 5px 0px;  }
#middle-center h4, #dept-center h4 { line-height: 25%;   margin: 20px 0px 5px 0px;  }
#middle-center h5, #dept-center h5 {  line-height: 25%;  margin: 20px 0px 5px 0px; }
#middle-center h6, #dept-center h6 {  line-height: 25%;   margin: 20px 0px 5px 0px;  } */
	
#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, changed to BBBBBB */	
#middle-left h3, #middle-left2 h3, #middle-right h3, #dept-left h3 {
	font-size:16px; 
	width:90%;
	padding:6px 5%;
	color:#000;
	margin:0px;
	background-color:#BBBBBB;
	*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****************************************/
input, textarea, select, .dropdown {
	border: 1px solid #000;
	margin: 0px;
	padding: 2px;
	background: #FFF;
/*	height: 20px; */
}

cosa_input{
	width: 400px;
}
cosa_textarea{
	width: 700px;
}
input:focus, input:hover, textarea:focus, textarea:hover{
	border: #000 solid 1px;
}
input:focus, input:hover, {
	background: url(/images/bg-input.png) center right no-repeat #FFF;
}
textarea:focus, textarea:hover{
	background: url(/images/bg-textarea.png) center no-repeat #FFF;
}
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 !important;
	background: #FFF;
	height: 26px;
	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: 12px;
}
.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;
}


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






.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;
}
.one-half-bumper-container .bumper-grey-container p{
	margin: 0px 0px 8px;
}
.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{
	line-height: 20px !important;
	margin: 0px;
	margin-left: 5%;
	color: #000;
}

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



/*************************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:25px; /*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:25px; /*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;

}


/* Accordian - ADG
----------------------------------*/



/* Interaction Cues
----------------------------------*/
.liveacccosa_1cosa_1 .ui-state-disabled { cursor: default !important; }


/* SELECTED PANE HEADER */
 .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #392829; background: #392829; color: #ffffff; outline: none; border-bottom:0px }

 .ui-state-active a, .ui-state-active a:link,  .ui-state-active a:visited { background: #392829; color: #ffffff; outline: none; text-decoration: none; }

 .ui-state-active a,  .ui-state-active a:link, .ui-state-active a:visited 

{
  color:#ffffff; font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif; font-size: 15px;
  height: 26px;
  line-height: 26px;
  text-transform: uppercase;
  display:block;
  width: 408px;
  margin:0px 0px 0px 0px;
  padding-bottom:5px;
}

#dnn_ContentPane .ui-state-active a, #dnn_ContentPane .ui-state-active a:link, #dnn_ContentPane .ui-state-active a:visited 

{
  color:#ffffff; font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif; font-size: 15px;
  height: 26px;
  line-height: 26px;
  text-transform: uppercase;
  display:block;
  width: inherit;
  margin:0px 0px 0px 0px;
  padding-bottom:5px;
}




/* Interaction Default states----------------------------------*/


 .ui-state-default,  .ui-widget-content .ui-state-default
{
  background: #F7F7F7;
  border:1px solid #C6CFDE;
  font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
  font-size: 15px;
  height: 26px;
  line-height: 26px;
  text-transform: uppercase;
  display:block;
  width: inherit;
  margin:0px 0px 0px 0px;
  padding-bottom:5px;
  
}



 .ui-state-default a,  .ui-state-default a:link,  .ui-state-default a:visited { color: #ffffff; text-decoration: none; outline: none; }

/* Icons
----------------------------------*/

/* states and images */
.liveacccosa_1cosa_1 .ui-icon { width: 0px; height: 0px; }



/* Misc visuals
----------------------------------*/


/* Accordion----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }


.ui-accordion .ui-accordion-header a 
{ 
   display: block; font-size: 1em; color: #000000; padding:4px 0px 0px 14px;
}


.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: static; top: 1px; margin-bottom: 2px; overflow: none; display: none; width:inherit; border:1px solid #C6CFDE}
.ui-accordion .ui-accordion-content-active { display: block; width: inherit; }



/*************************create block list grey bg************************/
/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
---------------------------- Links inside of .block -------------------------------
--------------------------------------------------------------------------*/
.block .city-red {
	color:#FFF;
	background: #8E261D;
	padding: 4%;
	width: 92%;
	}
	
#middle-left h3, #middle-left2 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, #middle-left2 .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 */
.cosa_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; }
}





#menu {
	list-style:none;	width:920px;
	margin:0px auto;	padding:0px 0px 0px 60px;
	position:relative;	z-index:999;
}

#menu li {
	float:left;		display:inline;
	text-align:center;	padding:0px;
	margin-left:15px;	border:none;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;	border:solid #000 1px;
	background:#000;
}

#menu li,#menu a { color:#fff;	}

#menu li:hover, #menu a:hover {	color:#000; }

#menu li:hover {
	padding: 0px;		background:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	border:solid;
	border-width:0px;	border-color:#FFF;
}

#menu li a {
	width:100%;		height:100%;
	font-size:18px;		display:block;
	outline:0;		text-decoration:none;
	margin:0px;		padding:3px;
	position:relative;	z-index:9999;
	font-weight: normal;
}

#menu li:hover .drop { color:#000; }

#menu li .drop { display:block;		text-transform:uppercase;	position:relative;	z-index:9999;	}

#menu .nav1 { width:70px;		height:16px;	padding: 3px 10px;	*font-size: 14px; }
#menu .nav2 { width:65px;		height:16px;	padding: 3px 10px;	*font-size: 14px; }
#menu .nav3 { width:65px;		height:16px;	padding: 3px 10px;	*font-size: 14px; }
#menu .nav4 { width:130px;		*width: 150px;	height:16px;		padding: 3px 10px;	*font-size: 14px; }


.dropdown_5columns {
	width: 900px;		margin:0px auto;
	float:left;		position:absolute;
	z-index:999;		left:-999em;/*Hides the drop down */
	text-align:left;	padding:10px;
	margin:2px 30px;	border:none;
	background-color: rgb(0,0,0);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;	background: url('Images/mega/bg-mega-menu.png') repeat;
}

#menu li:hover .dropdown_5columns { left:0px; top: 20px; }

.dropdown_5columns .column {
	width:160px;		display:inline;
	float: left;		position: relative;
	z-index:9999;		padding:0px 20px 10px 0px;
	margin:0px;
}
/*******Sam Added 2column Get Connected Mega Menu******/
.dropdown_5columns .column2 {
	width:240px;		display:inline;
	float: left;		position: relative;
	z-index:9999;		padding:0px 20px 10px 0px;
	margin:0px;
}
/**********END*********/

#menu h3 {
	font-size:16px;		margin:0;
        padding-left:0;		color:#FFF;
	text-transform:uppercase;
        background:transparent
}

#menu li:hover div a { font-size:12px;		line-height: 16px;	background:none;	border: none; }

/*#menu li:hover div a:hover { color:#000; }*/

.strong { font-weight:bold; }
.italic { font-style:italic; }

#menu li ul { list-style:none;	padding:0;	margin:0; }

#menu li ul li {
	line-height:20px;	display:block;
	position:relative;	z-index:9999;
	/*text-shadow: 1px 1px 1px #ffffff;*/
	margin:0px;		float:none;
	text-align:left;	background:none;
	border: solid 0px #000;	padding: 0px;
}



/* Slider Control */
div .jflow-content-slider {position:relative;z-index:240}
div .jFlowSlideContainer {position:absolute;z-index:250}
div .jFlowSlideContainer .slide-details {position:absolute;z-index:240;top:155px}

/*Slide Details Paragraph Cut Off Fix*/
#middle-center .jFlowSlideContainer .slide-details h2 {margin-top:15px}




/* Start of DNN-specific CSS ----------------------------------------------------------------------------------------------- */


/* OUTER LAYOUT --------------------------------- */
html, body{  margin:0;  padding:0;  text-align:center; } 
#pagewidth{  width:980px;  text-align:left;  margin:0 auto; } 
#ContentBG {  margin-bottom:6px }
/* end of OUTER LAYOUT -------------------------- */



/* UPPER HEADER --------------------------------- */ 
#header{
  display:block;  position:relative;
  height:120px;   /* style guide says 125px but legacy site is 120px */
  width:100%;     overflow:none;    overflow-y: visible;
  background-image:url('<%= SkinPath %>Images/COSA/bg-banner.png');
  background-repeat:no-repeat;      background-position:left 0px;
} 


  /* SEARCH BOX/BAR ---------------------------- */
  #Header .SearchContainer {position:absolute;z-index:22;bottom:12px;right:16px;width:232px;height:32px;background:url(images/COSA/searchbox.png);}
  #Header .SearchContainer .SearchTextBox {float:left;background:none;width:177px;margin:3px 3px 3px 10px;color:#565656;font-family:Arial;font-size:12px}
  #Header .SearchContainer .SearchBorder {border:0;background:none;}
  #Header .SearchContainer .SearchIcon {display:none;float:left;width:40px;padding:3px;background-position:9px 6px;}
  #Header .SearchContainer .SearchTextBox {float:left;background:none;width:177px;margin:3px 3px 3px 10px;color:#565656;font-family:Arial;font-size:12px}
  #Header .SearchContainer .SearchButton {float:left;text-indent:-9999px;display:block;height:32px;width:30px;padding:0;}
  /* -- end of SEARCH BOX/BAR ----------------- */

/* end of UPPER HEADER --------------------------- */



/* LOWER HEADER ------------------------------*/ 
#deptTitle {text-align:left;width:969px;height:55px;background:#3A2C2C;margin:auto;position:relative;clear:both;padding:10px 0px 0px 10px}
#deptTitle #deptTitleText {height:32px;line-height:32px;min-height:32px;}

#dnn_deptTitleText .ModDNNHTMLC *
{
  color:#ffffff;   font-family:MyriadProBoldCondensed, Arial, Helvetica, sans-serif;
  font-size:22px;  text-transform:uppercase
}

.myTitleText {text-transform:uppercase; font-family:myriadproboldcondensed, arial, helvetica, sans-serif; font-size:22px; color:#ffffff} 

#Breadcrumb {height:auto;width:960px;line-height:14px;margin:0px 0px 0px 0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
#Breadcrumb span{display:inline-block;float:left;font-weight:bold;color:#ffffff}
#Breadcrumb .Intro{text-transform:uppercase;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;font-size:10px;background:none;}
#Breadcrumb .SkinObject{display:inline-block;color:#ffffff;float:left;font-weight:normal;font-size:12px;font-family:Arial, Helvetica, sans-serif}
#Breadcrumb .zSkinObject:hover{text-decoration:underline;}
#Breadcrumb zspan.Sep{width:24px;background:none;margin:0px 24px;} 

#Breadcrumb a.SkinObject:hover {text-decoration:underline;}
 
#bannerDIV {width:980px;height:205px;}
 
#pageName {border-bottom: 2px solid #3A2C2C;height:45px}
#pageName *
  { font-family:MyriadProBoldCondensed, Arial, Helvetica, sans-serif;font-size:30px;*font-size: 24px;letter-spacing:normal;color:#BB2025;line-height:45px;margin-left:10px;text-transform:uppercase }
#pagename * {height:45px}
/* end of LOWER HEADER ------------------------ */



/* INNER LAYOUT ------------------------------- */
#contentwrap { width:980px;clear:both;position:relative;top:-15px }
#topWrap { width:980px;clear:both; }
#threeColWrap { width:980px;clear:both;overflow:hidden }
#threeColWrap2 { width:980px;clear:both;overflow:visible }
#bottomWrap { width:980px;clear:both;overflow:hidden; }
#bottomWrapSApreservation { width:980px;clear:both;overflow:hidden;background-color:#8e261d; }

#dnn_topspan {margin-top:15px;min-height:8px;height:auto !important;height:8px;}

#dnn_LeftPane { width:260px;position:relative;display:block;float:left;margin:0px 20px 0px 0px;min-height:1px;height:auto !important;height:1px; }
#dnn_LeftPane2 { width:260px;position:relative;display:block;float:left;margin:0px 20px 0px 0px;min-height:1px;height:auto !important;height:1px; }

#dnn_ContentPane { width:420px;position:relative;display:block;float:left;margin:0px 20px 0px 0px;z-index:1;min-height:1px;height:auto !important;height:1px; }
#dnn_ContentPane2 { width:698px;position:relative;display:block;float:left;margin:0px 0px 0px 0px;z-index:1;;min-height:1px;height:auto !important;height:1px; }

#home-page #dnn_ContentPane {width:411px     ;zmin-height:830px;height:auto !important;zheight:830px;}
#home-page #middle-center {width:411px;   zmin-height:830px;zheight:auto !important;zheight:830px;}
#home-page #threeColWrap {min-height:830px;height:auto !important;height:830px; overflow:visible}
#home-page .dnnmodule {z-index:700}


#topWrap>#dnn_ContentPane { width:980px }

#dnn_RightPane { width:260px;   position:relative;   display:block;   float:left;   clear:right;   margin:0px 0px 0px 0px; }
/* end of INNER LAYOUT ------------------------ */


/* LOWER LAYOUT ------------------------------- */
#Footer { position:relative;ztop:24px;height:125px; background-color:#3A2C2C; clear:both; display:block; overflow:none; color:#FFF;margin-bottom:24px; margin-top:25px; } /*****Sam - added top margin "25px" as per Louise request****/
#FooterSApreservation { position:relative;ztop:24px;height:125px; background-color:#3A2C2C; clear:both; display:block; overflow:none; color:#FFF;margin-bottom:24px; } /*****Mario - added for SA Preservation Layout****/
#Footer * { text-align:center;color:#ffffff;font-weight:bold }
#FooterTop { height:25px; background-color:#8E261D }
#FooterText { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; line-height:12px;margin-top:6px}
#FooterText  p { margin:12px 0px 0px 0px }
#FooterText  ul { margin:7px 0px 0px 0px }
#FooterText li {list-style-type:disc; display:inline; text-align:center; margin:0px 3px 0px 3px;}
#FooterText a {color:#ffffff;margin:0px 3px 0px 3px;}
/* end of LOWER LAYOUT ------------------------ */ 


/* Mandeeps LiveAccordion -- Give position to DIVs to allow "Site Link" to be placed in title bar */
.ModLiveAccordionC div {position:relative}


/* DNNactionmenu - slim width to 2 columns for less overlap/underlap */
.dnnactionmenu {z-index:999}
.dnnActionMenuTag {z-index:999}
.dnnActionMenuBody {z-index:999;width:360px;min-width:360px}
ul.dnnactionmenubody {z-index:999;width:360px;min-width:360px}
ul.dnnactionmenubody li span {width:360px;min-width:360px}


/* Give minheight to Department skin so DNNactionmenu has room to render on empty page */
#deptSkin #middle-center { min-height:400px; }
#deptSkin #middle-center2 { min-height:400px; }
#deptSkin #middle-center2 #dnn_ContentPane 
 { width:698px;position:relative;display:block;float:left;margin:0px 0px 0px 0px;z-index:1;;min-height:1px;height:auto !important;height:1px; }
 
 
.block-dept{
 margin-top:6px;
				
}


/*Right Quint-2up*/
.quint-link-container{
	margin: 0px 0px 3px 0px;

/*	padding: 110px 10px 20px 10px;*/
	margin-right: 0px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float: right;
	clear: right;
}

.bumper-grey-container-quint{
	background: #ebebeb;
	padding: 8px 15px 0px 15px;
/*	margin: 8px 0px;	*/
	margin: 0px 0px 16px;
	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;
   -moz-border-radius: 15px;
	border-radius: 15px;
  /* border-bottom-style: solid;
   border-right-style: solid;*/
}

.bumper-grey-container-quint img{
	/*float: left;
	margin-right: 10px; */
	margin: 2px 0px;
}

.bumper-grey-container-quint h3{
	font-size: 14px;
	*font-size: 11px;
	color: #000;
	margin: 0px;
	line-height: 14px;
}

.bumper-grey-container-quint p{
	margin: 0px;
}

.bumper-grey-container-quint a{
	border: none !important;
}

.news-teaser{
	margin-top: 6px;
}

#alignrightdiv p{
	text-align: right;
}




/* Marc added for links to turn blue and underlined and grey on hover - only in the ContentPane */

#dnn_ContentPane 
a:link{
color: #005B9A;
text-decoration: underline; 
}



#dnn_ContentPane 
a:hover{
text-decoration: none;
color: grey; 
}

/*************Underline CSS ENDS************/




/**************2007 Bond CSS************/
#bondtables {
	float: left;
	position: relative;*/
	/*border: 1px solid black;*/
}

#mainheadercontent {
	float: left;
	position: relative;
	width: 470px;
	/*border: 1px solid black;*/
}

#bondtables #mainheadercontent #header {
	/*position: relative;*/
}
#bondtables #mainheadercontent #year {
	/*position: relative;*/
	/*border-top: 1px solid black;
	border-bottom: 1px solid black;*/

}
#bondtables #mainheadercontent #year span {
	background-color:black;
	color: white;
	font-weight: bold;
	padding: 5px;
	
}
#year {
	/*border-top: 1px solid black;*/
}

/*#yearcontent {
	position: relative;

}*/
#committee {
	float: left;
	position: relative;
	/*clear: both;*/
	width: 150px;
	margin: 20px 0 0 20px;
	/*position: relative;*/
	/*float: right;*/
	border-left: 1px solid black;
	padding-left: 10px;
}
#committee h6 {
	margin: 0 0;
	color: #999999;
	font-size: 14px;
	font-family: 'MyriadProBoldCondensed',Arial,Helvetica,sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: uppercase;
}

#tdbgcell th {
	background-color: #cccccc;
	color: #000000;

}
/*************2007 Bond CSS ENDS*************/

/* Sam added Live Tabs */


/*Live Tab Smoothness*/
#dnn_ContentPane .livetabssmoothness .ui-corner-bottom a:link{
color: #005B9A;
text-decoration: underline; 
}
#dnn_ContentPane .livetabssmoothness .ui-corner-bottom a:hover{
color: grey; 
text-decoration: none;
}
#dnn_ContentPane .livetabssmoothness a:link {
    color: #000000;
    text-decoration: none;
}
#dnn_ContentPane .livetabssmoothness  a:hover{
    color: #808080;
    text-decoration: none;
}
#dnn_ContentPane .livetabssmoothness .ui-state-active a, #dnn_ContentPane .livetabssmoothness .ui-state-active a:link, #dnn_ContentPane .livetabssmoothness .ui-state-active a:visited {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 16px;
    text-decoration: none;
}
#dnn_ContentPane .livetabssmoothness .ui-state-default, #dnn_ContentPane .livetabssmoothness .ui-widget-content, #dnn_ContentPane .livetabssmoothness .ui-state-default {
    line-height: 16px;
}
/*END Smoothness*/

/*Live Tab Blacktie*/ 
#dnn_ContentPane .livetabsblacktie .ui-corner-bottom a:link{
color: #005B9A;
text-decoration: underline; 
}
#dnn_ContentPane .livetabsblacktie .ui-corner-bottom a:hover{
color: grey; 
text-decoration: none;
}
#dnn_ContentPane .livetabsblacktie a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#dnn_ContentPane .livetabsblacktie  a:hover{
    color: #808080;
    text-decoration: none;
}
#dnn_ContentPane .livetabsblacktie .ui-state-active a, #dnn_ContentPane .livetabsblacktie .ui-state-active a:link, #dnn_ContentPane .livetabsblacktie .ui-state-active a:visited {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 16px;
    text-decoration: none;
}
#dnn_ContentPane .livetabsblacktie, #dnn_ContentPane .livetabsblacktie .ui-widget-content, #dnn_ContentPane .livetabsblacktie .ui-state-default {
    line-height: 16px;
}
/*END Blacktie*/

/*Live Tab Default*/ 
#dnn_ContentPane .livetabsdefault .ui-corner-bottom a:link{
color: #005B9A;
text-decoration: underline; 
}
#dnn_ContentPane .livetabsdefault .ui-corner-bottom a:hover{
color: grey; 
text-decoration: none;
}
#dnn_ContentPane .livetabsdefault a:link {
    color: #000000;
    text-decoration: none;
}
#dnn_ContentPane .livetabsdefault  a:hover{
    color: #808080;
    text-decoration: none;
}
#dnn_ContentPane .livetabsdefault .ui-state-active a, #dnn_ContentPane .livetabsdefault .ui-state-active a:link, #dnn_ContentPane .livetabsdefault .ui-state-active a:visited {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 16px;
    text-decoration: none;
}
#dnn_ContentPane .livetabsdefault, #dnn_ContentPane .livetabsdefault .ui-widget-content, #dnn_ContentPane .livetabsdefault .ui-state-default {
    line-height: 16px;
}
/*END Default*/

/* END Sam Live Tabs*/

/* Google Translate Gagdet Styles -- Glenn Parker */


#googleTranslateContainer{
	margin: 5px auto;
	text-align:center;
}

.googleTranslate{
	display:inline-block;
}

div#google_translate_element div.goog-te-gadget-simple{background-color:#ffffff;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{color:#000000;font-weight:normal;}

/* End Google Translate Gaget Styles */

/* Column Styles -- Glenn Parker */

.fleft { 
     float:left }

.columns {
    word-wrap: break-word;
}

.columns ul {	
    margin:0;
}

.one-col-layout {
    
width:99%;
}

.two-col-layout {
    
width:49%;
}

.two-col-layout-60 {
    
width:59%;
}

.two-col-layout-40 {
    
width:39%;
}


.three-col-layout{
    
width:33%;
}

.four-col-layout{
    
width:24%;
}

.five-col-layout{
    
width:19%;

}

/* End Columns Styles */

/* Triple  -- Sam Martinez */

/* Triple with added mod for EASI page -- Marc */

.one-half-bumper-container-trip {
    clear: left;
    margin-bottom: 15px;
    width: 200px;
}
.bumper-grey-container-trip {
	/*height: 160px;*/
    background: none repeat scroll 0 0 #F3F4F4;
    border-bottom: 1px solid #DADBDC;
    border-right: 1px solid #DADBDC;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    clear: left;
    float: left;
    margin: 0 0 16px;
    padding: 15px 15px 15px;
    width: 380px;
}

.bumper-grey-container-marc {
	/*height: 160px;*/
    background: none repeat scroll 0 0 #F3F4F4;
    border-bottom: 1px solid #DADBDC;
    border-right: 1px solid #DADBDC;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    clear: left;
    float: left;
    margin: 0 0 16px;
    padding: 15px 15px 15px;
    width: 380px;
}

.bumper-grey-container-trip h3 {
    color: #000000;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 0 200px;
}

.bumper-grey-container-marc h3 {
    color: #000000;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 0 80px;
}


.bumper-grey-container-trip p {
    margin: 0 0 8px 200px;
}

.bumper-grey-container-marc p {
    margin: 0 0 8px 80px;
}



.trip-content {
	float: left;
}

/* End Triple */

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

}
.featured-person-left .icon{
	float: right;
	margin-left: 10px;
}
/* End Pic-Feature */

/*------------------------------------------------------------------------------------------------------------
DNN Upgrade - CSS Class Overrides - Clarity */
/************************Sam Renamed Clarity's class "normal" to "Normal" for IE *********************/
.Normal{
    line-height: 1.231;
}
#ControlBar_ControlPanel {
    z-index: 999999999 !important;
}

#ControlBar {
    z-index: 999999995 !important;
}

#ControlBar dl{
    z-index: 999999990 !important;
}

.dnnCPHNav Table{
   margin: 0px;
}
#dnnCPWrap .dnnCPHNav {   margin-top: 0px;}

/* End DNN Upgrade */

/* Sam Added This for Sextet */
.one-half-bumper-container-right{
	width: 190px;
	float: right;
	clear: right;
	margin-bottom: 15px;
	margin-right: 15px;
}
.one-half-bumper-container-right .bumper-grey-container p {
	margin: 0 0 8px;
	
}
/*End of Sextet*/

/*Mario Added This For Septet on Purchasing*/
.one-half-bumper-container-nine{
	width: 145px;
	float: left;
	margin: 5px;
}
.bumper-grey-container-nine{
	background: #F3F4F4;
	padding: 8px 8px 8px 8px;
/*	margin: 8px 0px;	*/
	margin: 0px 0px 15px;
	float: left;
	clear: left;
	/*width: 90%;*/
	width: 120px;
	-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;*/
}

/* DNN Events Calendar Category dropdown*/

.ThemeEvents-Cosa .EvtHdrMdlCol .SelCategoryTR div {
	vertical-align: middle;
	
}
/*.SelCategoryTR  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video   
{ margin: 0; padding: 0; vertical-align: middle; }*/

/*Sam Added This Featured Header*/
/*Header for EasyDNNGallery Feature*/
#featureheader {
	background: #F3F4F4;
	padding: 2px 0px 2px 30px;
	margin: 5px 0px -25px 0px;
	
}
#featureheader h5 {
	padding: 0px;
	display: block;
    list-style: none outside none;
    margin: 5px 0;
    width: 90%;
	color: #000000;
    font-family: 'MyriadProBoldCondensed',Arial,Helvetica,sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: uppercase;
	
}
/*END FEATURE HEADER*/


/*--------------------------------------------------------------------------------------------------

 Skip Navigation  -- Araceli Guzman */

#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:-500px;
top:0;
width:1px;
height:1px;
overflow:hidden;

}

#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;
} 

/* End Skip Navigation */


/*--itsd_blueTable_v1--John Q--*/

.itsd_blueTable_v1 {
	font-family:Arial, Verdana, sans-serif;
	width:100%;
	border-collapse:collapse;
}

.itsd_blueTable_v1 td, .itsd_blueTable_v1 th {
	font-size:.875em;
	border:2px dotted #485f6e;
	padding:10px 20px;
}

.itsd_blueTable_v1 th {
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#485f6e;
	color:#ffffff;
	border:2px solid #485f6e;
}

.itsd_blueTable_v1 tr.alt td {
	color:#000000;
	background-color:#e4e7e9;
}

/*--End itsd_blueTable_v1--*/
/*--itsd_redTable_v1--John Q--*/

.itsd_redTable_v1 {
	font-family:Arial, Verdana, sans-serif;
	width:100%;
	border-collapse:collapse;
}

.itsd_redTable_v1 td, .itsd_blueTable_v1 th {
	font-size:.875em;
	border:1px dotted #58585a;
	padding:10px 20px;
}

.itsd_redTable_v1 th {
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#BB2025;
	color:#ffffff;
	border:1px solid #BB2025;
}

.itsd_redTable_v1 tr.alt td {
	color:#000000;
	background-color:#e4e7e9;
}

/*--End itsd_redTable_v1--*/


/*--Sam Added for Table in Tabs Right or Left side GMA site--*/

.tabletabsRL {
	font-family:Arial, Verdana, sans-serif;
	width:100%;
	border-collapse:collapse;
}

.tabletabsRL td, .tabletabsRL th {
	font-size:.750em;
	border:2px dotted #485f6e;
	padding:3px 3px;
}

.tabletabsRL th {
	font-size:1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#485f6e;
	color:#ffffff;
	border:2px solid #485f6e;
}

.tabletabsRL tr.alt td {
	color:#000000;
	background-color:#e4e7e9;
}

/*--End Tables in Right or Left Tabs--*/

/*Sam Added for <td> in itsd_blueTable_v1 class - DSD site***/
.bluetabletd {
	border: 0px !important;
	background-color: #f5f5f5;
	padding: 5px 20px !important;
	
}
/****Inner Table*****/
.bluetable_innertable {
    border-collapse: collapse;
    color: #5E5F5F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
    text-transform: none;
    width: 100%;
}

.bluetable_innertable td, .bluetable_innertable th {
    border: 1px Solid #000000;
    /*font-size: 0.875em;*/
    padding: 5px;
}

/****END****/

/*Sam added */
.div-feature-full-ccdo{
	width: 380px;
	position: relative;
	z-index: 100;
}
.div-feature-full-ccdo{
/*	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-ccdo{
	height: 150px;
}*/
/*.div-feature-full-ccdo{
		width: 88%;
		margin: 5%;
		height: inherit;

}*/
.div-feature-full-ccdo img{
	margin: 5px 0px;
	
}

/*END*/



/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {
height:360px; 
width:600px; 
color:#bbb; 
background-color:#fff; 
border:4px solid #882319; 
padding:12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 0 0 0 3px #B41D20;
}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/portals/_default/skins/cosa0/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}


/******Sam Added- SA.Gov Home Page Lightgreybox Background *******/
#middle-right .lightgreyboxbg {
	background: #EBEBEC;
	
}

#middle-right .lightgreyboxbg h3 {
	background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    color: #BB2025;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    padding: 0px 0px 0px 10px;
}

/*******Sam Added - Get Connected Lightgreybox Background ******/
#middle-left2 .gclightgreyboxbg {
	height: 100%;
	
}

#middle-left2 .gclightgreyboxbg h3 {
	background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    color: #BB2025;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    padding: 0px 0px 0px 10px;
}

#middle-left2 .gclightgreyboxbg p {
    padding: 0px 0px 0px 10px;
}

/* Get Connected Skin - Sam */
#deptSkin #middle-center-gc { 
	min-height:400px; 
}
	
#deptSkin #middle-center-gc #dnn_ContentPane { 
	width:720px;
	position:relative;
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	z-index:1;;min-height:1px;
	height:auto !important;
	height:1px; 
}
 
 #middle-right-gc {
	width: 260px;
	float: right;
	position: relative;
	z-index: 100;
}

#dnn_RightPaneGC { 
	width:260px;
	position:relative;
	display:block;
	float:right;
	margin:0px 0px 0px 0px;
	min-height:1px;
	height:auto !important;
	height:1px; 
}

#dnn_ContentPaneGC { 
	width:720px;
	position:relative;
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	z-index:1;;min-height:1px;
	height:auto !important;
	height:1px; 
}
/* END */

/* Sam Added - TopSpan Live Accordion Default Theme */
#dnn_topSpan .ui-state-active a, #dnn_topSpan .ui-state-active a:link, #dnn_topSpan .ui-state-active a:visited  {
  color:#ffffff; font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif; font-size: 15px;
  height: 26px;
  line-height: 26px;
  text-transform: uppercase;
  display:block;
  width: inherit;
  margin:0px 0px 0px 0px;
  padding-bottom:5px;
}

#dnn_topSpan a:link{
color: #005B9A;
text-decoration: underline; 
}

/* END * /

/****Sam Added for Mega Menu GetConnected Pill ****/
#menu .nav5 {
    height: 16px;
    padding: 3px 10px;
    width: 105px;
}

.dropdown_5columns .column_gc {
	width:240px;
	display:inline;
	float: left;
	position: relative;
	z-index:9999;
	padding:0px 20px 10px 0px;
	margin:0px;
}

#bannerDIV #megamenulink_gc {
background: url(/images/COSA/bg-banner-bottom.png);
}
#megamenulink_gc  a {
   display: inline-block;
    height: 205px;
    width: 980px;
z-index: 999;	
}
#megamenulink_gc  a span {
text-decoration: none;
    visibility: hidden;
}
/******END************/

/******Sam Added for SAFD *******/
.safd-pic-feature {
    background: none repeat scroll 0 0 #F3F4F4;
    border-top: medium none;
    float: right;
    margin: 0px 15px 15px 15px;
    padding: 15px;
    width: 130px;
}
.safd-pic-feature img{
	margin-bottom: 5px;
}
.safd-pic-feature h5, .safd-pic-feature h4, .safd-pic-feature p{
	margin: 0px;
}
.safd-pic-feature h4{
	font-size: 13px;
	color: #000;
}
.safd-pic-feature h5{
	font-size: 11px;
	font-weight: normal;
	color: #5E5F5F;
}

#safdtextalign p {
	text-align: center;
	
}

#safdparamargin p {
	margin:0px 0px 0px 0px;
	
}

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

/*********Sam Added Nine Featured - Nonet***********/
.nonet {
    float:left;
    margin-right:10px;
	border-radius: 10px;
}

.bumper-grey-container-nine {
    background: none repeat scroll 0 0 #F3F4F4;
    border-bottom: 1px solid #DADBDC;
   border-radius: 10px;
    border-right: 1px solid #DADBDC;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    clear: left;
    float: left;
    margin: 0 0 15px;
    padding: 10px;
    width: 110px;
}

.nine-content {
    float:left;
	
}

/************END***************************/
/********Sam Added for fix Centering Paragraph and aligning right Tag***********/
.paraaligncenter {
	text-align: center;
	
}
.paraalignright {
	text-align: right;
	
}
/********END*********/
/*********Sam Added for Paragraph Tag in Tables*************/
#paranomargin p {
	margin: 0;
	
}
.paranomargin {
	margin: 0;
	
}
.tablecellaligncenter p {
	text-align: center;
	
}
.tablecellaligncenter {
	text-align: center;
	
}

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

/*******Sam Added for Table Cell Backgound Color**********/
.bgcolortablecell {
	background-color:#f2f2f2;
	
}

/********END************************/
/*******Sam Added for CIMS grey box***************/
#cimsgreybox {
border-bottom: 3px solid #e0e0e0;
border-top: 3px solid #e0e0e0;
padding: 5px 15px;
background-color: #f5f5f5;
}

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

/*******GreyFormButton JohnQ*******/
.greyFormButton {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
	font-family:Arial; /* custom setting */
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #f5f5f5;
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
}
.greyFormButton:hover,
.greyFormButton:focus,
.greyFormButton:active,
.greyFormButton.active,
.greyFormButton.disabled,
.greyFormButton[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.greyFormButton:active,
.greyFormButton.active {
  background-color: #cccccc \9;
}
.greyFormButton:first-child {
  *margin-left: 0;
}
.greyFormButton:hover,
.greyFormButton:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.greyFormButton:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.greyFormButton.active,
.greyFormButton:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.greyFormButton.disabled,
.greyFormButton[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/*******EndGreyButton JohnQ*******/

/*******DarkGreyButton JohnQ*******/
.darkGreyFormButton {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
	font-family:Arial; /* custom setting */
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #ffffff;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
  background-color: #58585a;
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
}
.darkGreyFormButton:hover,
.darkGreyFormButton:focus,
.darkGreyFormButton:active,
.darkGreyFormButton.active,
.darkGreyFormButton.disabled,
.darkGreyFormButton[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.darkGreyFormButton:active,
.darkGreyFormButton.active {
  background-color: #cccccc \9;
}
.darkGreyFormButton:first-child {
  *margin-left: 0;
}
.darkGreyFormButton:hover,
.darkGreyFormButton:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.darkGreyFormButton:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.darkGreyFormButton.active,
.darkGreyFormButton:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.darkGreyFormButton.disabled,
.darkGreyFormButton[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/*******EndDarkGreyButton JohnQ*******/

/******darkGreyBtn-link JohnQ******/
#dnn_topSpan .darkGreyBtn-link>a:link {
    padding: 6px 12px;
    background: #58585a;
	font-size: 14px;
    color: #ffffff;
	text-decoration:none;
	line-height: 20px;
	text-align: center;
    /*vertical-align: middle;*/
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
	border-width: 1px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	
}
#dnn_topSpan .darkGreyBtn-link>a:visited {
    padding: 6px 12px;
    background: #58585a;
	font-size: 14px;
    color: #ffffff;
	text-decoration:none;
	line-height: 20px;
	text-align: center;
    /*vertical-align: middle;*/
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
	border-width: 1px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	
}

#dnn_topSpan .darkGreyBtn-link>a:hover {
    background: #e6e6e6;
    border: solid 1px #cccccc;
	color:#58585a;
	text-decoration:none;

  
}
#dnn_topSpan .darkGreyBtn-link>a:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #7b7b7c;
    border: solid 1px #58585a;
	color:#fff;
	text-decoration:none;

	
}

/****dnn_ContentPane****/
#dnn_ContentPane .darkGreyBtn-link>a:link {
    padding: 6px 12px;
    background: #58585a;
	font-size: 14px;
    color: #ffffff;
	text-decoration:none;
	line-height: 20px;
	text-align: center;
    /*vertical-align: middle;*/
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
	border-width: 1px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	
}
#dnn_ContentPane .darkGreyBtn-link>a:visited {
    padding: 6px 12px;
    background: #58585a;
	font-size: 14px;
    color: #ffffff;
	text-decoration:none;
	line-height: 20px;
	text-align: center;
    /*vertical-align: middle;*/
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	border-color: rgba(130, 130, 132, 0.1) rgba(88, 88, 90, 0.1) rgba(88, 88, 90, 0.25) rgba(61, 61, 62, 0.1);
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-style: solid;
	border-width: 1px;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	
}

#dnn_ContentPane .darkGreyBtn-link>a:hover {
    background: #e6e6e6;
    border: solid 1px #cccccc;
	color:#58585a;
	text-decoration:none;

  
}
#dnn_ContentPane .darkGreyBtn-link>a:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #7b7b7c;
    border: solid 1px #58585a;
	color:#fff;
	text-decoration:none;

	
}
/*END*/

/******END darkGreyBtn-link JohnQ******/

/******SAM ADDED FOR LIVE TAB-DEFAULT THEME ONLY for TOP SPAN*****/
/*Live Tab Default - TOPSPAN*/ 
#dnn_topSpan .livetabsdefault .ui-corner-bottom a:link{
color: #005B9A;
text-decoration: underline; 
}
#dnn_topSpan .livetabsdefault .ui-corner-bottom a:hover{
color: grey; 
text-decoration: none;
}
#dnn_topSpan .livetabsdefault a:link {
    color: #000000;
    text-decoration: none;
}
#dnn_topSpan .livetabsdefault  a:hover{
    color: #808080;
    text-decoration: none;
}
#dnn_topSpan .livetabsdefault .ui-state-active a, #dnn_topSpan .livetabsdefault .ui-state-active a:link, #dnn_topSpan .livetabsdefault .ui-state-active a:visited {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 16px;
    text-decoration: none;
}
#dnn_topSpan .livetabsdefault, #dnn_topSpan .livetabsdefault .ui-widget-content, #dnn_topSpan .livetabsdefault .ui-state-default {
    line-height: 16px;
}
/*END Default*/
/*CSS CALLOUT BOX in LiveWrapper*/
.cobouter {
	padding:10px;
	margin-bottom:15px;
	background-color: #f3f4f4;
	
}

.cobinner {
	padding: 15px;
	background-color: #ffffff;
	
}

.cobleftcontainer {
	width: 445px;
	
}

.cobrightcontainer {
	width: 250px;
	float: right;
	margin-left: 15px;
	
}

.cobrightcontainer table{
margin-top:0px;
margin-bottom:0px;
}

.cobrightcontainer table td {
padding: 0px 5px;
}
/*END*/

/****GLENN ADDED 2 column LiveWrapper*****/
.LiveWrapper table{
margin-top:0px;
margin-bottom:0px;
}

.LiveWrapper table td {
padding: 0px 5px;
}

.LiveWrapper .pic {
margin-bottom:0px;
}

.LiveWrapper .twoColumn{
width: 700px;
}

.LiveWrapper .twoColumn .left {
float: left;
width: 420px;
margin-right: 10px;
padding: 0;
}

.LiveWrapper .twoColumn .right {
width: 270px;
padding: 0;
}
/*END*/
/*********SAM ADDED for FORMS & LIST MODULE*********/
#dnn_ContentPane .dnnFormAndList .dnnGridHeader a:link, .dnnFormAndList .dnnGridHeader a:visited, .dnnFormAndList .dnnGridHeader a:active {
    color: #000;
    text-decoration: underline;
}

.dnnFormAndList .dnnGridHeader th {
    font-size: 75%;
    white-space: nowrap;
	background:#ffffff;
}
/*END*/
/****SAM ADDED FOR HR*****/
.bumper-grey-container-double {
	background: none repeat scroll 0 0 #f3f4f4;
    border-bottom: 1px solid #dadbdc;
    border-right: 1px solid #dadbdc;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    clear: left;
    float: left;
    margin: 0 0 16px;
    padding: 15px;
    width: 160px;
}
.bumper-grey-container-double h4 {
    color: #000000;
    font-size: 10px;
    line-height: 12px;
    margin: 0 0 0 100px;
}

.double-content {
	float:left;
	
}
/*END*/

/****GLENN ADDED*****/
/****DOUBLE TABS (Styled by Vendor ESD)*****/
.tabblock{
	padding: 10px;
}

.tabblock p, .tabblock div{
	line-height: 18px;
}

.tabtable{
	border-top:1px solid #aaaaaa;
}

.tabtable td{
	border-right:1px solid #aaaaaa;
}

.tabtable td:nth-last-child(1){
	border-right:none !important;
}

.tabtable td{
	padding:10px;
	line-height: 18px;
}

.tabtable p{
	margin-bottom: 10px;
	line-height: 18px;
}

.tabtable ul{
	margin: 0;
	padding: 0;
}

.tabtable li{
	margin-left: 15px;
	line-height: 18px;
}

.tabtable td strong{
	font-weight: bolder;
}

.livetabscosasub .ui-tabs .ui-tabs-panel{
	padding: 0 !important;
}

/****Overview content items (Styled by Vendor ESD)*****/
.left {
  padding:0 1% 0 0;
  float:left;
}

.right {
  padding:0 0 0 1%;
  float:right;
}

ul.overview {
  margin:0px;
  padding:0px;
}

.overview-item {
  display:block;
  position: relative;
  height:125px;
}

.overview-item-onecol {
  width:100%;
}

.overview-item-twocol {
  width:48%;
}

.overview-item img  {
  margin-right:10px;
  width: 111px;
  height:88px;
  background: #000;
}

.overview-item .thumb {
  display: block;
  float:left;
}

.overview-item h5, .overview-item h5 a, .overview-item h5 a:hover  {
  font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  padding: 0px;
  margin: 0px 0px 5px 0px;
  color: #000 !important;
  font-weight: normal;
  line-height: 15px;
  text-decoration:none !important;
}

.overview-item .content {
  display:block;
  float: right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:14px;
}

.overview-content-onecol {
  width:298px;
}

.overview-content-twocol {
  width:213px;
}

.overview-item p {
  margin-bottom:10px;
  line-height:14px;
}

.overview-item a {
  text-decoration:none !important;
}

.overview-item .content p a::after {
  content: "";
  display: inline-block;
  width:11px;
  height:11px;
  background-image: url(/portals/0/Images/DSD/red-arrow.jpg);
  margin-left:5px;
  background-repeat:no-repeat;
  background-position: center center;
}
/*END*/

/****GLENN ADDED FOR SHARED MODULES BETWEEN QUASI-3 AND 2 COLUMN PAGES*****/
/*.greyTitleBar {
        font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
	font-size:16px;
	width:90%;
	padding:6px 5%;
	color:#000;
	margin:0px;
	background-color:#BBBBBB;
	text-transform: uppercase;
	}*/
	
.greyTitleBar h3 {
	font-size:16px; 
	width:90%;
	padding:6px 5%;
	color:#000;
	margin:0px;
	background-color:#BBBBBB;
	*font-size: 11px;
	}
.greyTitleBar h3 {
	border-bottom:solid;
	border-bottom-color:#FFF;
	}	
/*END*/

/****GLENN ADDED - Red Action Bar*****/
.redTitleBar {
  margin: 0;
  padding: .5em;
  color: #ffffff;
  background-color: #bc2026;  
}

.greyBorder {
  padding: 1em;
  border: 1px solid #a0a0a0;
}

#redActionBar{
    width:92%;
    margin:0 auto;
    padding: 0 0 0 7%;
    overflow:hidden;
    background-color:#8E261D;
}
#redActionBar>div{
    display:inline-block;
    vertical-align:middle;
    width:47%;
}

#redActionBar div p, #redActionBar div, #redActionBar a{
    color:#fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'MyriadProBoldCondensed', Arial, Helvetica, sans-serif;
    font-size: 20px;
    padding:0;
    margin:0;	
}
/*END*/


/****GLENN ADDED*****/
.marker{
  font-size: 18pt;
  text-align: center;
  vertical-align:middle;
}

.sectionHeader{
  color: #000000;
  font-weight:bold;
  margin-bottom: .5em;   	
}
/*END*/


/*SAM ADDED FOR TCI Drainage and Flood Information*/
.paramarginzero p {
	margin:0px;
	
}
.marginbottomfifteen {
	margin-bottom:15px;
	
}

/*END*/
/*SAM ADDED FOR BES SITE*/
.tripside-container {
border-radius: 13px 13px 13px 13px;
/*clear: right;*/
float: left;
margin-right: 20px;
}

.tripside-container-last {
border-radius: 13px 13px 13px 13px;
/*clear: right;*/
float: left;
}

.tripside-grey-container {
background: none repeat scroll 0 0 #EBEBEB;
border-bottom: 1px solid #DADBDC;
border-radius: 15px 15px 15px 15px;
border-right: 1px solid #DADBDC;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
/*clear: left;*/
float: left;
margin: 0 0 16px;
padding: 8px 15px 15px 15px;
width: 185px;
}

.tripside-grey-container h3 {
color: #000000;
font-size: 14px;
line-height: 14px;
margin: 0;
}

.tripside-grey-container p {
margin: 0;
}

.tripside-grey-container a {
border: medium none !important;
}

.tripside-grey-container img {
margin: 2px 0;
}
.clearLeft {
clear:left;
}
/*END*/
/*SAM ADDED FOR Newsletter for CIMS(TCI) and Edwards Aquifer*/

#nlbox {
float:right;
width: 180px;
padding: 5px;
background-color: #fff;
}
#nlgreybox {
float:left;
width:160px;
padding: 5px 10px;
background-color: #ccc;
}
#nlgreybox p {
text-align:center;
}
#nlcontainer {
overflow:hidden;
}

/*END*/

/*SAM ADDED FOR DSD FOR ONLINE SERVICES ICONS*/
.servicesicons .overview-content-twocol {
	/*width:240px;*/
	width:70%;
}
.servicesicons .overview-item img {
	width:80px;
	height:88px;
	margin-right:0px;
}
/*FOR PANGO LOGO in PARKING site*/
.servicesicons .overview-item .pango {
	width:54px;
	height:32px;
	vertical-align: text-bottom;
	margin-right:0px;
}
.servicesicons li {
	margin: 0px 0px 10px 0px;
	
}

.boxshadow {
	-webkit-box-shadow: 0px 3px 3px 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;
}
/*SAM ADDED FOR DSD HOME PAGE WAIT TIME APP HEADER*/
#waittimeapp {
	border-bottom: 1px solid #fff;
}
/*END*/
/*SAM ADDED FOR TWO COLUMN ICON PARKING*/
.outericonbox2col {
  float: left;
  width: 100%;
  margin-top:25px;
}
.iconbox2col {
  float: left;
  min-height: 90px;
  height: auto;
  height: auto !important;
  height: 90px;
  width: 47.13467048710602%;
  margin-bottom: 10px;
  margin-right:15px;
}

.iconbox2col img {
	/*float:left;
	margin-right:10px;*/
	width: 80px;
	height: 88px;
}
.iconbox2col .pango {
	width: 54px;
	height: 32px;
	vertical-align: text-bottom;
	margin-right: 0px;
}
/*BOX BELOW*/
/*iconbox2col h5 {
	float: left;
}
.iconbox2col p {
	float:left;
  display: block;
  max-width:250px;
  width:100%;
  max-height: 95px;
  overflow: hidden;
}*/
.iconbox2colcontent {
	float:left;
	max-width:237px;
	width:100%;
	/*max-height: 95px;*/
	margin-left:10px;
	/*overflow: hidden;*/
}
/*END*/
.iconbox2col p a::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background-image: url(/portals/0/Images/DSD/red-arrow.jpg);
  margin-left: 5px;
  background-repeat: no-repeat;
  background-position: center center;
}
.clearbox {
    clear:both;
    line-height:0;
}
#paramargin2col p {
	margin:0px 0px 10px 0px;
}
/*SAM ADDED FOR ICON BOX 5COLUMN*/
.outericonbox5col {
	float: left;
  /* width: 100%; */
	margin-top: 25px;
	margin-left: 55px;
}
.iconbox5colcontainer {
	width:92px;
	float:left;
	margin-right:32px;
	margin-bottom:25px;
}
.iconbox5colcontainer img {
	/*float:left;
	margin-right:10px;*/
	width: 80px;
	height: 88px;
}
/*END*/
/*END*/

/*SAM ADDED FOR COUNCIL*/
.council-pic-feature{
	float: left;
	background: #F3F4F4;
	border-top: none;
	padding: 15px;
	margin: 0px 15px 15px 15px;
	width: 130px;
}
.council-pic-feature img {
  margin-bottom: 15px;
}
.council-featured-person h5, .council-featured-person h4, .council-featured-person p{
	margin: 0px;
}
.council-featured-person h4{
	font-size: 13px;
	color: #000;
}
.council-featured-person h5{
	font-size: 11px;
	font-weight: normal;
	color: #5E5F5F;
}
/*SAM ADDED FOR COUNCIL SMALL*/
.council-pic-feature-small{
	float: left;
	background: #F3F4F4;
	border-top: none;
	padding: 15px;
	margin: 0px 0px 15px 8px;/*margin: 0px 25px 15px 0px*/
	width: 100px;/*75px*/
}
.council-pic-feature-small img {
  margin-bottom: 10px;
}
.council-featured-person-small h5, .council-featured-person-small h4, .council-featured-person-small p{
	margin: 0px;
}
.districts {
	margin-bottom:15px !important;
}
.council-featured-person-small h4{
	font-size: 13px;
	color: #000;
}
.council-featured-person-small h5{
	font-size: 11px;
	font-weight: normal;
	color: #5E5F5F;
}
 
/*MAP h3*/
.findmycouncilmembermap h3 {
color: #5E5F5F;
font-size: 14px;
line-height: 14px;
margin: 3px 0px 0px 0px;
}
.findmycouncilmembermap h3 a:link {
	color: #005B9A;
	text-decoration: none !important;
}
.findmycouncilmembermap h3 a:visited {
	color: #005B9A;
	text-decoration: none;
}
.findmycouncilmembermap h3 a:hover {
	color: #555555;
	text-decoration: underline;
}
/*END*/
/*END*/
/*END*/
/******SAM ADDED FOR Parking ROTATING BANNER****/
#dnn_ContentPane .scrollable_box .overview h2 a:link {
	color: #ffffff;
	text-decoration:none;
	
}
/*END*/