@import  url(/!includes/css/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: #445484 url(/images/cityoflr_mp_2011_back_summer.jpg) fixed repeat-x center top;
	color: #000;
}
/* \*/* html body { font-size: 75%; }/* end hide from Mac */
.hide {display: none;}


.firstletter { font-weight: bold; font-size: 1.6em; color: #006f06; }
.ir {
    background-repeat: no-repeat;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}

.expander
{
    clear: both;
    overflow: hidden;
    height: 0;
}

img.preload
{
    position: absolute;
    left: -9999em;
}

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

.formvacancy {
    margin-left: 0.4em;
}
.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: .5em 0 0 1.5em; position:relative; }

.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.4em;
	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 repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	
}

/*
#tb_fontsize
{
    width: 48px;
    height: 12px;
    position: relative;
    z-index: 0;
    margin-right:15px;
    display: expression('block');
    float:right;
}
#tb_fontsize a.ir
{
    position: absolute;
    top: 0;
    padding: 12px 0 0;
    width: 20px;
    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;} */
.addthis_toolbox { float: right; }
#print {width:113px; float:right;  border:0px;}
#print img {border:0px;}
#tb_fontsize
{
    width: 62px;
    height: 12px;
    position: relative;
    background: url(/Images/interior/cityoflr_int_text_size.png) 0 0 no-repeat;
    z-index: 0;
    margin: 0 15px 0 0;
    display: block;
    float:right;
    padding-left:48px;
}

#tb_fontsize dd
{
    width:17px;
    height: 12px;
    margin:0 1px 0 0;
    padding: 0;
    overflow: hidden;
    display: block;
    float: left;
}

#tb_fontsize a.ir
{
    padding: 12px 0 0;
    font-size: 15px;
    height: expression('12px');
}
form { text-align: center; }
#wrapper
{
    width:967px;
    margin:0 auto;
    position:relative;
    text-align: left;
}
.int #wrapper {width:969px; margin:0 auto; position:relative;}
#socTab { background:url(/images/cityoflr_mp_social_top.png) no-repeat 0 0; width:51px; position:absolute; right:-50px; top:-55px;}

#socNet {width:51px; margin:0; padding:0; list-style:none; background:url(/images/cityoflr_mp_social_bottom.png) no-repeat 0 bottom;padding-bottom:17px;} 
#socNet dd {margin:0; padding:0; overflow: hidden;}
#socNet dd a.ir {margin-left: 5px; height: 0; }
dd#conn {padding:10px 0 0 15px; height: 55px; height: expression('auto');}
dd#fboo a.ir { background:url(/images/cityoflr_mp_social_facebook1.png) no-repeat 0 0;padding-top:33px; height: expression('33px'); }
dd#fboo a.ir:hover {background-image:url(/images/cityoflr_mp_social_facebook2.png);}
dd#twit a.ir {background:url(/images/cityoflr_mp_social_twitter1.png) no-repeat 0 0; padding-top:33px; height: expression('33px');}
dd#twit a.ir:hover {background-image:url(/images/cityoflr_mp_social_twitter2.png);}
dd#inst
{
    background:url(/images/cityoflr_mp_social_tile.png) repeat-y 0 0;
    margin-top:-3px;
    padding-top: 3px;
}

dd#inst a.ir {background:url(/images/cityoflr_mp_social_instagram1.png) no-repeat 0 0; padding-top:33px; height: expression('33px');}
dd#inst a.ir:hover {background-image:url(/images/cityoflr_mp_social_instagram2.png);}
dd#youtb
{
    background:url(/images/cityoflr_mp_social_tile.png) repeat-y 0 0;
    margin-top:-3px;
    padding-top: 3px;
}
dd#youtb a.ir {background:url(/images/cityoflr_mp_social_youtube1.png) no-repeat 0 0; padding-top:33px; height: expression('33px');}
dd#youtb a.ir:hover {background-image:url(/images/cityoflr_mp_social_youtube2.png);}

dd#google
{
    background:url(/images/cityoflr_mp_social_tile.png) repeat-y 0 0;
    margin-top:-3px;
    padding-top: 3px;
}
dd#google a.ir {background:url(/images/cityoflr_mp_social_googleplus.png) no-repeat 0 0; padding-top:33px; height: expression('33px');}
dd#google a.ir:hover {background-image:url(/images/cityoflr_mp_social_googleplus.png );}


dd#flickr
{
    background:url(/images/cityoflr_mp_social_tile.png) repeat-y 0 0;
    margin-top:-3px;
    padding-top: 3px;
}
dd#flickr a.ir {background:url(/images/cityoflr_mp_social_flikr.png) no-repeat 0 0; padding-top:33px; height: expression('33px');}
dd#flickr a.ir:hover {background-image:url(/images/cityoflr_mp_social_flikr.png);}

#socNet dd#conn span.ir {padding-top:55px; height: expression('55px'); background:url(/images/cityoflr_mp_social_connect.png) no-repeat 0 0; margin-left: 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;}

#navlinks {margin:0; padding:0; list-style:none;}

#nav {
	width: 234px;
	float: left;
	margin:0px 0 0;
	background:url(/images/interior/cityoflr_int_nav_normal.gif) no-repeat 0 0;
}
#navList {margin:0; padding:0; list-style:none; }
#navList li {
	list-style: none;
	margin: 0 0 0px;
	float: left;
}
 
.addPosition {
position:relative;
}
 
#navList a {
	text-decoration: none;
	color: #576257;
	padding: 5px;
	display: block;
	width: 225px;
	font-weight:bold;
}
#navList a.ir {}
#navList a.ir:hover {
	background:url(/images/interior/cityoflr_int_nav_hover.gif) no-repeat ;
}
#CServ {height:29px;}
#cDep  {height:25px;}
#CCOff {height:26px;}
#OnPay {height:25px;}
#CiCom {height:42px;}
#Empl  {height:25px;}
#CityM {height:25px;}
#BoD   {height:25px;}
#MaYo  {height:29px;}

#CServ  a.ir:hover{ background-position: 0 0;      height:21px;}
#cDep   a.ir:hover{ background-position: 0 -29px;  height:17px;}
#CCOff  a.ir:hover{ background-position: 0 -54px;  height:16px;}
#OnPay  a.ir:hover{ background-position: 0 -80px;  height:17px;}
#CiCom  a.ir:hover{ background-position: 0 -105px; height:34px;}
#Empl   a.ir:hover{ background-position: 0 -147px;      height:17px;}
#CityM  a.ir:hover{ background-position: 0 -172px;      height:17px;}
#BoD    a.ir:hover{ background-position: 0 -197px;      height:17px;}
#MaYo   a.ir:hover{ background-position: 0 -222px;      height:29px;}


#navList ul, #navList ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 225px;
	background-color: #EFF4EE;
	border:1px solid #333;
	color: #576257;
}
.listTab {
	z-index: 100;
	
}
#navList .listTab li {
	margin: 0px;
	padding:0px
}
#navList .listTab a, #navList .listTab a:hover {
	width: 210px;
}
#navList .listTab a {
	/*padding: 5px 5px 5px 10px;*/
}
#navList li:hover ul ul, #navList li:hover ul ul ul, #navList li:hover ul ul ul ul {
	display: none;
}
#navList li:hover ul, #navList li li:hover ul, #navList li li li:hover ul, #navList li li li li:hover ul {
	display: block;
}
#navList li ul.listTab li a {color:#007304; font-weight:bold;}
#navList li ul.listTab li:hover {background:#007304; }
#navList li ul.listTab li a:hover { color:#E6D812; font-weight:bold;}