﻿body
{
	
	background: #001200;
	color: #254b04;
}

#outer
{
	border: #096 1px solid;
}

.homepage
{
	background: url('/images/green/mcallen_goes_green.gif') no-repeat 2px 2px;
	width: 700px;
	height: 395px;
	padding: 2px;
	border: 1px solid #cdcdcd;
	position: relative;
}

.homepage a
{
	display: block;
	width: 45px;
	height: 30px;
	position: absolute;
	
}

.homepage a span
{
	display: none;
	visibility: hidden;
}

.homepage .about
{
	top: 50px;
	left: 200px;
	width: 325px;
	height: 100px;
}

.homepage .actions
{
	left: 10px;
	bottom: 105px;
}

.homepage .departments
{
	right: 18px;
	bottom: 55px
}

.homepage .videos
{
	left: 265px;
	bottom: 85px;
}
	
.homepage .tooltip
{
	display: none;
	border: 2px ridge #ccc;
	background: #fff;
	height:150px;     
	padding:10px 20px;     
	width:200px;     
	font-size:11px;     
	color:#002100; 
	z-index: 99;
}

.homepage .tooltip h2
{
	margin-top: 5px;
}

.homepage .tooltip p
{
	margin-top: 15px;
}

.homepage .tooltip a
{
	display: inline;
	position: relative;
}

#mediaspace,
.flvideo
{
	border: 1px solid #333;
	margin: 0px auto;
	padding: 3px;
	width: 700px;
}

.thumbnail
{
	background: none;
	margin-left: 15px;
}
.facebook
{
	background: url('/images/icons/social/facebook.png') left center no-repeat;
	padding: 2px 0px 2px 25px;
}

.pdf
{
	font-weight: bold;
	font-size: .9em;
	text-align: left;
}

h1
{
	background: url('images/leaf.png') no-repeat 12px 12px;
	color: #448B45;
}

.title
{
	display: none;
	visibility: hidden;
	font-size: 2.5em;
	text-align: right;
	font-style: italic;
	padding: 10px 45px 10px 10px;
	margin-right: 10px;
	background: url('images/flower.png') no-repeat right center;
	/*
	background: #448B45 url('images/titlebg.png') repeat-x;
	border: 1px solid #ccc;
	border-bottom: none;
	
	color: #dedede;
*/
}

h2
{
	margin-top: 20px;
	background: url('images/leaf.png') no-repeat left center;
	padding-left: 20px;
}

h3
{
	margin: 0px 0px 0px 21px;
}

p
{
	margin: 3px 0px 15px 0px;
}

a
{
	color: #254b04;
}

a:hover
{
	color: #0a0;
}

#maincol ul
{
	padding-left: 21px;
}

dl
{
	background: #eff0ef;
	border: 3px ridge #009900;
}


dt
{
	clear: both;
	background: url(images/bullet.gif) no-repeat left center;
	color: #07601D;
}

dd
{
	padding-bottom: 10px;
}

/************************
* PAGE HEADER			*
************************/
#topnav
{
	background-color: #448B45;
}

/*Top level menu link items style*/
.smoothmenu ul li
{
	border-color: #245b25;
	list-style-type: none;
}

.smoothmenu UL LI A:hover
{
	background: url('images/topnavbg.png') repeat-x #246B25;
}

.smoothmenu ul li ul
{
	border-color: #246b25;
}

/* Sub level menu links style */
.smoothmenu ul li ul li a
{
	color: #246B25;
}

.smoothmenu ul li ul li a:hover
{
	background: #246B25;
	color: white;
}

#sf_searchBox .sf_searchSubmit
{
	background: url('images/icon-search.png') no-repeat;
}
/************************
* LEFT COLUMN			*
************************/
#navcol
{
	background: #1a351b;
}

#navcol ul li span,
#navcol ul li a
{
	background-color: #0F790F;
	color: #fff;
	border-bottom: 1px solid #575;
}

#navcol ul li a:hover
{
	background: #35aa35;
}

#navcol ul li .active,
#navcol ul li .active a
{
	background: #448B45 url('images/LeftColumnHeader.png') repeat-x;
	color: #fff;
}

#navcol ul li .active a:hover
{
	background-color: #0a0;
}

/* SUBMENUS */
#navcol ul li ul
{
	background-color: #448B45;
}

#navcol ul li ul li a
{
	background-color: #448B45;
}

#navcol ul li ul li a:hover
{
	color: #fff !important;
	background: #459545;
}

#navcol ul li ul li .selected
{
	background: #246B25;
}

#navcol ul li ul li .selected:hover
{
	background: #459545;
}

#navcol ul .menu a
{
	background: #043405;
}

#navcol ul li .menu a:hover
{
	background: #044B05;
}

#navcol ul li .menu .selected
{
	background: #448B45;
}

#navcol ul li .menu .selected:hover
{
	background: #459545 !important;
}

#navcol ul li .single a,
#navcol ul li .single span
{
	background: #1a351b !important;
}
#navcol ul li .single .selected
{
	background: #007500 url('images/bullethover.gif') no-repeat 173px 12px;
}
#navcol .RadTreeView ul .rtLI select 
{
	width: 150px !important;
}

/********************
* Department Conact	*
********************/
#navcol address
{
	margin: 10px 0px;
}

#navcol address strong
{
	color: #1F7900;
}

#navcol address a,
#navcol ul li address a
{
	color: #1F7900;
}

#navcol address a:hover,
#navcol ul li address a:hover
{
	color: #1842E6;
}

/************************************
* PARK AMENITIES					*
************************************/
#myMap
{
	height: 250px !important;
	width: 300px !important;
	position: relative;
}

.parklist li
{
	background: url('images/parkicons.png') no-repeat left center;
	height: 30px;
	padding: 15px 0px 0px 50px;
}

.parklist .fountains
{
	background-position: 0px -2140px;
}

.parklist .playground
{
	background-position: 0px -885px;
}

.parklist .restrooms
{
	background-position: 0px -1720px;
}

.parklist .grills
{
	background-position: 0px -465px;
}

.parklist .tables,
.parklist .benches
{
	background-position: 0px -604px;
}

.parklist .volleyball
{
	background-position: 0px -2px;
}

/************************************
* TABLEBOX							*
************************************/
.tablebox
{
	border: 1px solid #9c9;
}

.tablebox caption
{
	background: #fafffa;
	color: #254B04;
}

.tablebox td
{
	background: #f5fff5;
}

.tablebox .alt
{
	background: #f9fff9;
}

.tablebox th, .tablebox .alt th
{
	color: #fff;
	background: #459545;
	border: 1px solid #ccc;
	text-align: center;
}

.tablebox th a, .tablebox .alt th a
{
	color: #fff;
}


/* Map */
#mapviewer
{
	border: 1px solid #ccc;
	padding: 2px;
	margin-left: 20px;
}

#LME_maplinks
{
	background: #f5f1e6;
	padding: 0px 10px;
}

#LME_maplinks a
{
	font-size: .9em;
	font-weight: normal;
	text-decoration: underline;
	color: #335;
	text-align: right;
}

#tabnav {
background:#f5f5f5;
border:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left: #448B45 solid 3px;
border-right: #448B45 solid 3px;
border-top: #448B45 solid 3px;
height:156px;
}
#tabnav ul {
margin:0;
padding: 0px;
}
#tabnav li {
border-right:1px solid #fff;
float:left;
list-style-type:none;
padding-left:1px;
text-align:center;
width:182px;
background: none;
padding: 0px !important;
}
#tabnav a {
color:#333333;
display:block;
font-size:11px;
height:122px;
padding:17px;
position:relative;
text-decoration:none;
word-spacing:-2px;
font-weight: normal;
}
#tabnav a.current {
background:transparent url('images/down_large.jpg') repeat scroll 0 0;
}
#tabnav img {
display:block;
margin:3px auto 5px auto;
width: 75px;
height: 75px;
}
#tabnav strong {
display:block;
font-size:13px;
}
#panels {
border:#448B45 3px solid;
border-top: none;
height:400px;
padding-bottom:20px;
position:relative;
border-top: none;

}
.panel 
{
	width: 680px;
	margin: 0px 20px 0px 0px;
color:#444444;
display:none;
left:20px;
position:absolute;
top:20px;
}

#panels p.more {
color:#000000;
font-weight:bold;
}
#panels h2 {
font-weight:normal;
margin:0 0 5px 0px;
}

#panels h3
{
	font-weight: normal;
}


