/* MCJStyles.css: Define Styles for My Classic Jewelry pages */
 
/* Page Element Styles for All Pages*/

/* Set html and body styles height to 100% to keep footer at bottom */
html, body{height: 100%;}

* {margin: 0; padding: 0;} /* Asterisk globally resets all margins and paddings */

/* Page container to keep footer at bottom */
#container{min-height: 100%; height: 90%; position: relative;}

/* Header */
div#header{height: 36pt; margin:0; padding: 6pt; background: url('Images/MCJHeaderBackground.jpg'); border: 1pt solid #000000;}

/* Menu */
div#menu{float: right; padding: 6pt; margin-top: 9pt; width: auto; background: #C8B964; border: 1pt solid #000000; font: Bold 10pt Verdana, Arial, sans-serif;}

/* Body section */
#body{padding-bottom: 24pt;}

/* Column container */
.colmask {position: relative; clear: both; float: left; width: 100%; overflow: hidden;}

/* Common column settings */
.colright,
.colmid,
.colleft {float: left; width: 100%; position: relative;}
.col1,
.col2,
.col3 {float: left; position: relative; padding: 4pt; padding-top: 12pt; overflow: hidden;}

/* 3 Column settings */
.threecol {background: #769478;}
.threecol .colmid {right: 20%; background: #769478;}
.threecol .colleft {right: 60%; background: #769478;}
.threecol .col1 {width: 58%; left: 100%;}
.threecol .col2 {width: 19%; left: 21%;}
.threecol .col3 {width: 19%; left: 81%;}

/* Footer */
div#footer{clear: left; position: relative; height: 24pt; display: table-cell; vertical-align: middle; background: #769478; padding: 9pt; font: Bold 9pt Verdana, Arial, sans-serif;}

div#footer p{margin-top: 16pt;}

/* Footer Menu */
div#footermenu{float: right; padding: 6pt; margin-top: 0pt; width: auto; background: #C8B964; border: 1pt solid #000000; font: Bold 9pt Verdana, Arial, sans-serif;}

/* Drop Down Menu Styles */

#dropmenudiv{
position: absolute;
border: 1px solid black;
border-bottom-width: 0;
font: normal 10pt Verdana, Arial, sans-serif;
color: #000000
line-height: 14pt;
z-index: 200;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3pt;
border-bottom: 1pt solid black;
padding: 1px 0;
font: 10pt Verdana, Arial, sans-serif
color: #000000
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{background-color: #C8B964;}

/* Group Style for Randomize Function */
/* Note, commented out, was causing display problems */

/* .group1{visibility:hidden;} */


/* Heading Styles */
 
h1{font: Bold Italic 24pt Verdana, Arial, sans-serif}
h2{font: Bold 18pt Verdana, Arial, sans-serif;}
h3{font: Bold 15pt Verdana, Arial, sans-serif;}
h4{font: Bold 12pt Verdana, Arial, sans-serif;}


/* Body Text Style */
 
body{background: #769478; font: 11pt Verdana, Arial, sans-serif;}

/* Standard Link Styles */ 

a:link{color: #000000; text-decoration: none; font: bold 8pt Verdana, Arial, sans-serif}
a:visited{color: #915F7B; text-decoration: none; font: bold 8pt Verdana, Arial, sans-serif}
a:hover{color: #875470; text-decoration: none; font: bold 8pt Verdana, Arial, sans-serif}

/* Menu Link Styles */ 

a.MenuLink:link{color: #000000; text-decoration: none; font: bold 12pt Verdana, Arial, sans-serif}
a.MenuLink:visited{color: #000000; text-decoration: none; font: bold 12pt Verdana, Arial, sans-serif}
a:MenuLink:hover{background: #769478; color: #F5F5DC; text-decoration: none; font: bold 12pt Verdana, Arial, sans-serif}

/* Footer Link Styles */ 

a.FooterLink:link{color: black; text-decoration: none; font: bold 9pt Verdana, Arial, sans-serif}
a.FooterLink:visited{color: purple; text-decoration: none; font: bold 9pt Verdana, Arial, sans-serif}
a.FooterLink:hover{background: #C8B964; color: blue; text-decoration: underline; font: bold 9pt Verdana, Arial, sans-serif}

/* Border Styles for Pictures */

img {border: 1pt solid #808080}
#imglogo {float: left; border: 1pt solid #000000}

/* Styles for Text in Column 2 */

#TrifariBlog{margin: 12pt 0 0 6pt; vertical-align: bottom}

/* TO REVISE HOME PAGE, THEN DELETE: Home Page Table Styles */

#tblBodyText{background: #F5F5DC; alignment: center; margin: 6pt 0; width: 600px; padding: 6pt; border: 1pt solid #000000; font: 11pt Verdana, Arial, sans-serif}
table.tblDesignerLinks{border: 1pt solid #000000; font: Bold 10pt Verdana, Arial, sans-serif}
td.DesignerLinksHeading{padding: 2pt; background: #A87A94; font: Bold 12pt Verdana, Arial, sans-serif}
td.DesignerLinksBody{padding-left: 2pt; padding-bottom: 1pt; border-top: 1pt solid #000000}

/* TO REVISE HOME PAGE, THEN DELETE: Home Page Link Styles */

a.DesignerMenu:link{color: #000000; text-decoration: none; font: bold 10pt Verdana, Arial, sans-serif}
a.DesignerMenu:visited{color: #875470; text-decoration: none; font: bold 10pt Verdana, Arial, sans-serif}
a:DesignerMenu:hover{background: #875470; color: #000000; text-decoration: none; font: bold 10pt Verdana, Arial, sans-serif}

/* TO DELETE: Menu Links Table Style */
#tblLinks{background: #C8B964; border: 1pt solid #000000; font: Bold 10pt Verdana, Arial, sans-serif;}

/* TO DELETE: Footer Table Style */

#tblFooter{background: #C8B964; width: auto; border: 1pt solid #000000;}

/* Designer Gallery Pages */

#gallery{display: table; border-style: solid; 	border-color: #000000; border-width: 1pt 1pt 0pt 1pt; background: #F5F5DC; font: 8pt Verdana, Arial, sans-serif;}

#gallerytitle{border-bottom: 1pt solid #000000; padding: 4pt; background: #A87A94; color: #F5F5DC; font: 18pt Verdana, Arial, sans-serif;}

#galleryintro{display: table; width: auto; margin: auto; border-bottom: 1pt solid #000000; background: #F5F5DC; padding: 9pt; font: 10pt Verdana, Arial, sans-serif;}

#gallery ul{display: table-row; border-bottom: 1pt solid #000000;}

#gallery li{width: 171px; padding: 10px; display: table-cell; *display: inline; 	zoom: 1; text-align: left; margin: 0pt; vertical-align: top;}

#gallery img{display: block; width: 171px; margin: 0pt; border: 1pt solid #808080;}

#gallery p{font-weight: bold;}

/* TO REVISE ALL DESIGNER PAGES, THEN DELETE: Designer Pages Table Styles */

table.tblDesigner{width: 95%; border: 1pt solid #000000; background: #A87A94; color: #F5F5DC; font: 18pt Verdana, Arial, sans-serif}
table.tblDesignerItem{border-right: 1pt solid #000000; border-bottom: 1pt solid #000000; border-left: 1pt solid #000000; background: #F5F5DC; font: 8pt Verdana, Arial, sans-serif; width: 60%}
table.tblDesignerPhotos{border-right: 1pt solid #000000; border-bottom: 1pt solid #000000; border-left: 1pt solid #000000; background: #F5F5DC; font: 8pt Verdana, Arial, sans-serif; width: 95%}


/* TO REVISE ALL PATENT PAGES, THEN DELETE: Patent Pages Header and Body Table and Cell Styles */

#tblPatentHeader{font: 12pt Verdana, Arial, sans-serif; 
	background: url('Images/MCJHeaderBackground.jpg'); 
	width: 100%; border: 1pt solid #000000}
#tblPatentLogo{margin-top: 0pt; margin-bottom: 0pt; border: none; 
	font: 14pt Verdana, Arial, sans-serif; width: 100%}
table.tblPatent{border: 1pt solid #000000; background: #A87A94; color: #F5F5DC; 
	font: 18pt Verdana, Arial, sans-serif}
table.tblPatentItem{border-right: 1pt solid #000000; border-bottom: 1pt solid #000000; border-left: 1pt solid #000000; 
	background: #F5F5DC; font: 8pt Verdana, Arial, sans-serif}

/* TO REVISE ALL GALLERY PAGES, THEN DELETE: Gallery Link Styles */ 

a.GalleryLink:link{color: #000000; text-decoration: underline; font: bold 11pt Verdana, Arial, sans-serif}
a.GalleryLink:visited{color: #000000; text-decoration: underline; font: bold 11pt Verdana, Arial, sans-serif}
a:GalleryLink:hover{background: #769478; color: #F5F5DC; text-decoration: none; font: bold 12pt Verdana, Arial, sans-serif}
a.GalleryCreditLink:link{color: #915F7B; text-decoration: underline; font: bold 9pt Verdana, Arial, sans-serif}
a.GalleryCreditLink:visited{color: #000000; text-decoration: underline; font: bold 9pt Verdana, Arial, sans-serif}
a:GalleryCreditLink:hover{background: #769478; color: #F5F5DC; text-decoration: none; font: bold 9pt Verdana, Arial, sans-serif}

/* TO REVISE ALL GALLERY PAGES, THEN DELETE: Styles for Gallery Pages */

#bodygallery{background: #C8B964; font: 12pt Verdana, Arial, sans-serif}

/* Gallery Menu Links Table Style */
#tblGalleryLinks{background: #769478; border: 1pt solid #000000; font: Bold 10pt Verdana, Arial, sans-serif}

#tblGalleryHeader{font: 12pt Verdana, Arial, sans-serif; 
	background: url('Images/MCJHeaderBackground.jpg'); 
	width: 100%; border: 1pt solid #000000}
#tblGalleryLogo{margin-top: 0pt; margin-bottom: 0pt; border: none; 
	font: 14pt Verdana, Arial, sans-serif; width: 100%}
#tblGalleryName{font: Bold Italic 16pt Verdana, Arial, sans-serif; 
	background: #769478;
	width: 100%; border: 1pt solid #000000}
#tblGallery{border: 1pt solid #000000; background: #769478; color: #F5F5DC; 
	font: 18pt Verdana, Arial, sans-serif; width: 589px}
#tblGalleryItem{12pt; border-right: 1pt solid #000000; border-bottom: 1pt solid #000000; border-left: 1pt solid #000000;
	background: #F5F5DC; font: 8pt Verdana, Arial, sans-serif; width: 589px}
p.GalleryCredit{font: 9pt Verdana, Arial, sans-serif}


/* TO REVISE ALL INFO PAGES, THEN DELETE: Styles for Info and Resources Pages */

#tblInfoHeader{font: 12pt Verdana, Arial, sans-serif; 
	background: url('Images/MCJHeaderBackground.jpg'); 
	width: 100%; border: 1pt solid #000000}
#tblInfoLogo{margin-top: 0pt; margin-bottom: 0pt; border: none; 
	font: 14pt Verdana, Arial, sans-serif; width: 100%}
table.tblInfo{border: 1pt solid #000000; background: #A87A94; color: #F5F5DC; 
	font: 18pt Verdana, Arial, sans-serif; width: 60%}
table.tblInfoItem{border-right: 1pt solid #000000; border-bottom: 1pt solid #000000; border-left: 1pt solid #000000; 
	background: #F5F5DC; font: 10pt Verdana, Arial, sans-serif; width: 60%}
table.tblBookItem{border-right: 1pt solid #000000; border-bottom: 1pt solid #000000; border-left: 1pt solid #000000; 
	background: #F5F5DC; font: 9pt Verdana, Arial, sans-serif; width: 60%}


/* TO REVISE ALL JEWELRY MARKS PAGES, THEN DELETE: Jewelry Marks Link Styles */ 

a.MarksLink:link{color: #A87A94; text-decoration: underline; font: bold 10pt Verdana, Arial, sans-serif}
a.MarksLink:visited{color: #000000; text-decoration: underline; font: bold 10pt Verdana, Arial, sans-serif}
a:MarksLink:hover{background: #769478; color: #F5F5DC; text-decoration: none; font: bold 12pt Verdana, Arial, sans-serif}

/* TO REVISE ALL JEWELRY MARKS PAGES, THEN DELETE: Styles for Jewelry Marks Pages */

#tblMarksHeader{font: 12pt Verdana, Arial, sans-serif; 
	background: url('Images/MCJHeaderBackground.jpg'); 
	width: 100%; border: 1pt solid #000000}
#tblMarksLogo{margin-top: 0pt; margin-bottom: 0pt; border: none; 
	font: 14pt Verdana, Arial, sans-serif; width: 100%}
table.tblMarks{border: 1pt solid #000000; background: #A87A94; color: #F5F5DC; 
	font: 18pt Verdana, Arial, sans-serif; width: 60%}
table.tblMarksItem{border-right: 1pt solid #000000; border-bottom: 1pt solid #000000; border-left: 1pt solid #000000; background: #F5F5DC; font: 10pt Verdana, Arial, sans-serif; width: 60%}
td.MarksCaption{font: 9pt Verdana, Arial, sans-serif}

/* TO DELETE: JTC Styles for JTC Page */

a.JTCLink:link{color: #875470; text-decoration: underline; font: bold 12pt Verdana, Arial, sans-serif}
a.JTCLink:visited{color: #875470; text-decoration: underline; font: bold 12pt Verdana, Arial, sans-serif}
a:JTCLink:hover{background: #875470; color: #000000; text-decoration: none; font: bold 10pt Verdana, Arial, sans-serif}