body {
background:url(../imgs/siteBG.jpg) repeat-x fixed;
}

form.search {

}

.searchBox {
padding:0px;
margin:0px;
font-size:11px;
color:#2e2e2e;
}

form.search label {
color:#2e2e2e;
}

form.search input {
color:#666666;
}

form.search .btn {
color:#2e2e2e;
}

script {

}

h1 {

}

h2 {

}

p {

}

img, img a {

}

.clear {

}


/***************************************
GLOBAL NAVIGATION BRANDING STYLES
****************************************/

.globalNav {
background:url(../imgs/globalNavBG.jpg) top left repeat-x #2e2e2e;
color:#f9f9f9;
}

.globalNav .content {

}

.globalNav .content .linkArea {

}

.globalNav .content .linkArea ul {

}

.globalNav .content .linkArea ul li {

}

.globalNav .content .linkArea ul li:hover {

}

.globalNav .content .linkArea ul li a {
color:#f9f9f9;
}

.globalNav .content .linkArea ul li a:hover {
background:url(../imgs/globalNavBGroll.gif) top no-repeat;
color:#333333;
}

.globalNav .content .helpArea {

}


/***************************************
MAIN PAGE LAYOUT STYLES
****************************************/

.page {

}




/***************************************
HEADER LAYOUT STYLES START
****************************************/

.page .header {

}

.page .header .logoArea {

}

.page .header .deptName {

}

.page .header .searchArea {

}

/***************************************
HEADER LAYOUT STYLES END
****************************************/












/***************************************
MENU LAYOUT STYLES START
****************************************/

.page .menu {
background:url(../imgs/navBG.gif) bottom left no-repeat;
}

.page .menu ul {

}

.page .menu ul li {

}

.page .menu ul li:hover {

}

.page .menu ul li a {
color:#f9f9f9;
border-left:1px solid #255e8e;
border-right:1px solid #8cc2ee;
}


.page .menu ul li a:hover {
color:#333333;
background:url(../imgs/navBGroll.jpg) top repeat-x;
}

.page .menu ul li.Dark a:hover {
color:#333333;
background:url(../imgs/navBGrollDark.jpg) top repeat-x;
}

.page .menu ul .contactInfo {
float:right;
width:290px;
text-align:right;
color:#f9f9f9;
font-size:11px;
padding:6px 8px 0px 0px;
}

.page .menu ul .contactInfo a {
color:#f9f9f9;
text-decoration:none;
border:none;
text-align:right;
float:right;
padding:0px 0px 0px 0px;
margin:0px 5px 0px 0px;
}

.page .menu ul .contactInfo a:hover {
text-decoration:underline;
background:#f9f9f9;
color:#3a77ab;
padding:0px;
height:auto;
}


/***************************************
MENU LAYOUT STYLES END
****************************************/






.page .content {
background:url(../imgs/shadowContentTopRepeat.jpg) repeat-x top left #ffffff;
border:1px solid #333333;
}


.page .content .top {

}







/***************************************
BASIC WIDGET START
****************************************/

.widget {

}

.widget .heading {
text-decoration:none;
}

.widget .heading:hover {
text-decoration:none;
cursor:pointer;
}

.widget .heading.noLink:hover {
text-decoration:none;
color:#e0ffdd;
cursor:auto;
}

.widget .heading .icon {

}

.widget .heading .icon img {

}

.widget .heading .title {
color:#e0ffdd;
text-decoration:none;
}

.widget .heading .title a {
color:#e0ffdd;
text-decoration:none;
}

.widget .heading .title a:hover {
color:#f9f9f9;
text-decoration:underline;
cursor:pointer;
}

.widget .heading .title:hover {
color:#f9f9f9;
text-decoration:underline;
cursor:pointer;
}

.widget .heading .title.noLink:hover {
color:#e0ffdd;
text-decoration:none;
cursor:auto;
}



.widget .body {

}

.widget.news .body a {
font-size:10px;
font-weight:bold;
color:#2e2e2e;
text-decoration:underline;
padding:0px 3px 0px 3px;
}

.widget.news .body a:hover {
text-decoration:none;
background:#2e2e2e;
color:#f9f9f9;
}

.widget .body .moreLink {
float:right;
}

.widget .body .moreLink.white a {
color:#ffffff;
font-weight:bold;
font-size:10px;
text-decoration:none;
}

.widget .body .moreLink.white a:hover {
color:#ffffff;
text-decoration:underline;
}

.widget .body .moreLink.color a {
color:#5f9dd0;
font-weight:bold;
font-size:10px;
text-decoration:none;
}

.widget .body .moreLink.color a:hover {
color:#5f9dd0;
text-decoration:underline;
}

/***************************************
BASIC WIDGET END
****************************************/





/***************************************
CUSTOM (news) WIDGET START 
****************************************/

/* use for MIDDLE placement */
.widget.center {

}

.widget.news .heading {
background:url(../imgs/widgetHeaderBGrepeat.jpg) top repeat-x;
}

.widget .heading a {
color:#e0ffdd;
}

.widget .heading a:hover {
color:#f9f9f9;
text-decoration:underline;
cursor:pointer;

}

.widget.news.last {

}

.widget.news.under {

}


#news {

}

#news .story .title {
color:#2e2e2e;
font-size:11px;
font-weight:bold;
}

#news .story .blurb {
color:#2e2e2e;
}

#news .story .link,
#news .story .link a {
color:#2e2e2e;
margin-bottom:15px;
}

#news .story .link a:hover {
color:#e0ffdd;
background:#2e2e2e;
}

/***************************************
CUSTOM (news) WIDGET END 
****************************************/






/***************************************
CUSTOM (linklist) WIDGET START 
****************************************/

.widget.linklist {

}

.widget.linklist .heading {

}

.widget.linklist .heading .title {
color:#f9f9f9;
border-bottom:1px solid #f9f9f9;
}

.widget.linklist .body {
}

.widget.linklist .body ul {
}

.widget.linklist .body ul li {
list-style-image:url(../imgs/preFooterListImage2.gif);
list-style-position:inside;
margin:2px 0px 2px -5px;
padding:2px 0px 2px 5px;
}

.widget.linklist .body ul li.alt {
/*background:url(../imgs/altRowBG.png) top left no-repeat;*/
background:url(../imgs/altRowBG2.jpg) top left no-repeat;
list-style-image:url(../imgs/preFooterListImage2.gif);
list-style-position:inside;
margin:2px 0px 2px -5px;
padding:2px 0px 2px 5px;
}

.widget.linklist .body ul li a {
color:#f9f9f9;
}

.widget.linklist .body ul li a:hover {

}

.widget.linklist.center {

}

.widget.linklist.last {

}

.widget.linklist.last .body ul li {
list-style-image:none;
margin:2px 0px 2px -25px;
padding:2px 0px 2px 5px;
}

.widget.linklist.last .body ul li.alt {
list-style-image:none;
/*background:url(../imgs/altRowBG.png) top left no-repeat;*/
background:url(../imgs/altRowBG2.jpg) top left no-repeat;
list-style-position:inside;
margin:2px 0px 2px -25px;
padding:2px 0px 2px 5px;
}




/***************************************
CUSTOM (linklist) WIDGET END
****************************************/










/***************************************
TOP STORY WIDGET START
****************************************/

.page .content .top .story {
border:1px solid #333333;
}

.page .content .top .story #holder {

}

.page .content .top .story #holder .image {
background:#666666;
}

.page .content .top .story #holder .text {

}

.page .content .top .story #holder .text .date {
color:#2e2e2e;
}

.page .content .top .story #holder .text .title {
color:#2e2e2e;
}

.page .content .top .story #holder .text .date.mayor,
.page .content .top .story #holder .text .title.mayor {
color:#3c79ad;
}

.page .content .top .story #holder .text .subTitle {
color:#2e2e2e;
}

.page .content .top .story #holder .text .storyText {
color:#2e2e2e;
}

.page .content .top .story #holder .text .storyText a {
color:#2e2e2e;
}

.page .content .top .story #holder .text .storyText a:hover {
color:#3c79ad;
}

.page .content .top .story .thumbnailList {
background:#cccccc;
}

/***************************************
TOP STORY WIDGET END
****************************************/




.page .content .top .siteImage {
border:1px solid #2e2e2e;

}


.page .content .middle {
background:url(../imgs/infoAreaBGrepeat.jpg) top left repeat-x;
}




/***************************************
INFO WIDGET START

.page .content .middle .infoWidget {
width:310px;
height:170px;
float:left;
padding:0px;
margin:0px;
height:280px;

}

.page .content .middle .infoWidget .heading {
height:30px;

background:url(../imgs/widgetHeaderBGrepeat.jpg) top repeat-x;
}

.page .content .middle .infoWidget .heading .icon {
width:35px;
float:left;
margin:0px 15px 0px 0px;
}

.page .content .middle .infoWidget .heading .icon img {
margin:-5px 10px 0px 10px;
}

.page .content .middle .infoWidget .heading .title {
color:#f9f9f9;
font-size:14px;
float:left;
padding:3px 0px 0px 0px;

}

.page .content .middle .infoWidget .body {
padding:5px 0px 0px 12px;

}

.page .content .middle .infoWidget.middle {
margin:0px 9px 0px 9px;
}

INFO WIDGET END
****************************************/


.page .content .bottom {
background:url(../imgs/preFooterBGrepeat.jpg) top left repeat-x;
}

.page .content .bottom .between {
background:url(http://www.phila.gov/phillycounts/imgs/betweenWidgets.gif) center center no-repeat;
}



/****************************************
LIST WIDGET START

.page .content .bottom .listWidget {
width:300px;
float:left;
padding:5px;
margin:0px;
}

.page .content .bottom .listWidget .heading {
}

.page .content .bottom .listWidget .heading .title {
font-size:14px;
color:#f9f9f9;
border-bottom:1px solid #f9f9f9;
margin:0px 0px 5px 0px;
}

.page .content .bottom .listWidget .body {
padding:0px;
}

.page .content .bottom .listWidget .body ul {
padding:0px 0px 0px 15px;
margin:0px;
}

.page .content .bottom .listWidget .body ul li {
padding:0px 0px 0px 4px;
margin:4px 0px 4px 0px;
width:280px;
list-style-image:url(../imgs/preFooterListImage.png);
}

.page .content .bottom .listWidget .body ul li.alt {
width:280px;
background:url(../imgs/altRowBG.png) top left no-repeat;
list-style-image:url(../imgs/preFooterListImage.png);
}

.page .content .bottom .listWidget .body ul li a {
color:#f9f9f9;
}

.page .content .bottom .listWidget .body ul li a:hover {
text-decoration:none;
}

.page .content .bottom .listWidget.middle {
width:310px;
float:left;
padding:0px;
margin:5px 5px 0px 5px;
}

LIST WIDGET END
****************************************/





.page .footer {
background:url(../imgs/footerBg.gif) bottom left no-repeat;
}

.page .footer .footerContent {
color:#f9f9f9;
}


.page .footer .footerContent a {
color:#f9f9f9;
text-decoration:underline;
}


.page .footer .footerContent a:hover {
color:#f9f9f9;
text-decoration:none;
}