@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;
    margin-left: 19px;
}
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: .2pt;
	/*}*/
}

td, th, 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;
}

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; #BB2025; }
h2 {font-size: 30px; line-height: 32px; color: #BB2025; }
h3 {font-size: 20px; line-height: 24px; color: #BB2025; margin-top: 15px;}
.search-result-message{font-size: 15px; 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; }
#Header .logo           { position:relative; }
#Header .citylogo       {max-height: 90px; padding: 30px 0px 0px 10px; width:248px; height: 55px; }
#Header .logo img.deptlogo {max-height: 90px; width: auto; padding: 0; margin:13px 40px 0px 0px;}
#Header .menu     { position: absolute; top: 84px; left: 0px;}
                                     
	                                    
#titlewrapper { background: none repeat scroll 0 0 #3A2C2C; clear: both; height: 55px; margin: auto; padding: 10px 0 0 10px; margin: 0px 1px 0px 0px; 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: auto; 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: 100px; 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: 20px;

}

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


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

th {
    text-align:left;
    vertical-align:top;
}

input {
    margin:0px;
}
td {
    margin:0px;
}