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

p, td, th, ul, li, caption, label, legend, fieldset, blockquote, cite, .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;
}

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;}
h2 {font-size: 30px; line-height: 32px; color: #BB2025;}
h3 {font-size: 20px; color: #BB2025; line-height: 24px; margin-top: 15px;}


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;}
#Header .searchBox      { position:relative; top:100px; float: right; clear: right; height: 20px; margin: -17px 20px 0px 0px;}
#Header .searchBox .search        { /*width: 200px;*/ position: relative; }
#Header .searchBox .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; }

#Header .searchBox .search .searchbtn  { background:#fff url(images/COSA/search.png)no-repeat center center ; 
                                         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: 30px;  height: 32px; padding: 4px;}
	                                     
	                                    
#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; height: 45px; }

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

#Footer                 { height: 125px; 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; }