@charset "UTF-8";


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 15, 2011 */
@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.woff') format('woff'),
	url('Fonts/myriadpro-boldcond-webfont.ttf') format('truetype'),
	url('Fonts/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed') format('svg');
	font-stretch: normal;
	font-size-adjust: none;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
	}
  
/*Site Defaults */
body, button, input, select, textarea { /* font-family: sans-serif; */ color: #222; font-size: 14px;}

body                    { font-family: MyriadProBoldCondensed, Arial, Helvetica, sans-serif;}

#dnn_cp_RibbonBar_ControlPanel { font-family: Arial, Helvetica, sans-serif; font-size:12px }


.fleft					{ float:left; }
.fright					{ float:right; }
.clr					{ margin:0px; padding:0px; clear:both; height:0px;}
* html .clr             { height: 1%;}
.clr                    { display: block;}

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: .1pt;
	/*}*/
}

ul, li, caption, label, legend, fieldset, input, select, blockquote, cite {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 12px;
line-height: 16px;
font-weight: normal;
/* color: #444b4b; */
text-transform: none;
    }

td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
font-weight: normal;
}

p 
{
    border: medium none;
    color: #444b4b;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
    text-transform: none; }
    
    

a { color: #005B9A;  }
a:visited {text-decoration: underline }
a:hover { color:Gray; text-decoration: none }

h1 {font-size: 30px; *font-size: 24px; line-height: 45px; color:#BB2025; }
h2 {font-size: 30px; line-height: 32px; color: #BB2025; }
h3 {font-size: 20px; line-height: 24px; color: #BB2025; margin-top: 15px;}
h4 {font-size: 14px; color: #5E5F5F;  line-height: 4px;}
h5 {font-size: 18px; }



a:link, a:visited,              
a:hover, a:active       { /*text-decoration: none; color: #000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  text-transform:none;*/}




#skinwrapper                  { position:relative;z-index:1; }
#Body                   { background:#fff;  }
.skinwidth              { width:980px; margin:0px auto;display:block; background-color:#fff; }

/*******************************  Header   **************************************************************/
#Header                 { z-index:900; height: 120px; width:100%; position: relative; background: url(images/COSA/bg-banner.png) top left no-repeat; display:inline-block; overflow-y: visible }
#Header .logo           { position:relative; }
#Header .citylogo       {max-height: 90px; padding: 30px 0px 0px 10px; width:248px;  }
#Header .logo img.deptlogo {max-height: 90px; width: auto; padding: 0; margin:13px 40px 0px 0px;}
#Header .menu     { position: absolute; top: 184px; left: 0px;}

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

                       
	                                    
#titlewrapper { background: none repeat scroll 0 0 #3A2C2C; clear: both; height: 55px; margin: auto; padding: 10px 0 0 10px; position: relative; text-align: left; width: 969px; }
#titlewrapper h1, #titlewrapper h2, #titlewrapper h3, #titlewrapper p { text-transform: uppercase; color: #fff; text-decoration: none; }   
#titlewrapper h1 { font-size:22px; line-height: 24px; margin-top: 0px; }

#titlewrapper  a, 
#titlewrapper  a:link, 
#titlewrapper  a:visited, 
#titlewrapper  a:active  {color: #FFF; text-decoration: none; font-weight: bold; }
#titlewrapper  a:hover {color:#FFF; text-decoration:underline; font-weight:bold }

#Breadcrumb { font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 14px; 
line-height: 14px;  margin-top: -8px; width: 960px;
}
/*******************************  Content   *************************************************************************/
#Content .Contentpane   { clear:both; width:100%;}
#Content h2 { border-bottom: 2px solid #3A2C2C; }

/*******************************  Footer   *****************************************************************/

#Footer                 { height: 120px; background: #3A2C2C; margin-top: 15px;}
#Footer .footerTop      { height:25px; background:#8E261D; margin-bottom: 10px; }

#Footer .footerContent  { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center; line-height:12px;margin-top:6px}

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

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

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


#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: 5px;

}

#middle-top-topic h1 {
    color: #BB2025;
    font-size: 30px;
    margin: 0 0 0 10px;
}

#middle-top-topic {
	border-bottom: 2px #3A2C2C solid;	
	margin-top: 0;
	margin-top: 22px;
}


#dept-left {
    float: left;
    margin-right: 20px;
    position: relative;
    width: 260px;
    z-index: 300;
}

#dept-center {
    float: right;
    margin-right: 20px;
    position: relative;
    width: 680px;
    z-index: 100;
}


.block {
    clear: both;
}

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

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


.block a, .block a:link, .block a:visited, .block a:hover, .block a:active {
    border: medium none;
    color: #000000;
    text-decoration: none;
}

.block .lightgrey, .block .hot-link {
    position: relative;
    z-index: 100;
}
.block .lightgrey, .block .lightgrey:hover, .block .hot-link {
    background: none repeat scroll 0 0 #F3F4F4;
    color: #000000;
}

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



.block ul li a, .block ul li a:visited {
    display: block;
    height: 90%;
    margin: 0;
    min-width: 90%;
    padding: 6px 5%;
    text-decoration: none;
}

.block ul li a:hover, .block ul li a:active {
    background: none repeat scroll 0 0 #BB2025;
    color: #FFFFFF;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #5E5F5F;
    color: #FFFFFF;
    text-shadow: none;
}

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

#middle-left h3, #dept-left h3, #middle-right h3, .block ul li, .news-teaser ul li, .block h2.city-connect-red, #enews {
    border-bottom: medium solid #FFFFFF;
}

/* CSSTerm.com Simple Horizontal DropDown CSS menu */

.drop_menu {
/*	background:#005555; */
	padding: 0 0 0 10px;
/*	margin:0; */
	list-style-type:none;
	height:40px;
}
.drop_menu li  {
 /*   border-radius: 15px; */
    display: inline;
    float: left;
   /* margin: 0  */
    padding: 0 4px 0 4px;
    width: 80px;
}

/*.drop_menu li.main  { border-right: 1px solid #ccc;  height: 16px; text-align: center} */
.drop_menu  li.mainlast { height: 16px; text-align: center}

.drop_menu li a {
	
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	height: 16px;
    	padding: 0px 10px;
   	font-weight: bold;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    line-height: normal;
    font-family: arial, verdana, sans-serif;
    width: 129px;
}

/* Submenu */
.drop_menu ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.drop_menu li:hover  { position:relative; }
.drop_menu li a:hover { color: #FFFFFF; }
.drop_menu li:hover ul {
	left:0px;
	top:16px;
    	border: medium none;  
   /*	border-radius: 5px; */
	padding:0px;
}

.drop_menu ul li a  { display:block; border-radius:initial; }

.drop_menu li:hover ul li a {
	padding: 5px;
	display:block;
	width:195px;
	text-indent: 12px;
	background: #f5f5f5; color: #000000; 
  /*	background: url("http://www.sanantonio.gov/Images/mega/bg-mega-menu.png") repeat scroll 0 0 transparent; */
}
.drop_menu li:hover ul li a:hover { background:#000000; color: #ffffff}


/* circle button with question mark for help */
.circlebuttontopmargin {
	margin-top:2px;
	
}
.circlebutton {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
	display:block;
	width:35px;
	height:35px;
	border-radius:50px;
	font-size:20px;
  font-weight:bold;
	color:#fff;
	line-height:35px;
	text-align:center;
	text-decoration:none;
	background:#8e251d;
	
}

.circlebutton:hover {
	color:#8e251d;
	text-decoration:none;
	background:#cccccc;
  text-shadow:0 0 1px #666;
	box-shadow:0 0 2px #222 inset;
	opacity:1;
	
}


/* rectangule button prefered and nonprefered */
.preferedbutton {
  margin-top: 20px;
}

.preferedbutton > a:link {
    -moz-user-select: none;
    -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    background: #485f6e none repeat scroll 0 0;
    color: #ffffff;
    font-size: 14px;
    font-weight:bold;
    line-height: 20px;
    padding: 7px 12px;
    text-align: center;
    text-decoration: none;
    /*transition-duration: 0.2s;*/
}

.preferedbutton > a:visited {
    -moz-user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    background: #485f6e none repeat scroll 0 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 7px 12px;
    text-align: center;
    text-decoration: none;
    /*transition-duration: 0.2s;*/
}

.preferedbutton > a:hover {
    background: #e6e6e6 none repeat scroll 0 0;
    /*border: 1px solid #cccccc;*/
    color: #58585a;
    text-decoration: none;
}
.preferedbutton > a:active {
    background: #cccccc none repeat scroll 0 0;
    border: 1px solid #8c8c8c;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    color: #000000;
    text-decoration: none;
}

.nonpreferedbutton {
  margin-top: 20px;
}

.nonpreferedbutton > a:link {
    -moz-user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    background: #f5f5f5 none repeat scroll 0 0;
    color: #cccccc;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 7px 12px;
    text-align: center;
    text-decoration: none;
    /*transition-duration: 0.2s;*/
}

.nonpreferedbutton > a:visited {
    -moz-user-select: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    background: #f5f5f5 none repeat scroll 0 0;
    color: #cccccc;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 7px 12px;
    text-align: center;
    text-decoration: none;
    /*transition-duration: 0.2s;*/
}
.nonpreferedbutton > a:hover {
    background: #e6e6e6 none repeat scroll 0 0;
    /*border: 1px solid #cccccc;*/
    color: #58585a;
    text-decoration: none;
}
.nonpreferedbutton > a:active {
    background: #cccccc none repeat scroll 0 0;
    border: 1px solid #8c8c8c;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    color: #000000;
    text-decoration: none;
}


/* button next with arrow to the right */

.nextbutton {
  margin-top: 20px;
  
}

.nextbutton > a:link {
    -moz-user-select: none;
    background: #485f6e none repeat scroll 0 0;
    /*border-color: #828284 #58585a #58585a #3d3d3e;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;*/
    color: #ffffff;
    font-size: 14px;
	font-weight:bold;
    line-height: 20px;
    padding: 7px 12px;
    text-align: center;
    text-decoration: none;
    /*transition-duration: 0.2s;*/
}
.nextbutton > a:visited {
    -moz-user-select: none;
    background: #485f6e none repeat scroll 0 0;
    border-color: #828284 #58585a #58585a #3d3d3e;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    font-size: 14px;
	font-weight:bold;
    line-height: 20px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.2s;
}
.nextbutton > a:hover {
    background: #e6e6e6 none repeat scroll 0 0;
    /*border: 1px solid #cccccc;*/
    color: #58585a;
    text-decoration: none;
}
.nextbutton > a:active {
    background: #e6e6e6 none repeat scroll 0 0;
    /*border: 1px solid #58585a;*/
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) inset;*/
    color: #000000;
    text-decoration: none;
}

.next::after {
    border-color: transparent transparent transparent #485f6e;
    border-width: 15px;
    right: -29px;
}

.next::after {
    border-style: solid;
}
.next:hover::after {
  border-left-color: #e6e6e6;
}
.button::after {
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.button {
    background: #0d5287 none repeat scroll 0 0;
    color: white;
    font-size: 14px;
    margin: 0;
    padding: 2.8px 14px;
    position: relative;
}
a {
    text-decoration: none;
}


/* button with plus sign */

.plusbutton {
  margin-top: 20px;
}

.plusbutton > a:link {
    -moz-user-select: none;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    /*background: #84c03f none repeat scroll 0 0;*/
	background: #485f6e url("http://www.sanantonio.gov/portals/0/Images/ButtonPlus2.png") no-repeat scroll left bottom;
    color: #ffffff;
    font-size: 14px;
  font-weight:bold;
    line-height: 20px;
    padding: 7px 15px 7px 35px;
    text-align: center;
    text-decoration: none;
    /*transition-duration: 0.2s;*/
}

.plusbutton > a:visited {
	-moz-user-select: none;
  -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 4px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
    /*background: #84c03f none repeat scroll 0 0;*/
	background: #485f6e url("http://www.sanantonio.gov/portals/0/Images/ButtonPlus2.png") no-repeat scroll left bottom;
    color: #ffffff;
    font-size: 14px;
  font-weight:bold;
    line-height: 20px;
    padding: 7px 15px 7px 35px;
    text-align: center;
    text-decoration: none;
    /*transition-duration: 0.2s;*/
}

.plusbutton > a:hover {
    background: #e6e6e6 url("http://www.sanantonio.gov/portals/0/Images/ButtonPlusHover2.png") no-repeat scroll left bottom;
    /*background: #e6e6e6 none repeat scroll 0 0;*/
    /*border: 1px solid #cccccc;*/
    color: #58585a;
    font-size: 14px;
    font-weight:bold;
    line-height: 20px;
    padding: 7px 15px 7px 35px;
    text-align: center;
    text-decoration: none;
}

.plusbutton > a:active {
  background: #e6e6e6 url("http://www.sanantonio.gov/portals/0/Images/ButtonPlusHover2.png") no-repeat scroll left bottom;
    /*background: #7b7b7c none repeat scroll 0 0;*/
    /*border: 1px solid #58585a;*/
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) inset;*/
    color: #000000;
    text-decoration: none;
}


/* button previous with arrow to the left */
.previousbutton {
  margin-top: 20px;
    width: 168px;
}
.previousbutton > a:link {
    -moz-user-select: none;
    background: #485f6e none repeat scroll 0 0;
    color: #ffffff;
    font-size: 14px;
                font-weight:bold;
    line-height: 20px;
    padding: 7px 12px;
    text-align: center;
    text-decoration: none;
}
.previousbutton > a:visited {
    -moz-user-select: none;
    background: #485f6e none repeat scroll 0 0;
    color: #ffffff;
    font-size: 14px;
                font-weight:bold;
    line-height: 20px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.2s;
}
.previousbutton > a:hover {
    background: #e6e6e6 none repeat scroll 0 0;
    color: #58585a;
    text-decoration: none;
}
.previousbutton > a:active {
    background: #e6e6e6 none repeat scroll 0 0;
    color: #000000;
    text-decoration: none;
}

.previous::after {
    border-color: transparent #485f6e transparent transparent;
    border-width: 16px;
    left: -31px;
}
.previous::after > a:active {
    border-color: transparent #e6e6e6 transparent transparent;
    border-width: 16px;
    left: -31px;
}

.previous::after {
    border-style: solid;
}
.previous:hover::after {
  border-right-color: #e6e6e6;
}


.button::after {
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.button {
    background: #0d5287 none repeat scroll 0 0;
    color: white;
    font-size: 14px;
    margin: 0;
    padding: 2.8px 14px;
    position: relative;
}



/* button BACK with arrow to the left */
.backbutton {
  margin-top: 20px;
    width: 80px;
}
.backbutton > a:link {
    -moz-user-select: none;
    background: #485f6e none repeat scroll 0 0;
    color: #ffffff;
    font-size: 14px;
                font-weight:bold;
    line-height: 20px;
    padding: 7px 12px;
    text-align: center;
    text-decoration: none;
}
.backbutton > a:visited {
    -moz-user-select: none;
    background: #485f6e none repeat scroll 0 0;
    color: #ffffff;
    font-size: 14px;
                font-weight:bold;
    line-height: 20px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.2s;
}
.backbutton > a:hover {
    background: #e6e6e6 none repeat scroll 0 0;
    color: #58585a;
    text-decoration: none;
}
.backbutton > a:active {
    background: #e6e6e6 none repeat scroll 0 0;
    color: #000000;
    text-decoration: none;
}

.back::after {
    border-color: transparent #485f6e transparent transparent;
    border-width: 16px;
    left: -31px;
}
.back::after > a:active {
    border-color: transparent #e6e6e6 transparent transparent;
    border-width: 16px;
    left: -31px;
}

.back::after {
    border-style: solid;
}
.back:hover::after {
  border-right-color: #e6e6e6;
}


.buttonback::after {
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.buttonback {
    background: #0d5287 none repeat scroll 0 0;
    color: white;
    font-size: 14px;
    margin: 0;
    padding: 2.8px 14px;
    position: relative;
}