/***************************************************
Pride and Dignity CSS
***************************************************/

div.center h1 {
	color: #ffffff;
	/* background : url(../091/020005-misc01.jpg) no-repeat; */
	background-color: #333366;	
	border : White;
}
h1#services_header #cont {
	color: #fff;
}

/* top level menu */

div.left li.menucontent, div.left div.menucontent, div.left a.menulink 
{
	color: Black;
	background-color: #cccccc;
}

div.left a:hover.menulink
{
	color: White;
	background-color: #333366;
	text-decoration: none;
}

.left
{
	background-color: #cccccc;
	overflow: hidden;
	width: auto;
}

.left ul
{
	list-style-type: none;
	background-color: #cccccc;
	float: left;
}

.left li 
{
	color: Black;
	border-bottom: 1px solid #ffffff;
	background-color: #cccccc;
		padding-top: 5px;
	padding-bottom: 5px;
}

.left a, .left a:link, .left a:visited, .left a:active
{
	text-decoration: none;
	color: White;
	background-color: #333366;
	padding: 5px 0px 5px 5px;
	display: block;
}

ul.nav 
{
	width: 150px;
	float: left;
	background : #cccccc;
	color : Black;
}

ul.nav li 
{
	background : #cccccc;
	color : Black;
	border-bottom: 1px dotted White;
}

ul.nav li a, ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited 
{
	background : #cccccc;;
	color : Black;	
}

.left a.linked_on-state:link, .left a.linked_on-state:visited 
{
	text-decoration: none;
	background : #cccccc;
	color : Black;
	display: block;
	padding: 5px;
}

span.on-state 
{
	background-color: #333366;
	color: #ffffff;
	padding: 5px;
	display: block;
}

a.on-state 
{
	background-color: #333366;
	color: #ffffff;
	display: block;
	padding: 5px 5px 5px 10px;
}

.left a.linked_on-state:link, .left a.linked_on-state:visited{
	background-color: #333366;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
}


/*FOR NUMERICAL PAGE NAVIGATION*/

div.page-navigation  {
	font-size: 0.85em;
	text-align: right;
	padding: 10px 35px 10px 0px;
			
}

span.activity {
	font-size: 1.10em;
	text-align: right;
	
}

/* secondary menu */

ul.nav li ul.nav3 
{
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	background : #cccccc;
	color : Black;
}

ul.nav3 li 
{
	border: 0;
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
	background-color: transparent;
}

ul.nav li ul.nav3 li a, ul.nav li ul.nav3 li a:link, ul.nav li ul.nav3 li a:active, ul.nav li ul.nav3 li a:visited 
{
	border: 0;
	margin: 0;
	background : #cccccc;
	color : Black;
	padding: 5px 0px 5px 10px;
}

ul.nav li ul.nav3 li a:hover 
{
	background-color: #333366;
	color: #ffffff;
	display: block;
	padding: 5px 5px 5px 10px;
}

ul.nav li ul.nav3 li span.on-state 
{
	background-color: #333366;
	color: #ffffff;
	display: block;
	padding: 5px 5px 5px 10px;
}

ul.nav li ul.nav3 li a.on-state 
{
	background-color: #333366 !important;
	color: #ffffff !important;
	display: block;
	padding: 5px 5px 5px 10px;
}






/*ul.nav3 li a.on-state 
{
	background-color: #333366;
	color: #ffffff;
	display: block;
	padding: 5px 5px 5px 10px;
}

ul.nav li a.on-state 
{
	background-color: #333366;
	color: #ffffff;
	display: block;
	padding: 5px 5px 5px 10px;
} */

 /* Nav images */

div.left-navimage1
{
	width: 150px;
	height: 99px;
	padding: 0;
	margin: 0;
}

div.left-navimage1
{
	background: #ffffff url(/020/005/091/020005-misc02.jpg) no-repeat;
}

div.left-navimage2
{
	float: right;
	width: 150px;
	height: 103px;
	padding: 0;
	margin: 0;
}

div.left-navimage2
{
	background: #ffffff url(/020/005/091/020005-misc03.jpg) no-repeat;
}

div.right-nav-image
{
	text-align : left;
}

 /* for Photo page only */
 
.image-container 
{
	width: 569px;
	float: right;
	background-color: #fff;
	padding : 5px;
}

.image 
{
background-color: transparent;
float: left;
width: 165px;
margin: 1px 15px 0px 0px;
}

.source 
{
	text-align: left;
}

 /* footer */

p.bottom-link
{
	font-size: 0.85em;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;	
}

p.bottom-link a:link, p.bottom-link a:visited, p.bottom-link a:hover, p.bottom-link a:active, p.bottom-link span.bottom-link-on-state
{
	color: #333366;
}

p.bottom-link a:hover
{
	text-decoration: none;
}


#procontainer ul.nav li a.menulink

{

padding-left: 20px;

padding-right: 20px;

}