/***************************************************
I Do: Marriage and Love in the 19th Century CSS 002/037
***************************************************/
body {
background-color: #999999;
}


/*FOR NEW TEMPLATES WITH IMAGE IN BANNER*/
div.center h1 {
background-color:  #fff;
padding: 8px;
margin: 8px;
text-align: left;
border: 1px solid #ffcc33;
display: block;
font-size: 1.30em;

}

div.center h1 img {
float: right;
padding: 0;
margin-left: 0;
}


div.center h1 a {
color: #000000;
}


div.center h2, h3, h4 
{
	background-color: #ffffff;
	color: #000000;
	
}



/* LEFT MENU */



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

}

ul.nav li {
background-color: #ffcc33;
border: none;
margin: 0;
padding: 0;
display: block;

}


span.on-state, a.on-state{
font-size: 1.05em;
background-color: #000000;
color: #ffffff;
text-decoration: none;
padding: 4px 10px 4px 10px;
width: 140px;
float: left;
font-weight: normal;
border-bottom: 1px solid #fff;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
display: block;
background-color: #000000;
border-bottom: 1px solid #fff;
margin: 0;
padding: 4px 10px 4px 10px;
color: #ffffff;
}

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: #ffcc33;
border-bottom: 1px solid #fff;
margin: 0;
padding: 4px 10px 4px 10px;
color: #000000;
}

ul.nav li a.menulink:hover {
background-color: #000000;
border-bottom: 1px solid #fff;
margin: 0;
padding: 4px 10px 4px 10px;
color: #ffffff;

}

/*LEFT SUB-MENU CLASSES*/

ul.nav3 {
width: auto;
font-size: 1.05em;
margin: 0;
padding: 0;
font-style: italic;

}

ul.nav3 li {
margin: 0;
padding: 0;
display: inline;
border-top: 0px;
border-right: 0px;
border-left: 0px;
width: 125px;
}


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 5px 7px 20px;
text-decoration: none;
border-bottom: 1px dashed #fff;
width: 125px;
}


ul.nav3 li span.on-state {
display: block;
background-color: #cccccc;
font-size: .95em;
border-bottom: 1px dashed #fff;
padding: 7px 5px 7px 20px;
margin: 0;
color: #000000;

}

ul.nav3 li a.menulink:hover {
background-color: #cccccc;
margin: 0;
display: block;
padding: 7px 5px 7px 20px;
color: #000000;
width: 125px;

}

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited {
background-color: #cccccc;
color: #000000;
border-bottom: 1px dashed #fff;
padding: 7px 5px 7px 20px;
margin: 0; 
font-size: 100%;

}



ul.nav3 a.on-state {
background-color: #ccc;
color: #000000;
}


/* RIGHT NAVIGATION IMAGE CLASS */
div.right-navigation-image {
	width: 194px;
	text-align: center;
	margin-top: -14px;
	margin-bottom: 0;
	padding-top: 0;
	background-color: #eed;
	border: none;
}


div.right-navigation-image img {
padding: 0;

}


.right-navigation-image span.source-right-navigation {
text-align: right;
font-size: 0.8em;
padding: 0px;
}

.right-navigation-image p.caption-right {
text-align: left;
margin: 0;
padding: 0 0 10px 10px;
font-size: 0.85em;
width: 180px;

}

/*IMAGE WITHIN SECOND COLUMN RIGHT SIDE*/
div.right-photo {
	width: auto;
	text-align: center;
	margin: 0 .5em 1em 1em;
	padding-top: 1.5em;
	background-color: #eed;
	border: 1px solid #000000;
	float: right;
}

div.right-photo p{
font-size: 0.85em;
padding: 0.3em 0.5em 1em 0.5em;
margin: 0px;

}

div.right-photo img {
padding: 0px;
border: 1px solid black;
}


.right-photo span.source-link {
font-size: 0.8em;
padding: 0px;

}

.right-photo p.source-text {
text-align: left;
margin: 0px;
padding: 1px 15px 10px 15px;
font-size: 0.85em;
width: 150px;
}

/*THUMB IMAGE CLASS*/

div.image-right {
float: right;
width: 100px;
padding: 7px 10px 7px 10px;
margin: 0;

}

div.image-right p, div.inner-content span { /*specified within inner-content to solver social tagging link problem*/
font-size: 0.85em;
padding: 0;

}

div.image-left p.source-image {
text-align: right;
font-size: 0.85em;
padding: 0;
margin: 0;

}

p.source-image, p.source, span.source {
font-size: 0.85em;
margin-bottom: 0;
padding-top: 0; 

}


p.caption, span.caption {
font-size: 0.85em;
margin-top: 0;
padding-top: 0;
}

div.image-left {
float: left;
width: 100px;
padding: 7px 10px 7px 15px;
margin: 0;

}

div.image-left p {
font-size: 0.85em;
padding: 0;

}

div.image-right p.source-image {
text-align: right;
font-size: 0.85em;
padding: 0;
margin: 0;
}


/*.three-Image {
float: left;
width: 290px;
padding: 0 0 0 15px;
margin: 0 0 0 0;
text-align: left;

}

.two-Image {
float: left;
width: 250px;
padding: 0 0 0 15px;
margin: 0 0 0 0;
text-align: left;

}

.two-Image-right {
float: right;
width: 250px;
padding: 0 0 0 15px;
margin: 0 0 0 0;
text-align: left;

}


.three-Image p {
text-align: left;
width: auto;
font-size: 0.85em;
}
.three-Image p.source {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 0.8em;
}
.three-Image img {
border: 1px solid #ccc;
}*/

/*FOR NUMERICAL PAGE NAVIGATION*/

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



/*FOR BOTTOM LINKS*/
p.bottom-link  {   
  
	font-size: 0.85em;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;	
	color: #000000;
	background-color: #ffffff;

}


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: #000000;
	
}

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

/*div.inner-content hr {  specified within inner-content to solver social tagging hr problem*/
   /* color: ##ffcc33;
	background-color: #ffcc33;
	height: 1px;
	width: 350px;
	border-style: none;
	margin-left: 25px;
	
}*/

/*hr.two-column {
    height: 1px;
	width: 350px;
	color: #ffcc33 !important;
	background-color: #ffcc33 !important;
	border-style: none;
	height: 1px;
	text-align: center;
	margin: auto;
}*/

div.inner-content hr {
    height: 1px;
	width: 350px;
	color: #ffcc33 !important;
	background-color: #ffcc33 !important;
	border-style: none;
	height: 1px;
	text-align: center;
	margin: auto;

	
}
/*end for bottom links*/


/*column 2 images*/

div.container-text  {
width: 65%;
float: left;

}

div.container-text p.caption {
font-size: 0.85em;


}

div.container-image  {
width: 32%;
float: right;
text-align: center;
margin: 0;
padding: 0;
background-color: #eed;


}

div.table a img{
text-align: center;
margin: auto;
padding: auto;
}

div.container-image img {
padding: 1px;
margin-top: 5px;
}

div.container-image span.source-column3 {
/*text-align: right;*/
font-size: 0.8em;
margin-left: 20px;
padding: 0;

}


div.container-image p.caption {

text-align: left;
margin: 0 0 10px 15px;
padding: 0 13px 0 0;
font-size: 0.85em;
width: 80%;
float: right;

}



div.wrapperBox  {
width: 170px;
text-align: center;
margin: 5px 50px 5px 100px;
padding: 0;

}

div.tableBox a img {
text-align: center;
margin: auto;

}

p.captionMain {
text-align: left;
margin: 0 0 0 15px;
padding: 0 ;
font-size: 0.85em;
width: 250px;


}

p.captionMain1 {
text-align: left;
margin: 0 0 0 15px;
padding: 0 ;
font-size: 0.85em;
width: 150px;


}

p.captionMain2 {
text-align: left;
margin: 0 0 0 15px;
padding: 0 ;
font-size: 0.85em;
width: 200px;


}

p.captionMain3 {
text-align: left;
margin: 0 0 0 15px;
padding: 0 ;
font-size: 0.85em;
width: 300px;


}


div.galleryContainer {
width: auto;
margin: 0 0 0 1.2em;
padding: 0;
}

div.galleryContainer p.captionMain, div.galleryContainer p {
padding-left: 0 !important;
margin-left: 0 !important;
}

div.galleryContainer p.source{
padding-top 0;
margin-top: 5px;
}

div.galleryPagesMain  {
width: auto;
margin: 0 5px 10px 0;
padding: 0 2px 0 0;
float: left;

}

div.galleryPages  {
width: auto;
margin: 0 0 0 0;
padding: 57px 0 0 0;

}


div.imageContainer3  {
width: auto;
margin: 0 0 0 1.2em;
padding: 0;
}

div.Container3  {
width: 30%;
margin: 0 8px 0 5px;
padding: 0;
float: left;
}

div.Container3 p {
margin-left: 0;
padding-left: 0;
}

div.galleryContainer3 p.captionMain, div.galleryContainer p {
padding-left: 0 !important;
margin-left: 0 !important;
}

div.imageContainer2  {
width: 350px;
margin: 0 auto 0 0;
padding: 15px 0 0 10px;
/*background-color: #eed;*/
}

div.imageContainer3 {
width: 500px;
margin: 0 auto 0 auto;
padding: 0;
}

div.Container2  {
width: 45%;
margin: 0 8px 0 5px;
padding: 0;
float: left;
}

div.Container2 p {
margin-left: 0;
padding-left: 0;
}

div.imageContainer-Custom2  {
width: 95%;
margin: 0 auto 0 auto;
padding: 0;
display: block;
}

div.Custom2-one-third  {
width: 35%;
margin: 0 1em 0 0;
padding: 0;
float: left;
}

div.Custom2-two-third  {
width: 60%;
margin: 0;
padding: 0;
float: left;
}

div.imageContainer-Custom2 p {
margin-left: 0;
padding-left: 0;
}


/* Miscellenous */

p.addMargin-1 {margin-top: 1em;}
p.addMargin-2 {margin-top: 2em;}
p.addMargin-3 {margin-top: 3em;}
p.addMargin-4 {margin-top: 4em;}

span.indent-first-line
{
padding-left: 36px;
font-size: 1em;
}

table.marginfix {

width: 100%;

margin: 10px 0 10px 0px;

padding: 0;

}

/*TABLE CELLS ADDED BY VL Nov 24, 2008*/


.cell10perc {

width: 10%;

margin: 0;

padding: 5px;

}

.cell15perc {

width: 15%;

margin: 0;

padding: 5px;

}

.cell30perc {

width: 30%;

margin: 0;

padding: 5px;

}

.cell60perc {

width: 60%;

margin: 0;

padding: 5px;

}


/*END OF IMAGES FOR RIGHT HAND OF PAGE IN SECOND COLUMN*/