/* CSS Document */

/* Main Style for City of Euless Website */
body {
	background-color:#F5F8FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:0;
	margin:0;
}

/* Link Colors */
a:link    { color:#06F; }
a:visited { color:#551A8B; } /*a:visited { color:#06C; }*/
a:hover   { color:#F00; }
a:focus   { color:#F00; }
a:active   { color:#F00; }

/* Font Size Fixes */
small {font-size: smaller;}
big   {font-size: larger;}

h1 {font-size: x-large;}
h2 {font-size: large;}
h3 {font-size: medium;}
h4 {font-size: small;}
h5 {font-size: small;}
h6 {font-size: 100%;}

#page {
	background-image:url(/images/dropshadow.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}

#section-title {
	background-color:#FFFFFF;
	color:#010066;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	left:531px;
	position:absolute;
	top:44px;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
	width:228px
}
#header {
	background-color:#010066;
	background-image:url(/images/coe_header_subtitle.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:190px;
	width:760px;
}
#title {
	background-color:#FFFFFF;
	background-image:url(/images/coe_header_title.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:95px;
	width:760px;
}
#title a {
	color:#010066;
	display:block;
	font-size:1px;
	position:absolute;
	height:114px;
	width:163px;
}
#menu {
	background-image:url(/images/coe_header_navmenu.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:19px;
	text-align:right;
}
#main {
	/*overflow:auto;*/
	background-image:url("/images/misc/blackpixel.gif");
	background-position:606px 50%;
	background-repeat:repeat-y;
	clear:both;
	display:inline-block;
	width:760px;
}
#main.no-sidebar,
#main.no-sides {
	background-image:none;
}
#search {
	/*position:absolute;*/
	/*left:496px;*/
	left:0;
	margin-top:22px;
	/*top:136px;*/
	text-align:right;
	width:740px;
}

#sidemenu {
	background-image:url(/images/sidemenu.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	width:173px;
	float:left;
}
#sidemenu img {
	position:absolute;
	left:15px;
	top:137px;
}

/*
#department #sidemenu ul, #department .sidemenu ul {
	background-image:url(/images/sidemenu_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:8px;
	height:auto;
}
#department #sidemenu, #department .sidemenu {
	background-image:url(/images/sidemenu.jpg);
	background-position:top left;
}

#fire #sidemenu ul {
	height:auto;
}
*/

#sidemenu ul {
	background-image:url(/images/sidemenu_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0;
	padding:65px 0 8px 0;
	/*height:321px;*/
	width:171px;
}
#sidemenu li {
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0 0 3px 0;
}
#sidemenu h4 {
	background-color:#000066;
	color:#FFFFFF;
	font-size:11px;
	margin:0 11px 0 0;
	padding:2px 5px 2px 5px;
}
#sidemenu a {
	background-image:url(/images/coe_sidemenu_item.jpg);
	color:#009;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	line-height:20px;
	letter-spacing:-1px;
	vertical-align:middle;
	padding-left:15px;
	display:block;
	width:135px;
}
#sidemenu a:hover {
	background-image:url(/images/coe_sidemenu_item_hover.jpg);
}
/*
#sidemenu a#current, .sidemenu a#current {
	background-image:url(/images/coe_sidemenu_item_current.jpg);
	color:#FFFFFF;
}
*/
#content {
	background-color:#FFFFFF;
	border-right:1px solid #000;
	/*height:100%;*/
	min-height:400px;
	padding-bottom:30px;
	padding-left:8px;
	padding-right:15px;
	width:410px;
	float:left;
}
#content p {
	margin:20px 0 20px 0;
	padding:0;
}
#content h3 {
	color:#CC0000;
	/*font-size:12pt;*/
	font-weight:bold;
	margin:15px 0 0 0;
	/*text-align:left;*/
}
#content h4 {
	background-color:#000066;
	color:#FFFFFF;
	/*font-size:10pt;*/
	margin:15px 0 0 0;
	padding:3px;
	text-align:center;
}
#content h5 {
	color:#000066;
	/*font-size:10pt;*/
	font-weight:bold;
	margin:15px 0 0 0;
}
#content ul, #content ol {
	list-style-position:outside;
	margin:20px 0 20px 0;
	padding:0 0 0 0;
}
#content li {
	margin:0 0 1em 3em;
	padding:0;
}
#content strong {
	color:#000066;
}
#content hr {
	border:0;
	background-color:#000066;
	color:#000;
	height:1px;
	margin:5px 0 5px 0;
	padding:0;
}

dt {margin:0;padding:0;}
dd {
    border-bottom:1px dotted #000066;
    margin:0;
    padding:0 0 0 50px;
}

table {
	border:1px solid #000066;
	margin:15px 0 15px 0;
	width:100%;
}
td table {margin:0;}
th {
	background-color:#006;
	color:#FFFFFF;
	padding:5px;
	white-space:nowrap;
}
tr.odd {
	background-color:#F1F0FF;
}
tr.even {
	background-color:#F7F7F7;
}
td {
	padding:7px;
	text-align:center;
}

#location {
	background-color:#EFEFEF;
	height:120px;
	margin-top:1em;
	margin-bottom:0;
	text-align:center;
	vertical-align:bottom;
}
#location strong {
	display:block;
	padding-top:29px;
}
#location img {
	float:left;
}
/*
#content div#hoursofoperation {
	margin-bottom:1em;
}
*/
#content div#hoursofoperation h4 {
	margin-top:0;
	text-align:center;
}
#content div#hoursofoperation h5 {
	text-align:center;
}
#content div#hoursofoperation table, #content table.hoursofoperation {
	border:0;
	width:100%;
}
#content div#hoursofoperation table th, #content table.hoursofoperation th {
	background-color:transparent;
	color:#000;
	padding:0;
	white-space:normal;
	
	text-align:right;
	width:50%;
}
#content div#hoursofoperation table td, #content table.hoursofoperation td {
	padding:0;
	text-align:left;
}
#content img.left {
	float:left;
	margin:0 1em 1em 0;
}
#content img.right {
	float:right;
	margin:0 0 1em 1em;
}
img.noborder {border:none;}
img.border, img[border="1"] {border:1px solid black;}

#sidebar {
	/*background-color:#0000FF;*/
	border-left:1px solid #000;
	position:relative;
	left:-1px;
	/*min-
	height:490px;*/
	/*width:152px;*/
	width:144px;
	float:left;
	z-index:5;
	/*font-size:7.5pt;
	font-size:smaller;*/
	font-size:0.8em;
	padding-bottom:2em;
	padding-left:5px;
	margin-right:-3px;
}
#sidebar p img {
	margin-left:auto;
	margin-right:auto;
}
#sidebar strong, #sidebar b {
	/*font-size:9pt;*/
	font-size:larger;
	font-size:1.25em;
}
#sidebar hr {
	border:0;
	background-color:#8D8D8D;
	color:#000;
	height:1px;
	margin:15px 0 0 0;
	margin:0;
	padding:0;
	font-size:1px;
}
#sidebar p {
	margin:15px 0;
}
#footer {
	background-color:#000066;
	background-image:url(/images/footer_CoE_RightCorner.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	clear:both;
	color:#FFFFFF;
	font-size:9px;
	padding:3px 0 3px 0;
	text-align:center;
	width:760px;
}
#footer small {
	font-size:9px;
}
#footer small a {
	color:#FFFFFF;
	font-size:9px;
	text-decoration:underline;
}
#footer small a:hover {
	text-decoration:none;
}

/* Style for EVENTS Pages */
#events #header {
	background-image:url(/images/coe_header_subtitle_events.jpg);
}
#events #search {display:none;}
#events #content,
#content.newsitem {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	padding:0 90px 2em 90px;
	text-align:center;
	width:580px;
	border:0;
}
#content.newsitem {
	padding:0;
	width:100%;
}
#events #content > img,
#content.newsitem > img {
	padding-top:1em;
}
#events #content > img.left,
#events #content > img.right,
#content.newsitem > img.left,
#content.newsitem > img.right {
	padding-top:0;
}
#events #content h3,
#content.newsitem h3 {
	margin-bottom:1em;
	text-align:center;
}
#events #content p,
#content.newsitem p {
	text-align:justify;
}
#events #content p.center,
#content.newsitem p.center {
	text-align:center;
}
#events #content ul, 
#events #content ol,
#content.newsitem ul, 
#content.newsitem ol {
	text-align:left;
}
/*
#events div.eventInfo {
	text-align:center;
}
#events div.eventInfo b {
	color:#000066;
}
*/

/* Style for ANIMAL SERVICES Pages */
#animal #header {background-image:url(/images/subtitle/animal.jpg);}

/* Style for BILLPAY Pages */
#billpay #header {
	background-color:#010066;
	background-image:none;
	border-bottom:6px solid #CD0001;
	height:115px;
	width:760px;
}
#billpay #content {
	border:0;
	margin:0;
	padding:0;
	width:760px;
}

/* Style for CITY HALL Pages */
#cityhall #header {background-image:url(/images/subtitle/cityhall.jpg);}

/* Style for COURTS Pages */
#courts #header {background-image:url(/images/coe_header_subtitle_courts.jpg);}

/* Style for DEPARTMENT Pages */
#department #sidebar img, #department #sidebar div {display:none;}

/* Style for ECODEV Pages */
#ecodev #header {background-image:url(/images/coe_header_subtitle_ecodev.jpg);}
#ecodev.one-column #header {background-image:url("/images/subtitle/ecodev-wide.jpg");}
#ecodev.one-column ul#navmenu {display:none;}
.one-column #main {display:block;}
#ecodev #content.no-sidebar {
	clear:both;
	float:none;
	margin:20px 0 1px 10px;
	padding:1px;
	height:auto;
	width:auto;
}

#xceligent {
	background-color:#FFFFFF;
	margin:20px 0 1px 0;
	width:740px;
}
#xceligent table, #xceligent table td, #xceligent table tr {
	background-color:#FFFFFF;
	font-size:12px;
	padding:2px;
	margin:2px;
}

/* Style for ENGINEERING Pages */
#engineering #header {background-image:url(/images/subtitle/engineering.jpg);}

/* Style for ENVIRONMENT Pages */
#environment #header {background-image:url(/images/coe_header_subtitle_environment.jpg);}

/* Style for EULESS REVITALIZATION Pages */
#er #header {background-image:url(/images/subtitle/er.jpg);}
#er.wide #header {background-image:url(/images/subtitle/er-wide.jpg);}

/* Style for FINANCE Pages */
#finance #header {background-image:url(/images/coe_header_subtitle_finance.jpg);}

/* Style for FLEET Pages */
#fleet #header {background-image:url(/images/subtitle/fleet.jpg);}

/* Style for FIRE Pages */
#fire #header {background-image:url(/images/coe_header_subtitle_fire.jpg);}

/* Style for HISTORY Pages */
#history #header{background-image:url(/images/subtitle/history.jpg);}

/* Style for HR Pages */
#hr #header {background-image:url(/images/subtitle/hr.jpg);}

/* Style for INFO Pages */
#info #header, #officialnews #header {background-image:url(/images/coe_header_subtitle_info.jpg);}

/* Style for LIBRARY Pages */
#library #header {background-image:url(/images/subtitle/library.jpg);}

/* Style for PACS Pages */
#pacs #header {background-image:url(/images/coe_header_subtitle_pacs.jpg);}
#pacs #sidebar div, #pacs #sidebar img {display: none;}

/* Style for PLANNING Pages */
#planning #header {background-image:url(/images/coe_header_subtitle_planning.jpg);}
#planning #sidebar div {display: none;}
#planning #sidebar div#default {display: block;}

/* Style for POLICE Pages */
#police #header {background-image:url(/images/coe_header_subtitle_police.jpg);}

/* Style for PUBLICWORKS Pages */
#publicworks #header {background-image:url(/images/coe_header_subtitle_publicworks.jpg);}

/* Style for PURCHASING Pages */
#purchasing #header {background-image:url(/images/coe_header_subtitle_purchasing.jpg);}

/* Style for WATER Pages */
#water #header {background-image:url(/images/subtitle/water.jpg);}

/* Style for COMPOSTING Pages */
#composting #header {
	height:115px;
	background-image:none;
	border-bottom:6px solid #CF000C;
}
#composting #header {
	height:115px;
	background-image:none;
	border-bottom:6px solid #CF000C;
}
#composting #search {display:none;}
#composting #content {
	border:0;
	padding:0;
	width:760px;
}
#composting .article {
	clear:left;
	margin-left:15px;
	width:460px;
}
#composting-subheader {
	margin:10px;
}
#composting #content img.right {
	margin:15px 20px 15px 0;
}
#composting #content h5 {
	text-align:center;
}

/* Useful Classes */
.center, #content .center, #content td.center {
	text-align:center;
}
img.center {
	margin-left:auto;
	margin-right:auto;
}
.left, #content td.left {
	text-align:left;
}
.right, #content td.right {
	text-align:right;
}
.red, #content .red {
	color:#FF0000;
}
.larger {
	font-size:larger;
}
.smaller {
	font-size:smaller;
}
#content li.no-margin, .no-margin {
	margin-bottom:0;
}
.no-top, #content .no-top {
	margin-top:0;
}
div.split, div.thirds {
	clear:both;
	overflow:hidden;
}
div.split ul, ul.split {
	float:left;
	width:50%;
}
div.thirds ul, div.thirds div {
	float:left;
	width:33%;
}
#main.no-sidebar #content,
#content.no-sidebar {
	border:0;
	width:560px;
}
#main.no-sides #content,
#content.no-sides {
	padding:0 90px 30px 90px;
	text-align:center;
	width:580px;
	border:0;
}
#content ul.half-centered {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:50%;
}

.no-subtitle #header, 
#error #header,
#events #header {
	height:115px;
	background-image:none;
	border-bottom:6px solid #CF000C;
}
#error #content {
	border:0 none;
	margin-left:100px;
	padding:15px 0 30px;
	text-align:justify;
	width:560px;
}

.clear {
	clear:both;
}

/*Table Style - iTunes Like*/
table.itunes {border:1px solid #010066;font-size:90%;width:100%;}
table.itunes th, #content table.itunes .header td, table.itunes .label {color:#FFFFFF;background-color:#010066;font-weight:bold;}
table.itunes .odd {background-color:#EDF3FE;}
table.itunes .even {background-color:#FFF;}
table.itunes td {padding:3px;}
table.itunes .selected td {background-color:#4495E7;color:#FFFFFF;font-weight:bold;}
table.itunes .selected td a:link, table.itunes th a:link {color:#FFFFFF;text-decoration:none;}
table.itunes .selected td a:hover, table.itunes th a:hover {color:#F00;text-decoration:underline;}
table.itunes .pager {background-color:#EBE8D6;}
table.itunes .pager td, table.itunes .pager table {border:0;margin:0;padding:0;}
table.itunes .odd .fieldheader {background-color:#eee;}


/*New Menu Test*/
/*
.sidemenu {
	background-image:url(/images/sidemenu.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	width:173px;
	float:left;
}
.sidemenu img {
	position:absolute;
	left:15px;
	top:137px;
}

.sidemenu h3 {
	margin:0 13px 0 10px;
	padding:65px 0 8px;
	text-align:center;
}

.sidemenu h3 a, .sidemenu h3 a:hover {
	display:inline;
	background-color:transparent;
	border:none;
	font-weight:bold;
	color:#FF0000;
	font-size:13px;
	padding:0;
}

.sidemenu h4 {
	background-color:#000066;
	color:#FFFFFF;
	font-size:11px;
	margin:0;
	padding:2px 5px;
}

.sidemenu ul {
	background-image:url(/images/sidemenu_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0;
	padding:65px 0 8px 0;
	width:171px;
}
.sidemenu li {
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0 0 3px 0;
}
.sidemenu ul li {
	border:1px solid #CCCCCC;
	margin-right:10px;
	height:auto;
	margin-bottom:3px;
	padding:0;
}

.sidemenu a:hover {
	background-image:none;;
	background-color:#ffffff;
	border:1px dotted red;
	border-right:5px solid red;
}
.sidemenu a {
	background-image:none;
	background-color:#F4F4F4;
	border:1px solid #F4F4F4;
	border-right:5px solid #F4F4F4;
	color:#000099;
	display:block;
	font-size:xx-small;
	font-weight:normal;
	letter-spacing:0px;
	line-height:1.5em;
	padding:2px 5px;
	text-decoration:none;
	vertical-align:baseline;
	width:auto;
}

.sidemenu ul ul {
	background-image:none;
	height:auto;
	padding:3px 0 0;
	width:150px;
}
.sidemenu ul ul a {
	width:auto;
}

.sidemenu ul li li {
	margin-left:5px;
	margin-right:5px;
}
*/

/*
body.test #sidemenu ul, body.test #sidemenu ul,
body.test .sidemenu ul, body.test .sidemenu ul {
	padding:0 0 8px;
}
*/

/*Code for Individual Page*/
.sidemenu a.selected, .sidemenu a.selected:hover {
	background-color:#000064;
	border-right:5px solid red;
	color:#ffffff;
}

/*Sidemenu Alteration*/

.sidemenu {
background-image:url(/images/sidemenu.jpg);
background-position:left top;
background-repeat:repeat-y;
float:left;
position:relative;
width:173px;
}
.sidemenu img {
/*
left:15px;
position:absolute;
top:137px;
*/
margin-bottom:7px;
margin-left:15px;
margin-top:-53px;
position:relative;
z-index:5;
}
.sidemenu h3 {
margin:0 13px 0 10px;
/*padding:65px 0 8px;*/
padding:0 0 8px;
text-align:center;
}
#animal .sidemenu h3 a, 
#animal .sidemenu h3 a:hover {
background-color:transparent;
border:medium none;
color:#FF0000;
display:inline;
font-size:13px;
font-weight:bold;
padding:0;
}
.sidemenu h4 {
background-color:#000066;
color:#FFFFFF;
font-size:11px;
margin:0 11px 0 10px;
padding:2px 5px;
}
.sidemenu ul {
background-image:url(/images/sidemenu_bottom.jpg);
background-position:center bottom;
background-repeat:no-repeat;
list-style-type:none;
margin:0;
/*padding:62px 0 11px;*/
padding:0 0 11px;
width:171px;
}

.sidemenu ul li {
background-image:url(/images/sidemenu.jpg);
background-position:left top;
background-repeat:repeat-y;
border:none;
height:auto;
list-style-type:none;
margin:0;
padding:3px 0 0;
}
.sidemenu a {display:inline-block;} /*Fix for IE6*/
.sidemenu a {
background-color:#F4F4F4;
background-image:none;
border-color:#D8D8D8;
border-style:solid;
border-width:1px 5px 1px 1px;
color:#000099;
display:block;
/*font-size:xx-small;*/
font-size:9px;
font-weight:normal;
letter-spacing:0;
/*line-height:1.5em;*/
margin:0 11px 0 10px;
padding:3px 5px;
text-decoration:none;
vertical-align:baseline;
width:auto;
}
.sidemenu a:hover {
background-color:#FFFFFF;
background-image:none;
border-color:red;
border-style:dotted solid dotted dotted;
border-width:1px 5px 1px 1px;
color:#F00;
}
.sidemenu ul ul {
background-image:none;
display:none;
height:auto;
padding:0;
}
/*
.sidemenu ul li li {
background-image:none;
margin:0;
}

.sidemenu ul ul a {
margin-left:15px;
width:auto;
}
*/
.sidemenu ul li li {
background-image:none;
border-left:10px solid #D8D8D8;
margin:0 11px 0 10px;
padding:0;
}

.sidemenu ul ul a {
margin:0;
width:auto;
}

.sidemenu a.selected, 
.sidemenu a.selected:link,
.sidemenu a.selected:visited,
.sidemenu a.selected:hover,
.sidemenu a.selected:active {
background-color:#000064;
border-right:5px solid red;
color:#FFFFFF;
}

#logos {
	background-color:#FFFFFF;
/*	float:left;
	clear:left;*/
	padding-bottom:10px;
	padding-right:8px;
	padding-top:20px;
	text-align:center;
	width:165px;
}
#logos img {
	/*position:static;*/
	border:none;
	margin:0;
}
#logos  a {
	background-color:#fff;
	background-image:none;
	border:none;
	display:inline;
	padding:0;
}
#logos p {
    font-size:smaller;
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}