/*Project 023/004*/

body {
	background-color: #654;
}

div.inner-content h1 {
	/*border: 1px solid #fff;*/
	border: none;
	background-color: #660000 !important;		
	border-bottom: 6px solid #330000;
	padding: 5px 0 3px 7px;  /*top right bottom left*/
	margin: 8px 8px 0px 8px;  /*top right bottom left*/
	vertical-align: top;
	color: #FFFFFF;
}

/* header image */

div.header-img {
	width: auto;
	margin: 0 0 0 8px;
	display: block;
}

div.center h1 span {
	font-size: 65%;
}

/* Quote within content */

div.contentQuote {
	border-left: 6px solid #cccc99;
	padding: 10px 36px 10px 30px;
	font-style: italic;
}

/* Left menu */

.left {
	/*margin-top: 13px;*/
}

ul.nav {
	width: auto;
	background-color: #ffffcc;
	}

ul.nav li {
	border: none;
	margin: 0;
	padding: 0;
	display: block;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
	margin: 0;
	background-color: #ffffcc;
	border-top: 1px solid #ffffcc;
	border-bottom: 1px solid #ffffcc;
	border-left: 1px solid #ffffcc;
	border-right: 6px solid #ffffcc;
	padding: 6px 4px 4px 9px; /*top right bottom left*/
	font-weight: bold;
	font-size: .90em;
	color: #000;
}

ul.nav li a.menulink:hover {
	margin: 0;
	color: #000000;
	background-color: #ffffcc;
	border-top: 1px solid #cccc99;
	border-bottom: 1px solid #cccc99;
	border-left: 1px solid #cccc99;
	border-right: 6px solid #660000;	
	padding: 6px 4px 4px 9px; /*top right bottom left*/
}

ul.nav li span.on-state {
	margin: 0;
	color: #660000;
	background-color: #ffffcc;
	border-top: 1px solid #cccc99;
	border-bottom: 1px solid #cccc99;
	border-left: 1px solid #cccc99;
	border-right: 6px solid #660000;
	padding: 6px 4px 4px 9px; /*top right bottom left*/
	font-weight: bold;
	font-size: .90em;
	width: 130px;
	
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
	margin: 0;
	color: #660000;
	background-color: #ffffcc;
	border-top: none !important;
	border-bottom: none !important;
	border-left: 1px solid #cccc99;
	border-right: 6px solid #660000;
	padding: 6px 4px 4px 9px; /*top right bottom left*/
	font-weight: bold;
	font-size: .90em;
	width: 130px;
}

.center a {
	background-color: transparent;
}



/* Left menu - sub-menu classes */

ul.nav3, ul.nav3 li {
	margin: 0;
	padding:0;
}

ul.nav3 li span.on-state {
	margin: 0;
	font-weight: normal;
	color: #660000;
	padding: 4px 3px 5px 19px !important; /*top right bottom left*/
	border-top:none !important;
	border-right:6px solid #660000;
	border-left:1px solid #cccc99;
	border-bottom:none !important;
	width: 121px !important;
}

/* Added to create a border for the sub menu levels */

ul.nav li.submenu-border span.on-state {
	border-bottom:0;
	border-top:0;
} 

ul.nav li.submenu-border {
	border-top: 1px solid #cccc99;
	border-bottom: 1px solid #cccc99;
}


ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited {
	padding: 4px 10px 4px 19px; /*top right bottom left*/
	margin: 0; 
	font-size: 100%;
	border: none;
}

/* sub menu levels */

ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
	display: block;
	margin: 0;
	font-weight: normal;
	padding: 4px 3px 5px 19px !important; /*top right bottom left*/
	border-top:none !important;
	border-left:1px solid #cccc99 !important;
	border-bottom:none !important;
	border-right: 6px solid #660000 !important;
	width: 121px;
}

ul.nav3 li a.menulink:hover {
	margin: 0;
	font-weight: normal;
	color: #660000;
	padding: 4px 3px 5px 19px !important; /*top right bottom left*/
	border-top:none !important;
	border-left:1px solid #cccc99;
	border-bottom:none !important;
	border-right:6px solid #660000;
	width: 121px !important;
}

/* Adjustnment for the Proactive Disclosure Button */

#procontainer li a.menulink:hover {
	margin: 0;
	color: #000000;
	background-color: #ffffcc;
	border-top: 1px solid #cccc99;
	border-bottom: 1px solid #cccc99;
	border-left: 1px solid #cccc99;
	border-right: 6px solid #660000;
	padding: 6px 4px 4px 9px; /*top right bottom left*/
}

/* See Also Box */

.right-navigation div#title, .right-navigation div#title3  {
	margin: 0px 0px 0px 0px;  /*top right bottom left*/
	padding: 7px;
	width: auto;
	background-color: #660000;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.05em;
	border: 1px solid #ccc;
}

/* Right navigation and side image */

div.right-navigation-image {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
}

div.image-container {
	background-color: #ffffff;
	border-bottom: 1px solid #cccc99;
}

div.image-container a, div.image-container a:link, div.image-container a:visited, div.image-container a:hover, div.image-container a:active
{
	color: #000000;
}

div.image-container p {
	color: #000000;
	font-size:0.82em;
	padding: 0px 9px 5px 9px;  /*top right bottom left*/
}

div.image-container img {
	padding:10px 3px 3px 5px;  /*top right bottom left*/
}

/* Image display on pages within content */

.content-image-container {
	float: right;
	width: 170px;
	margin: 0px 10px 20px 10px; /*top right bottom left*/
	padding: 10px 0px 10px 0px;
	border: 1px solid #cccc99;
}

.content-image-container img {
	padding: 0px 10px 0px 10px; /*top right bottom left*/
}

.content-image-container p {
	font-size:0.82em;
}

/* sub section page links such as on page The Cabinet */

div.subsectionpage-links {
	font-size: 0.95em;	
	}
	
div.subsectionpage-links ul {
	list-style-type: square;
	}
	
div.subsectionpage-links ul li a:link, div.subsectionpage-links ul li a:visited {
	color: #000000;
	text-decoration: underline;
	}

div.subsectionpage-links ul li a:hover {
	color: #660000;
	text-decoration: underline;
	}
	
.subsectionpage-link-active {
	font-weight: bold;
	color: #660000;
	}	
	
div.subsectionpage-links dl dd a:link {
	color: #000000;
	text-decoration: underline;
	}

div.subsectionpage-links dl dd a:visited {
	color: #660000;
	text-decoration: underline;
	}	

div.subsectionpage-links dl dd a:hover {
	color: #660000;
	text-decoration: none;
	border-bottom: 1px dotted #660000;
	}	
	

/* images gallery two images side by side  */

.gallery-image-container {
	float: left;
	width: 186px;
	margin-right: 65px;
	border: none;
	padding: 0;
}
.gallery-image-title {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
}
.gallery-image-container p {
	font-size: 0.82em;
	line-height: 1.3em;
}
.gallery-image-container a, .gallery-image-container a:link, .gallery-image-container a:visited, .gallery-image-container a:active {
	color: #000000 !important;
}

.gallery-image-container a:hover {
	color: #660000 !important;
}
.gallery-image {
	border: 1px solid #cccc99;
	margin: 10px 8px 0 10px;
	padding: 8px;
}


/* Styles for Gallery pages numerical page navigation */

#page-list-container {
border-top: 1px solid #cccc99;
border-bottom: 1px solid #cccc99;
margin: 10px 0px 0px 0px;
padding: 1px 0px 1px 0px;
height: 1.2em;
}

#page-list-container-bottom {
border-top: 1px solid #cccc99;
border-bottom: 1px solid #cccc99;
margin: 10px 0px 0px 0px;
padding: 1px 0px 1px 0px;
height: 1.2em;
}



/* Gallery pages - for numerical page navigation */

ul.page-list2 {
list-style-type: none;
margin: 0px;
padding: 0px 10px 0px 10px;
}

ul.page-list2 li {
display: inline;
}

ul.page-list2 a, ul.page-list2 a:link, ul.page-list2 a:active, ul.page-list2 a:visited {
font-size: 0.9em;
text-decoration: none;
font-weight: bold;
display: block;
float: right;
/*width: 22px;*/
/*width: 14.5px;*/
width: 33px;
background-color: white;
color: black;
margin: 0px;
padding: 0px;
text-align: center;
}

ul.page-list2 span {
color: #999999;
font-size: 0.9em;
text-decoration: none;
display: block;
float: right;
/*width: 22px;*/
/*width: 14.5px;*/
width: 33px;
background-color: white;
margin: 0px;
padding: 0px;
text-align: center;
}

ul.page-list2 a:hover {
background-color: #cccc99;
color: black;
}


/* For page navigation on pages needing prev next */

div.page-navigation {
font-size: 0.85em;
padding: 10px 10px 10px 0px; /*top right bottom left*/	
text-align: right;
vertical-align: bottom;
}

/* Image display on Browse Virtual Cabinet */

div.img-BVC p {
font-size: 0.85em;
padding: 2px;
margin: 5px 5px 5px 15px;
width: 125px;

} 

div.img-container-BVC {
padding: 0;
margin: 5px 0px 5px 10px;
width: 125px;
text-align: left;

}

div.img-container-BVC img {
border: 1px solid #cccc99;
padding: 9px;
display: block;
margin: 0;
} 



/* stuff for new page turning */

div.bigImageContainer{
width: 100% !important;
display: table;
overflow: hidden;

}

div.source_link{
text-align: center;
margin-top: 20px;
}

div.page_jump_form{
width: 100%;
display: table;
text-align: right;
}
div.page_jump_form form{
padding: 0px 15px 0px 0px;
}


/*p.page_nav_container{
text-align: right;
}

p.return_link_1{
float: left;
}
p.return_link_2{
float: right;
text-align: right;
}*/

/*  Page turning Gallery classes */

.page_nav_container_gallery {
width: 50%;
text-align: right;
padding-top: 10px;
padding-bottom: 5px;
padding-right: 10px;
float: right;
/*clear: left;*/

}

.return_link_gallery {
width: 45%;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 10px;
text-align: left;
float: left;
/*clear: left;*/
}


/*Genapp  Page turning classes */


.page_turning_container {
/*border: 1px solid #DDD;*/
width: 600px;
/*float: right;*/
text-align: center;
margin: 0 auto;

}

.image_container {
width: 600px;
text-align: center;
margin: 0 auto;

}

.source_link {
width: 100%;
text-align: center;
/*clear: left;*/
padding-top: 5px;
font-weight: bold;
font-size: .80em;
margin-top: 20px;

}

.page_nav_container {
width: 100%;
text-align: right;
padding-top: 10px;
padding-bottom: 5px;
float: right;
clear: left;

}

.page_jump_form {
width: 100%;
padding-top: 10px;
text-align: right;
clear: left;
}

.return_link_1 {
width: 45%;
padding-bottom: 5px;
text-align: left;
float: left;
clear: left;
}

.return_link_2 {
width: 45%;
padding-bottom: 5px;
text-align: right;
float: right;
}

/*End*/


