html { 
    /* always show firefox scrollbar, to prevent horizontal shift. */
    overflow:-moz-scrollbars-vertical; 
}

/* "Edit Module" button that appears on the front-end for authorized users. */
.webmodules_editModuleLink,
a.webmodules_editModuleLink,
a.webmodules_editModuleLink:link,
a.webmodules_editModuleLink:visited {
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute; /*preserve layout*/
    font-size: 100%;
    color: Blue;
    font-weight: normal;
    text-decoration: underline;
    z-index: 9999; /*CMS buttons should always be on top.*/
}
.webmodules_editModuleLink:hover,
a.webmodules_editModuleLink:hover {
    font-size: 100%;
    color: #00A2FF;
}

/* "Edit Page" button that appears on the front-end for authorized users. */
.webmodules_editPageLink,
a.webmodules_editPageLink,
a.webmodules_editPageLink:link,
a.webmodules_editPageLink:visited {
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute; 
    top: 5px;
    left: 5px;
    font-size: 100%;
    color: Blue;
    font-weight: normal;
    text-decoration: underline;
    z-index: 9999; /*CMS buttons should always be on top.*/
}
.webmodules_editPageLink:hover,
a.webmodules_editPageLink:hover {
    font-size: 100%;
    color: #00A2FF;
}

/* sub navigation highlighted/activated style. */
.subnav .on a:link, .subnav .on a:visited, .subnav .on a:hover, .subnav .on a:active {
	background-color: #00FF00;
}

/******************************************************************************
 main navigation menu. 
******************************************************************************/
.mainNavDropDown {
    z-index: 99; /* do not remove; fixes IE8 rendering issue. */
    padding: 10px 0px 0px 0px;
    margin-top: -3px;
}

/* the <table> element for each menu item. */
.mainNavDropDown_item {
}

/* this <td> is contained by the <table> above. */
.mainNavDropDown_item td {
}

/* this <a> is contained by the <td> above. */
.mainNavDropDown_item a {
    display: block; /* do not mess with this. */
}

/* do *not* put multiplicative things like padding in here. */
.mainNavDropDown_item, /* required */
.mainNavDropDown_item a, /* required */
.mainNavDropDown_item a:link, /* required */
.mainNavDropDown_item a:visited /* required */ {
	background-color: #00FF00;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    width: 15em;
    padding: 10px 5px;
}

/* the <table> element for each menu item. */
.mainNavDropDown_item_hover {
}

/* this <td> is contained by the <table> above. */
.mainNavDropDown_item_hover td /* important */ {
}

/* this <a> is contained by the <td> above. */
.mainNavDropDown_item_hover a {
    display: block; /* do not mess with this. */
}

/* do *not* put multiplicative things like padding in here. */
.mainNavDropDown_item_hover, /* required */
.mainNavDropDown_item_hover a, /* required */
.mainNavDropDown_item_hover a:link, /* required */
.mainNavDropDown_item_hover a:visited, /* required */
.mainNavDropDown_item_hover a:hover, /* required */
.mainNavDropDown_item_hover a:active /* required */ {
	background-color: #00FF00;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    width: 15em;
    padding: 10px 5px;
}


body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Myriad Pro, Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
background-image: url(/app_themes/pandj/images/big_bg.jpg);
background-repeat:no-repeat;
background-position:top center;
background-color: #171717;
}

a {
color: #000000;
}

h1 {
font-size: 18px;
color: #000000;
line-height: 23px;
}

h2 {
font-size: 16px;
color: #000000;
line-height: 19px;
}

h3 {
font-size: 14px;
}

h4 {
font-size: 12px;
color: #000000;
}

h5 {
margin-bottom: -12px;
font-size: 14px;
}

p {
font-size: 12px;
line-height: 18px;
}

ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
padding-top: 20px;
padding-left: 30px;
line-height: 18px;
}

.shadow {
background-image: url(/app_themes/pandj/images/shadow1.png);
background-position: center top;
background-repeat: no-repeat;
width: 975px;
height: 500px;
}

.wrapper {
width: 951px;
min-height: 500px;
height: 500px;
height: auto;
background-color: #ffffff;
}

.flash_area img {
border: none;
}

.header {
width: 951px;
}

.header img {
border: none;
}

.p_holder, .p_holder p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.header_text {
text-align: right;
margin-right: 20px;

}

.header_nav p {
color: #888888;
}

.header_nav a {
color: #888888;
text-decoration: none;
margin-left: 5px;
margin-right: 5px;
}

.header_nav a:hover {
color: #000000;
}

.gray_content {
background-color: #c2c2c2;
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
}

.gray_content h3 {
margin-top: 0px;
padding-top: 0px;
}

.gray_right {
background-color: #8a8a8a;
}

.wrapper {
margin-left: 12px;
margin-top: 12px;
}

.top_down {
margin-top: 50px;
}

.pri_nav {
background-image: url(/app_themes/pandj/images/nav_bg.jpg);
height: 31px;
width: 951px;
background-repeat: repeat-x;
}


.search {
margin-right: 10px;
background-image: url(/app_themes/pandj/images/search_bg.jpg);
border: none;
height: 14px;
width: 130px;
}

.search_bar {
margin-right: -20px;
}

.footer {
width: 951px;
background-color: #8a8a8a;
}

.footer_text {
margin-left: 15px;
color: #cccccc;
font-size: 9px;
}

.footer_links {
color: #cccccc;
text-align: right;
margin-right: 15px;
font-size: 10px;
}

.footer_links a {
margin-left: 3px;
margin-right: 3px;
color: #cccccc;
text-decoration: none;
}

.footer_links a:hover {
color: #ffc425;
}

.news_container {
width: 310px;
margin-bottom: 30px;
}

.news_buttons {
width: 310px;
height: 35px;
}

.news_content {
width: 308px;
border-left: solid 1px #8a8a8a;
border-right: solid 1px #8a8a8a;
border-bottom: solid 1px #8a8a8a;
padding-bottom:10px;
}

.content_area {
margin-top: 20px;
}

.home_content {
padding-left: 25px;
padding-right: 25px;
}

.home_content_r {
padding-left: 35px;
padding-right: 25px;
}

.home_content_r img {
border: 1px solid #888888;
}

.sub_nav 
{
    margin-top:42px;
    width: 206px;
    background-color: #8a8a8a;
}

.lightgray {
background-color: #c2c2c2;
width: 206px;
}

.gbordertop {
border-top: 1px solid #8a8a8a;
}

.gborderright {
border-right: 1px solid #8a8a8a;
}

.gborderleft {
border-left: 1px solid #8a8a8a;
}

.gborderbottom {
border-bottom: 1px solid #8a8a8a;
}

.breadcrumbs {
font-size: 11px;
color: #888888;
padding-left: 20px;
padding-top: 0px;
margin-bottom: -10px;
}

.breadcrumbs a {
color: #888888;
text-decoration: none;
}


.breadcrumbs a:hover {
color: #222222;
}

.sub_content_top {
margin-top: 10px;
}

.sub_content {
width: 515px;
padding-bottom: 15px;
}

.sub_content_body_top img
{
border-top: solid 1px #8a8a8a;
border-bottom: solid 1px #8a8a8a;
}

.sub_content_body_top h1
{
padding-top:0px;
padding-left:15px;
padding-bottom:10px;
margin-bottom:0;
margin-top:9px;
}

.sub_content_body_top p
{
    padding:0;
    margin:0;
}

.sub_content_body 
{
    padding-left: 15px;
    padding-right: 15px;
}

.sub_content_r {
padding-top:36px;
padding-left: 15px;
padding-right: 15px;
width: 198px;
}

.sub_nav ul {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
padding-left: 20px;
padding-top: 15px;
padding-bottom: 15px;
}

.sub_nav li {
line-height:21px;
margin-bottom: 10px;
}

.sub_nav li a {
text-decoration: none;
color: #ffffff;
font-size: 14px;

}

.sub_nav li a:hover, .sub_nav li a.on {
color: #ffc424;
}


.sub_content_alt {

}

.sub_content_alt_body_top p
{
    margin:0;
    padding:0;
}

.sub_content_alt_body
{
    margin-left:20px;
    margin-right:20px;
}

.sub_content_alt img {
border-left: 1px solid #8a8a8a;
border-right: 1px solid #8a8a8a;
}

.sub_content_alt p {
line-height: 13px;
}

.sub_content_alt td img {
border-left: none;
border-right: none;
}








.leftspace {
padding-left: 25px;
}

.abs1 {
width: 218px;
margin-top: -260px;
margin-left: 515px;
}
.abs1 img 
{
	border: none;
}

.keyword-search-focused
{
	color: Black;
}
.keyword-search-unfocused
{
	color: Gray;
}





.cnav
{
	display:block;
	width:218px;
}

#cnav1
{
	height:41px;
	background: url('/app_themes/pandj/images/cnav1.jpg');
}
#cnav1:hover, #cnav1.activeSlide
{
	background: url('/app_themes/pandj/images/cnav1_ov.jpg');
}

#cnav2
{
	height:37px;
	background: url('/app_themes/pandj/images/cnav2.jpg');
}
#cnav2:hover, #cnav2.activeSlide
{
	background: url('/app_themes/pandj/images/cnav2_ov.jpg');
}

#cnav3
{
	height:23px;
	background: url('/app_themes/pandj/images/cnav3.jpg');
}
#cnav3:hover, #cnav3.activeSlide
{
	background: url('/app_themes/pandj/images/cnav3_ov.jpg');
}

#cnav4
{
	height:20px;
	background: url('/app_themes/pandj/images/cnav4.jpg');
}
#cnav4:hover, #cnav4.activeSlide
{
	background: url('/app_themes/pandj/images/cnav4_ov.jpg');
}

#cnav5
{
	height:24px;
	background: url('/app_themes/pandj/images/cnav5.jpg');
}
#cnav5:hover, #cnav5.activeSlide
{
	background: url('/app_themes/pandj/images/cnav5_ov.jpg');
}

#cnav6
{
	height:19px;
	background: url('/app_themes/pandj/images/cnav6.jpg');
}
#cnav6:hover, #cnav6.activeSlide
{
	background: url('/app_themes/pandj/images/cnav6_ov.jpg');
}

#cnav7
{
	height:24px;
	background: url('/app_themes/pandj/images/cnav7.jpg');
}
#cnav7:hover, #cnav7.activeSlide
{
	background: url('/app_themes/pandj/images/cnav7_ov.jpg');
}

#cnav8
{
	height:20px;
	background: url('/app_themes/pandj/images/cnav8.jpg');
}
#cnav8:hover, #cnav8.activeSlide
{
	background: url('/app_themes/pandj/images/cnav8_ov.jpg');
}

#cnav9
{
	height:22px;
	background: url('/app_themes/pandj/images/cnav9.jpg');
}
#cnav9:hover, #cnav9.activeSlide
{
	background: url('/app_themes/pandj/images/cnav9_ov.jpg');
}

#cnav10
{
	height:29px;
	background: url('/app_themes/pandj/images/cnav10.jpg');
}
#cnav10:hover, #cnav10.activeSlide
{
	background: url('/app_themes/pandj/images/cnav10_ov.jpg');
}

.banner-image
{
  border-bottom: black 1px solid; 
  border-top: black 1px solid;
  margin-left:-20px;
}

.three-column-banner-image
{
	margin-top: -1px;
	margin-left:-15px;
	border-bottom: black 1px solid; 
	border-top: black 1px solid;

}

.main-menu
{
    display:inline;
    float:left;
}

.static-image
{
}

.dynamic-menu
{
    z-index:500 !important;
	position: absolute;
}

.dynamic-menu-item
{
	color: #000000 !important;
	background-color: #DDDDDD !important;
	padding: 7px 7px 7px 7px;
	border-bottom: 1px #999999 solid !important;
}

.dynamic-menu-hover
{
	color: #ffc425 !important;
	background-color: #999999 !important;
}

a.project-summary-title {
font-size: 14px;
text-decoration:none;
margin-bottom:-12px;
font-weight:bold;
display:block;
}

a.project-summary-title:hover {
text-decoration:underline;
}


div.project-list-summary-page
{
    border: solid 1px #c2c2c2;
    padding: 3px 3px 3px 3px;
    display:inline;
    float:left;
    margin-right: 5px;
}

.project-list-summary-page a
{
    text-decoration:none;
}

div.project-list-summary-page:hover, div.project-list-summary-page.active
{
    background-color: #c2c2c2;
}

.project-list-summary-page span
{
    color:White;
}

div.project-list-summary-page:hover a
{
    color: White;
}

.slide
{
    height: 250px;
    overflow:hidden;
}