/* project classes */

body
{
background-color: #660000;
}

div.center h1
{
background: url(../091/024003-misc01.jpg) no-repeat top left;
padding: 15px;
margin: 5px;
text-align: center;
color: #000;
display: block;
font-size: 1.30em;
border: 1px solid #ccc;
}

h2.misc02
{
background: url(../091/024003-misc02.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc04
{
background: url(../091/024003-misc04.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc05
{
background: url(../091/024003-misc05.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc06
{
background: url(../091/024003-misc06.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc07
{
background: url(../091/024003-misc07.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc08
{
background: url(../091/024003-misc08.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc09
{
background: url(../091/024003-misc09.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc10
{
background: url(../091/024003-misc10.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc11
{
background: url(../091/024003-misc11.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc12
{
background: url(../091/024003-misc12.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc13
{
background: url(../091/024003-misc13.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc14
{
background: url(../091/024003-misc14.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}

h2.misc15
{
background: url(../091/024003-misc15.jpg) no-repeat top left;
padding: 30px 10px 40px 10px;
text-align: left;
color: #000;
display: block;
font-size: 1.30em;
}


div.image-container img
{
margin: 0 auto;
padding: 0 0 0px 0;
border: 5px solid #ccc;
}

div.image-container p
{
font-size: 0.85em;
padding: 0;
margin: 2px 2px 5px 5px;
}

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.index-header-img
{
margin: 0px 0px 0px 5px;
padding: 0;
text-align: center;
}





/************* LEFT MENU **************/


/************* LEFT MENU **************/
/*.left {overflow: visible;}*/

ul.nav {
background-color: #fff;
color: #000;
width: 148px;
}

ul.nav li {
background-color: #fff;
color: #000;
border: none;
padding: 0;
margin: 0;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 148px;
}

ul.nav li.set-border-botton {
border-bottom: 1px solid #ccc;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
background-color: #ffffff;
color: #000000;
margin: 0;
padding: 7px 10px 7px 5px;
display: block;
border: none;
}

ul.nav li a.menulink:hover {
background-color: #990033;
color: #fff;
margin: 0;
padding: 7px 10px 7px 5px;
border: none;
display: block;
}

ul.nav li span.on-state {
background-color: #990033;
color: #fff;
margin: 0;
padding: 7px 10px 7px 5px;
border: none;
display: block;
width: 133px;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
background-color: #990033;
color: #fff;
margin: 0;
padding: 7px 10px 7px 5px;
border: none;
display: block;
}

/************* LEFT MENU - SUB-MENU CLASSES 2010-05-18***************/

ul.nav3 {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
width: 100%;
border-top: 1px solid #ccc;
}

ul.nav3 li {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
width: 100%;
border: none;
border-bottom: 1px solid #ccc;
}

ul.nav3 li.no-border-botton {
border-bottom: none;
}

ul.nav3 li span.on-state {
background-color: #fff;
color: #990000;
padding: 5px 2px 5px 14px; 
border: none;
margin: 0;
width: 130px;
}

ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
margin: 0;
padding: 5px 2px 5px 14px; 
text-decoration: none;
background-color: #fff;
color: #000;
border: none;
display: block;
width: 130px;
}

ul.nav3 li a.menulink:hover{
background-color: #fff;
color: #990000;
margin: 0;
padding: 5px 2px 5px 14px;
border: none;
display: block;
width: 130px;
}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited, ul.nav3 li a.on-state:link, ul.nav3 li a.on-state:visited {
background-color: #fff;
color: #990000;
margin: 0;
padding: 5px 2px 5px 14px;
border: none;
display: block;
width: 130px;
}

/* Proactive disclosure */

div#procontainer ul.nav {
background-color: #fff;
width: auto;
}

div#procontainer ul li {
border: none;
margin: 0px;
padding: 0px;
}

div#procontainer a.menulink{
border: 1px solid #000;
background-color: #fff;
color: #000;
margin-left: 0;
padding: 5px 10px 5px 10px;
}

div#procontainer a.menulink:hover{
background-color: #000;
color: #fff;
padding: 5px 10px 5px 10px;
}

/* End Navigation */

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

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

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

div.current-issue-box
{
margin:0px 8px 0px 8px;
}

body#three-col div.current-issue-box
{
margin:1px 8px 8px 8px;
width:397px;
}

.current-issue-box h2
{
background-color:#ccccff !important;
padding:5px 5px 5px 8px;
margin:0;
}

/* Custom Horizontal Rule */


/* Gallery classes for Trading cards - KT 2010-06-24*/

div.gallery-cards-wrapper {
width: 98%;
margin: 1em auto;
padding: 0;
display: block;
}

div.cards-box-left { 
float: left;
width: 285px;
margin: 0;
padding: 25px 0;
display: block;
text-align: center;
height: 225px;
border: 1px solid #ccc;
}

div.cards-box-right {
float: left;
width: 285px;
margin: 0;
padding: 25px 0;
display: block;
text-align: center;
height: 225px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

/* Set no border at the top for the subsequent gallery items */
.multi-gallery  div.cards-box-left, .multi-gallery  div.cards-box-right {border-top: none;}

div.cards-box-container {
width: 225px;
margin: 0 auto;
padding: 0;
display: block;
text-align: left;
}

div.cards-box-container img
{
float: left;
margin-right: 25px;
}

div.cards-box-container img.last{
margin-right: 0;
}

div.cards-box-container p {
margin: 0;
padding: 5px 2px 2px 0;
font-size: 0.85em;
}


/* Image display on right side of page within content of page */

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

.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 */

/*Table display Educational Resources*/

table.Ed
{
border-spacing:0;
border-collapse: collapse;
border:1px solid black;
margin-left:15px;
margin-right:10px;
padding-left:0;
}

table.Ed th.t-column1
{
width:350px;
}

table.Ed th,table.Ed td
{
padding:3px;
}

/* Gallery on History pages 2000 one image and text*/

div.gallery2000
{
width:95%;
margin: 0px auto 10px auto;
padding: 0px 0 10px 0;
display: table;
border-bottom: 1px dotted #999999;
}

.gallery2000X
{
width:95%;
margin: 10px auto 10px auto;
padding: px 0 10px 0;
display: table;
border-bottom: 1px dotted #999999;
border-top: 1px dotted #999999;
}

.gallery2000Z
{
width:95%;
margin: 10px auto 0px auto;
padding-top: 10px;
padding-bottom: 10px;
display: table;
border-bottom: 1px dotted #999999;
border-top: 1px dotted #999999;
}

.gallery2000Q
{
width:95%;
margin: 10px auto 0px auto;
padding-top: 10px;
display: table;
border-top: 1px dotted #999999;
}



.leftimagebox
{
float: left;
margin; 0;
font-size: 0.8em;
}

.righttextbox 
{
width: 300px;
float: left;
margin : 0 0 0 50px;
font-size: 0.85em;	
}

div.img-container-v2
{
padding: 0;
margin: 0;
width: 164px;
text-align: left;
}

div.img-container-v2 a, div.img-container-v2 a:link, div.img-container-v2 a:visited, div.img-container-v2 a:active 
{
border: 1px solid #ccc;
padding: 6px;
display: block;
margin: 0;
}


div.img-container-v2
{
padding: 0;
margin: 0;
width: 170px;
text-align: left;
}

div.img-container-v2 a, div.img-container-v2 a:link, div.img-container-v2 a:visited, div.img-container-v2 a:active 
{
border: 1px solid #ccc;
padding: 9px;
display: block;
margin: 0;
}


div.gallery-containter-v2-III
{
padding: 0;
margin: 1em auto;
width: 582px;
text-align: left;
display: table;
}

div.img-left-v2 p, div.img-right-v2 p
{
font-size: 0.8em;
padding: 2px;
}

div.img-left-v2 p, div.img-right-v2 p
{
font-size: 0.8em;
padding: 2px;
}

div.gallery-containter-v2-II
{
padding: 0;
margin: 1em auto;
width: 390px;
text-align: left;
display: table;
}

div.img-right-v2
{
float: right;
width: 170px;
margin: 12px 12px 5px 12px;
padding: 0;
display: inline;
}

div.img-left-v2
{
float: left;
width: 170px;
margin: 12px 12px 5px 12px;
padding: 0;
display: inline;
}

div.gallery-containter-v2-I
{
padding: 0;
margin: 1em auto;
width: 270px;
text-align: left;
display: table;
}

div.footerbottom 
{
display: block !important;
margin-bottom: -10px !important;
}

hr.once_rule
{
width: 570px;
margin:0px 12px 0px 12px;
color: #ccc;
background-color: #ccc;
border: none;
height: 1px;
}

/* Horizontal rule */
hr.custom-rule {
color: #ccc;
background-color: #ccc;
height: 1px;
border: none;
}