@import  url(/styles/Forms.css);

* { font-size: 1em; color: inherit; }

html, body { height: 100%; width: 100%; font-size: 100%;}
body {
	margin: 0; padding: 0;
	font: 13px/1.2 Verdana, Arial, sans-serif;
	background: #3D5385 url(/images/cityoflr_mp_2011_back_fall.jpg) repeat-x center 0;
	color: #000;
}
/* \*/* html body { font-size: 75%; }/* end hide from Mac */

.ir {
    background-repeat: no-repeat;
    direction: ltr;
    display: block;
    overflow: hidden ! important;
    text-align: left;
    text-indent: -999em;
    height: 0;
}

.firstletter { font-weight: bold; font-size: 1.6em; color: #006f06; }

dd ol, dd ul { margin-left: 0; padding-left: 0; }
dd ol ol, dd ol ul, dd ul ul, dd ul ol { margin-left: 2em; } /* this rule made necessary by IEs poor support of CSS selecors ie(  dd>ol, dd>ul)*/
dt { font-weight: bold; font-size: 1.1em; }

dl.truedef dt, dl.truedef dd { display: inline; margin:0;  }

.xtra li { margin: .5em 0 .5em; }

ol.roman { list-style-type:upper-roman; margin: 1em 0 1em 1.5em; padding: 0; }
ol.roman ol, ol.alpha { list-style-type:upper-alpha; margin: 1em 0  1em 2.5em; padding: 0; }
ol.roman ol ol,ol.alpha ol { list-style-type:decimal; margin: 1em 0  1em 2.5em; }
ol.roman ol ol ul { list-style-type: none; }
ol.roman ol ol ol,ol.alpha ol ol { list-style-type: lower-alpha; }

li.pdf { list-style: square url(/images/0161_pdf.png); }
li.xls { list-style: square url(/images/0065_excel_files.png); }
li.doc { list-style: square url(/images/0139_word_icon.png); }

#content a[href$="pdf"], #content a.pdf { background: url(/images/0161_pdf.png) no-repeat left; padding:2px 0 2px 15px; }
#content li a[href$="pdf"], #content li a.pdf { background: none; padding: 0; }

#content a[href$="pdf"], #content a.pdf { background: url(/images/0161_pdf.png) no-repeat left; padding:2px 0 2px 15px; }
#content li a[href$="pdf"], #content li a.pdf { background: none; padding: 0; }

#nopdf {background: none;}

#content a[href$="xls"], #content a.xls { background: url(/images/0065_excel_files.png) no-repeat left; padding:2px 0 2px 15px; }
#content li a[href$="xls"], #content li a.xls { background: none; padding: 0; }

#content a[href$="doc"], #content a.doc { background: url(/images/0139_word_icon.png) no-repeat left; padding:2px 0 2px 15px; }
#content li a[href$="doc"], #content li a.doc { background: none; padding: 0; }

p { margin: 1em 0; }

h1,h2,h3 { margin: 1em 0 .5em; font-family: Arial,Helvetica,sans-serif; line-height: 1.1; }
h1 { font:  1.9em  Arial,Helvetica,sans-serif; margin-top: 0; color: #305BA9; }
h2 { font-size: 1.4em; color: #0E6E17; }
h3 { margin: 1.3em 0 .3em; font-size: 1.2em; color: #2B4662; }
h4 { margin: 1em 0 .2em; color:#2B4662; }
h5 { margin: .5em 0 .1em; }

#content p {
	line-height: 1.6;
	margin: .2em 0 1em;
}
.citycomm_task #content td p,
#content ol p { line-height: 1.2; }
#content h2 {
	background: url(/images/cityoflr_enews_divider.gif) no-repeat top center;
	padding-top: 17px;
	margin-top: .75em;
}
.iphoto { margin: .05em 0 0 1.5em; position:relative;} 

.divstormwatermanagementimg {margin: .05em 0 0 1.5em;} 
             
.photo { margin: .5em 0 0 1.5em; float: right; position: relative; width: 300px; text-align:center; font-size:.83em; }
.photo img { display: block; margin: 0 auto 1em; }
#content .photo p { margin-top: -1em; color: #333; padding: 2px; line-height: 1.1; }



b, .bold, strong { font-weight: bold; }

.rhdr {
	background: #B1C2F3;
	font-size: 11px;
	font-weight: bold;
}

.name { color: #2b4662; }

.schedule, .faqs { margin: 1em 0; }
.schedule dt, .faqs dt { display: block; margin: 1em 0 .3em; }
.schedule dd,.faqs dd { margin-left: 1em; }



.important { color: red; font-weight:bold; }

/****************** LINKs ******************/
a:link,
a:visited { color: #4D85B4; text-decoration: none; }

a:hover,
a:active { color: #00AA09;	text-decoration: underline; }

a.fl:link,
a.fl:visited { color: #687065; text-decoration: none; }

a.fl:hover,
a.fl:active { color: #0080FF; text-decoration: underline; }

a.flat:link,
a.flat:visited,
a.flat:hover,
a.flat:active { color: #575757; text-decoration: underline; }

a.sublinks:link,
a.sublinks:visited { text-decoration:none; color:#7396B5; }

a.sublinks:hover,
a.sublinks:active { text-decoration:none; color:#00387C; }

a.sublinksAT:link,
a.sublinksAT:visited,
a.sublinksAT:hover,
a.sublinksAT:active { text-decoration:none; color:#008A07; }

#navtrail a:link,
#navtrail a:visited { text-decoration: none; color: #00387C;}

#navtrail a:focus,
#navtrail a:hover,
#navtrail a:active { color: #0068AC; }


/****************** MAINPAGE ******************/
div.mpcalendar {
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	color: #818189;
}

div.mpcalendar a {
	text-decoration: none;
	font-size: .85em;
}

div.calendartext {
	margin-top: 6px;
	margin-bottom: 7px;
	font-size: .85em;
}
.calendarhdr {
	color: #4F5E87;
	font-family: helvetica,verdana,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}

#mpspotlight {
	scrollbar-arrow-color:#00346b;
	scrollbar-base-color:#D6E7D7;
	scrollbar-3dlight-color:#DCE9DC;
	scrollbar-darkshadow-color:#88B98A;
	scrollbar-highlight-color:#80B583;
	scrollbar-shadow-color:#88B98A;
	overflow: auto;
	height: 261px;
	width: auto;
	padding: 5px 10px 10px 10px;
	margin: 0px;
	font-weight: bold;
	color: #818189;
	font-size: .8em;
}
* html #mpspotlight { height: 276px }
#mpspotlight a {
	text-decoration: none;
	font-size: .9em;
}
div.spotlighttext { margin-top: 2px; }
.spotlighthdr {
	color: #007307;
	font-family: helvetica,verdana,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}



/********************** Interior Layout *********************/
#cwrap {
	text-align: center;
	background: url(/images/interior/cityoflr_int_sub_shadow.jpg) no-repeat top right;
	padding-top: 1px;
	position:relative;
}
#content {
	margin: 25px auto 1em;
	text-align: left;
	width: 93%;
	line-height: 1.4;
	color: #545454;
}

ul.sublinks { padding: 2px 5px 10px 28px; list-style:none; margin: 0; font-size: 11px }
ul.sublinks li { margin: 3px 0; padding: 3px 2px 2px 5px; background: url(/images/cityoflr_enews_divider.gif) no-repeat top right; position:relative; }
ul ul.sublinks { margin: 2px 0 5px 2px; padding: 0 5px 0 14px;  color: #007305;  }
ul ul.sublinks li { list-style: square; font-size: 10px; padding:0; background: none;  }
ul.sublinks a { font-weight: bold; line-height:1; }
ul ul.sublinks a { font-weight: normal; word-spacing: -1px; }


div.True, div.true { display: none; }
#navtrail  {
	color: #ccc;
	background: url(/images/interior/cityoflr_int_divider.gif) repeat-x center bottom;
	padding: 15px 5px 5px 8px;
	position:relative;
	margin-right: 1px;
	text-align: left;
}
#navtrail a {
	white-space: nowrap;
	letter-spacing: -.1em;
	font-weight: bold;
	font-size:.9em;
	text-decoration: none;
}

#moreinfo,.moreinfobox, #katrina { /* moreinfobox is for use on pages require 2 or more */
	width: 60%;
	margin: 2em auto 1em;
	background: #ffe;
	padding-bottom: 1px;
	border: 1px solid #A5B8A5;
	text-align: center;
}
#moreinfo h2, #content .moreinfobox h2, #katrina h2 {
	margin: 0;
	background: #CEE3D0 none;
	border-bottom: 1px solid #A5B8A5;
	padding: 2px;
	color:#305BA9;
	font-size: 1.2em;
	letter-spacing: 1px;
}
#moreinfo p, #content .moreinfobox p, #katrina p {
	margin: 4px 1.5em .5em;
	line-height: 1.3;
	color: #2B4662;
	text-align: left;
}
#moreinfo p:first-line, #content .moreinfobox p:first-line { font-weight: bold; }
#katrina { width: 90%; border-width: 3px; border-style: double; }
#katrina p { line-height: 1.3; font-size: 1.1em; }


.nomp { padding:0px; margin:0px; }
#footerwrap {
	margin-top: 1.5em;
	text-align: center;
	font-size: .75em;
}
#footer { margin: 0 auto; }

#footer a { font-weight: normal; }

span.error, .errormsg {
	color: #930;
	font-weight: bold;
}
input.error, select.error, text.error {
	background-color: #fc5;
	border: 1px solid #636500;
}

.header {
	font-size: 1.5em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #2B3573;
}
.rowheader {
	font: bold 1.2em verdana,arial;
	background: #2B3573;
	color: #FFFFFF;
	padding: 2px;
}
.rowcap {
	font-size: .75em;
	font-weight: bold;
	border: 2px solid #636500;
	border-width: 2px 2px 0;
	background-color: #BD4921;
	color: #FFFFFF;
}
.rowhover { background-color: #D3D3D3; }
.disabled { background-color: #F2F2F2; }
.enabled { background-color: #FFFFFF;}

/* DataGrid */
table.schedule { border-collapse: collapse; border: 1px solid #E1F0E9; }
table.schedule td { border:1px solid #E1F0E9; }
table.schedule td.dgheader { border-color: #E1F0E9 #389244 #318934 #E1F0E9; }
table.datagrid {
	background:#E1F0E9;
	border:none;
}
.dgheader, .thead, .th, .data .thead th {
	background:#389244;
	font-size:1.1em;
	font-weight:bold;
	color:#F0F000;
}
.datarow, .even, .alt1 {
	background:#F8FBF8;
}
.altdatarow, .odd, .alt2 {
	background:#FFFFFF;
}

.data {
	border: 1px solid #E1F0E9;
	border-collapse: collapse;
}
.data td {border: 1px solid #E1F0E9;}
.data th { background: #E1F0E9;}

/* don't use .ruled [still here for backwards compatibility] */
.ruled { background: #E1F0E9; }
.rowodd { background: #F8FBF8; }
.roweven { background: #FFFFFF; }


/* GET ADOBE */
#getadobe {text-align: center;  }
#getadobe p { padding: 4px 5px; background: #ffd; border: 1px solid #930; margin: 0 auto; width: 80%; overflow: auto; text-align: left; line-height:1.2; }
#getadobe img { float: left; margin-right: 5px; display: inline; }


.list ul { margin-left: 0; padding-left: 1.5em; }
.list li, .breathe li { margin-bottom: .5em; }

.back { clear: both; text-align:right; background:#FaFcFf;  }
.listings { width: 100%; overflow:auto; }
#content .listings p { width: 45%; float:left; margin-left: 10px; height: 5em; display: inline; }

#lrtvschedule {width:680px; max-width: 680px;}
#lrtvschedule td {font-size:9px;}

#div_lrtvschedule {width:600px; overflow:scroll;}

h2.trigger {
	
}
h2.trigger a {
	
	text-decoration: none;
	display: block;
}

h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	
}

form { text-align: center; }
#wrapper
{
    width: 967px;
    margin: 0 auto;
    position:relative;
    text-align: left;
}
#tb_fontsize
{
    width: 102px;
    height: 12px;
    position: relative;
    background: url(/Images/int/cityoflr_int_text_size.png) 0 0 no-repeat;
    z-index: 0;
    margin-right:15px;
    display: expression('block');
    float:right;
    padding-left:48px;
}
#tb_fontsize dd {display:inline-block; width:16px; margin:0px; }
#tb_fontsize a.ir
{
    padding: 12px 0 0;
    font-size: 15px;
}
/*#tb_fontsize a.ir#fsDown { left:0px; }
#tb_fontsize a.ir#fsNormal { left: 25px; }
#tb_fontsize a.ir#fsUp { left: 40px; }*/
/*#fontup a, #fontup a:link, #fontup a:active, #fontup a:hover{color:#8A8A8A; font-size:1.6em; font-weight:bolder; text-decoration:none;}
#fontnormal { margin-left:15px;}
#fontnormal a, #fontnormal a:link, #fontnormal a:active, #fontnormal a:hover{color:#8A8A8A; font-size:1.2em; font-weight:bolder; text-decoration:none;}
#fontdown a, #fontdown a:link, #fontdown a:active, #fontdown a:hover {color:#8A8A8A; font-size:.9em; font-weight:bolder; text-decoration:none;}*/
#socTab { background:url(/images/cityoflr_mp_social_top.png) no-repeat 0 0; width:51px; position:absolute; right:-50px; top:-52px;}
#socNet {width:51px; margin:0; padding:0; list-style:none; background:url(/images/cityoflr_mp_social_bottom.png) no-repeat 0 bottom;padding-bottom:15px;} 
#socNet dd {margin:0; padding:0;}
dd#conn {margin-top:20px; margin-left:15px;}
dd#fboo {background:url(/images/cityoflr_mp_social_facebook1.png) no-repeat 0 0; margin-left:5px; top:10px;}
dd#twit {background:url(/images/cityoflr_mp_social_tile.png) repeat 0 0; top:10px;}
#conn a.ir {padding-top:55px; height: expression('55px'); background:url(/images/cityoflr_mp_social_connect.png) no-repeat 0 0;}
#fboo a.ir {padding-top:33px; height: expression('33px');}
#fboo a.ir:hover {background:url(/images/cityoflr_mp_social_facebook2.png) no-repeat 0 0;}
/*#twit .ico{}*/
#twit .ico a.ir {padding-top:33px; height: expression('33px'); background:url(/images/cityoflr_mp_social_twitter1.png) no-repeat 0 0; margin-left:5px; margin-top:5px;}
#twit .ico a.ir:hover {background:url(/images/cityoflr_mp_social_twitter2.png) no-repeat 0 0;}
#bcap {background:url(/images/cityoflr_mp_social_tile.png) no-repeat 0 0;}
#midWrapper {position:relative;}
.home #socTab { background:url(/images/cityoflr_mp_social_top.png) no-repeat 0 0; width:51px; position:absolute; right:1px; top:-320px;}