/*Project 023/012*/

body
{
background-color: #333333;
}

div.center h1
{
background: url(../091/023012-misc02.jpg) no-repeat bottom;
background-color: #333333;
display: block;
padding:12px;	
margin: 8px 8px 8px 8px;
text-align: left;
border: none;
font-size: 1.15em;
}

div.center h1.misc04
{
background: url(../091/023012-misc04.jpg) no-repeat bottom;
background-color: #333333;
display: block;
padding:12px;	
margin: 8px 8px 8px 8px;
text-align: left;
border: none;
font-size: 1.15em;
}

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

div.center h1 a#cont
{
color: #fff;
}


div.center h1 a#cont span.normal-small-font
{
font-weight: normal;
font-size: 0.8em;
}


div.center h3
{
color: #006666;
}

/* LEFT MENU */

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

ul.nav li
{
background-color: #006666;
/*border-bottom: 1px dotted #fff;*/
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
{
background-color: #006666;
border-bottom: 1px dotted #fff !important;
margin: 0;
padding: 7px 10px 7px 10px;
color: #fff;
}

ul.nav li a.menulink:hover
{
background-color: #cccc66;
margin: 0;
border-bottom: 1px dotted #fff !important;
padding: 7px 10px 7px 10px;
color: #000;
}

ul.nav li span.on-state
{
background-color: #cccc66;
color: #000;
border-bottom: 1px dotted #fff !important;
margin: 0;
padding: 7px 10px 7px 10px;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited
{
display: block;
background-color: #cccc66;
margin: 0;
padding: 7px 10px 7px 10px;
color: #000;
border-bottom: 1px dotted #fff !important;
}



ul.nav li.bottom-border
{
border-bottom:30px solid #006666;
}

/*-----------------------------------------------*/
/************* LEFT MENU - SUB-MENU CLASSES ***************/
/* Added to create a border for the sub menu levels first items */
/*ul.nav3 li.seperator-border
{
border-top: none;
}

ul.nav3 li 
{
border: none;
}

ul.nav3 li span.on-state
{
display: block;
font-size: 1.35em;
padding: 7px 10px 7px 10px;
margin: 0;
}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited
{
padding: 7px 10px 7px 10px;
margin: 0; 
font-size: 100%;
}

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;
padding: 7px 10px 7px 10px;
text-decoration: none;
width: 125px;
border: none;
}

ul.nav3 li a.menulink:hover
{
margin: 0;
display: block;
padding: 7px 10px 7px 10px;
width: 125px;
border: none;
}*/
/*-----------------------------------------------*/

/************* LEFT MENU - SUB-MENU CLASSES ***************/

ul.nav3
{
width: auto;
margin: 0;
padding: 0;
background-color: #006666;
border: none;
}

ul.nav3 li
{
margin: 0;
background-color: #006666;
padding: 0;
display: inline;
width: 100%;
border-bottom: 1px dotted #fff !important;
}

/* Added to create a border for the sub menu levels first items */
/*ul.nav3 li.seperator-border
{
border-top: 1px dotted #fff;
}*/

ul.nav3 li span.on-state
{
display: block;
padding: 4px 10px 4px 20px;
margin: 0;
border: none !important;
}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited
{
padding: 4px 10px 4px 20px;
margin: 0; 
font-size: 100%;
border: none !important;
background-color: #006666;
color: #fff;
}

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;
padding: 4px 10px 4px 20px;
text-decoration: none;
width: 125px;
border: none !important;
background-color: #006666;
color: #fff;
}

ul.nav3 li a.menulink:hover
{
margin: 0;
display: block;
padding: 4px 10px 4px 20px;
width: 125px;
border: none !important;
background-color: #cccc66;
color: #000;
}


/* RIGHT COLUMN SOURCE DISPLAY */

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

div.image-container
{
width: 195px;
margin: 0 auto;
padding: 0 0 20px 0;
}

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

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

.misc06
{
background-color: #333333;
border: none;
margin-left: 15px;
}

/* Display of photo left side on 1600 page series */

.photo-left {
float: left;
border: 1px solid #006666;
padding: 15px;
margin: 12px 15px 10px 8px;
}

.photo-left img {
margin: 0;
padding: 0;
border: 1px solid #669999;
}

.photo-left p {
padding: 0;
margin: 3px 0 0 0;
font-family: verdana, helvetica, sans serif;
font-size: 0.8em;
width: 100px;
}

.photo-left a, .photo-left a:link, .photo-left a:active, .photo-left a:visited {
font-family: verdana, helvetica, sans serif;
}

.thumb-gallery {
clear: both;
padding-top: 20px;
padding-bottom: 0;
margin: 12px 15px 5px 15px;
}

.thumb-gallery img {
margin: 0 8px 18px 0;
}

.thumb-gallery img.last {
margin: 0 0 18px 0;
}

.thumb-caption
{
clear: both;
width: auto;
padding: 0;
margin-top: 15px;
border: 0;
position: relative;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
}

.thumb-caption p
{
margin: 10px;
font-size: 1.0em;
}

.thumb-caption a, .thumb-caption a:link, .thumb-caption a:active, .thumb-caption a:visited {
font-family: verdana, helvetica, sans-serif;

}

/******************** ***********************/


/* Proactive disclosure */



div#procontainer ul.nav li
{
border-bottom: solid 1px #000;
}

div#procontainer ul.nav li a.menulink, div#procontainer ul.nav li a.menulink:hover, div#procontainer ul.nav li a.menulink:visited, div#procontainer ul.nav li a.menulink:link
{
border-bottom: none !important;
}




/* hr css for larry */

hr.coloredrule
{
text-align: center;
width: 163px;
color: #cccc66; 
background-color: #cccc66; 
border: none;
height: 1px;
}

hr.pagebreak
{
text-align: center;
width: 570px;
color: #669999; 
background-color: #669999; 
border: none;
height: 1px;
}

hr.pagebreakblack
{
text-align: center;
width: 570px;
color: #000; 
background-color: #000; 
border: none;
height: 1px;
}


/* thoughts boxes for main sub-pages */

p.caption {
text-align: left;
margin: 0 10px 10px 110px;
padding: 20px 0 20px 0;
border-top: 1px solid #009999;
border-bottom: 1px solid #009999;
font-family: arial, verdana, helvetica, sans serif;
font-size: 0.8em;
}

.thoughts-right {
width: 340px;
float: right;
padding: 13px 0 10px 0px;
line-height: auto;
margin: 1px 8px 0px 0px;
}

.thoughts-left {
width: 350px;
float: left;
}

.thoughts {
position: relative;
line-height: auto;
padding: 10px 0 10px 10px;
border: 1px solid #006666;
}


.thoughts-right .thoughts {
margin-left: 10px;
}

.thoughts-left .thoughts {
margin-right: 10px;
}

.thoughts img {
display: block;
float: left;
margin: 0 15px 0 0;
border: 0;
}

.thoughts div.left {
float: left;
width: 300px;
margin: 0;
padding: 0;
position: relative;
}

.thoughts div.right {
width: 300px;
margin: 0;
padding: 0;
position: relative;
}

.thoughts p
{
text-align: left;
font-family: verdana, helvetica, sans serif;
}

.thoughts-information
{
margin: 0 10px 0 0;
}


.thoughts h4
{
position: relative;
margin: 0 10px 20px 0;
border-bottom: 1px dashed #009999;
padding-bottom: 10px;
line-height: 1.0em;
}

.explorebox
{
border: 1px solid #009999;
padding: 10px
}

.explore
{
position: relative;
width: auto;
padding: 20px;
margin: 0;
line-height: 1.2em;
}

.explore img {
float: left;
position: relative;
margin-top: 10px;
padding: 0;
border: 1px solid #669999;
}

.explore p {
margin: 0 0px 10px 120px;
padding: 0;
}

.explore p.caption {
background-color: transparent;
text-align: left;
margin: 0 0px 10px 120px;
padding: 5px 0 5px 0px;
border-top: 0;
font-family: verdana, helvetica, sans serif;
font-size: 0.8em;
}

.explore p.caption a {
font-family: verdana, helvetica, sans serif;
}

.explore .drop-cap {
position: relative;
font-size: 2.9em;
float: left;
padding: 9px 5px 5px 0;
color: #ffffff;
}

/* Display of tables on 3000 page series */

.tablemargin2
{
padding-left: 0px;
margin-left: 10px;
margin-right: 10px;
font-size: .85em;
margin-top: 15px;
}

table.justify
{
margin-left: 15px;
margin-right: 15px;
padding-left: 0;
}

table.full td.cell30perc, table th.cell30perc
{
width: 30%;
}

table.full td.cell20perc, table th.cell20perc
{
width: 20%;
}

th
{
text-align: left;
}
.mp3colwidth
{
width: 95px;
}

.shading
{
background-color: #ccc;
}

/* Display of tables on 1600 page linked gallery */


div.gallery-index-container
{
width: 100%;
margin: 0;
padding: 12px 0 12px 0;
display: table;
}

div.img-left-mo-vx
{
float: left;
width: 119px;
margin: 0 5px 0 21px;
padding: 0;
display: inline;
text-align: center;
}

div.img-left-mo-vx a, div.img-left-mo-vx a:link, div.img-left-mo-vx a:visited, div.img-left-mo-vx a:hover, div.img-left-mo-vx a:active {
background-color: #fff;
color: #000;
text-decoration: none;
}

div.img-left-mo-vx a:hover {
background-color: #fff;
color: #006666;
text-decoration: underline;
}

div.img-left-mo-vx p
{
padding: 2px;
}

div.img-container-mo-vx
{
padding: 0;
margin: 0;
width: 119px;
text-align: center;
}

div.img-container-mo-vx a span.img-wrap, div.img-container-mo-vx a:link span.img-wrap, div.img-container-mo-vx a:visited span.img-wrap, div.img-container-mo-vx a:active span.img-wrap
{
border: 1px solid #ccc;
padding: 6px;
display: block;
margin: 0 0 4px 0;
text-decoration: none;
}

/* Same border color than anchored iamge */

div.img-container-mo-vx a:hover span.img-wrap
{
border: 1px solid #006666;
padding: 6px;
display: block;
margin: 0 0 4px 0;
}

div.img-container-mo-vx a span.img-wrap img
{
vertical-align: text-top;
margin: 0;
padding: 0;
}

/* Gallery pages - for numerical page navigation */

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

/*Table display Educational Resources*/

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

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

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

.marginfix
{
width: 570px;
margin: 0;
margin-left: 15px;
padding: 0;
}

div.row 
{
margin-left: 15px; 
padding: 5; 
width: 90%;
}

div.cols1
{
float: left;
width: 20%;
margin: 5px 0 5px 0;
padding: 0;
}

/* Table overflow 2002-e */

div#tabwrapper2
{
width: 100%;
display: table;
margin-bottom: 2200px; /* this will need to be adjusted in each instance of this for the individual tables */
overflow: visible ;
}