@charset "utf-8";
/*
Positioning

body is parent of content

content is parent of header, panels, and footer in that order

header is parent of logo & banner
*/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background: url('/images/backgrounds/sandstone_sbg_ghost.jpg');
}

#content { 
margin: auto;
padding: 2em;
margin-top:55px;
width: 70%;
text-align: left;
color: #584527; 
background: url('/images/textures/planks_sbg.gif') repeat;
visibility: visible; 
overflow: hidden;
border: 3px solid black;
display: block; 
}

.panelD {
width: 90%;
margin: auto;
padding: 2em;
margin-top: 2em;
border: 3px solid black;
overflow: hidden;
background: url("/images/backgrounds/canvasPch.jpg");
}

/*
#logo {	
float: left;
margin-left: 50px;
margin-top: 25px;
width: 200px;
height: 210px;
background: url("/images/logos_banners/Ramazzini-bust.png") no-repeat;
}
*/

#heading {
position: absolute;
background: transparent;
}

#footer {
margin: auto;
font-size: .8em;
background: transparent;
color: gold;
}

#footerText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .6em;
background: transparent;
}

/* replacement picture heading  */
.picHead {
text-align: left;
}


/* main styles */
img {
    max-width: 100%;
    height: auto;
}

video {
    width: 90%;
    height: auto;
}

p,h1,h2,h3,h4,h5,h6,ul,hdr1,hdr2,hdr3 {
margin-bottom: .5em;
padding: 0 1em 0 1em;
}

h1,h2,h3 {
margin-top: 1em;
text-align: center;
font-family: "Times New Roman", Georgia, serif;
background: transparent;
}

h4,h5,h6,hdr1,hdr2,hdr3 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* 

h1 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
margin: 1em;
font-size: 2em;
text-shadow: 1px 1px #fff;
text-align: center;
background: #ccf;
}
 */

h1 {
font-size: 2em;
}

h2 {
font-size: 1.7em;
}

h3 {
font-size: 1.5em;
}

h4 {
font-size: 1.2em;
}

h5 {
font-size: 1.1em;
}

h6 {
font-size: 1em;
}

hdr1 {
text-shadow: 1px 1px #000;
font-size: 2em;
text-align: center;
}

hdr2 {
position: relative;
top: 25px;
-moz-border-radius: 15px 5px 15px 0px;
-webkit-border-radius: 15px 5px 15px 0px;
-webkit-box-shadow: 2px 2px 0px 0px rgba(72,72,72,.5);
-moz-box-shadow: 2px 2px 0px 0px rgba(72,72,72,.5);
box-shadow: 2px 2px 0px 0px rgba(72,72,72,.5);
text-transform: uppercase;
text-shadow: 1px 1px #fff;
border: 2px solid #000;
font-size: 1.7em;
text-align: center;
background: #aaf;
}

hdr3 {
position: relative;
text-shadow: 1px 1px #fff;
margin-bottom: 1em;
font-weight: bold;
text-align: center;
}

hr {
width: 70%;
border-color: cyan;:
}

/* standard containers */
/* 
/* format: <type><color><position><width>
/* types:
/* 		panel	no border
/* 		box		thin border
/* 		frame	fancy border
/* colors:
/* 		B		Body color
/* 		T		Trim (content bg) color
/* 		M		Main color
/* 		D		Darker color
/* 		L		Lighter color
/* 		C		Color other than the above
/* 		X		Transparent
/* positions:
/* 		left
/* 		right
/* 		center
/* widths:
/* 		px, em, %
/* 		wide
/* 		narrow
*/

.boxX {
padding: 10px;
border: #933 solid thin;
background: transparent;
overflow: hidden;
}

.textShadow {
text-shadow: 1px 1px #fff;
}

.boxShadow {
-webkit-box-shadow: 4px 4px 0px 0px rgba(72,72,72,.5);
-moz-box-shadow: 4px 4px 0px 0px rgba(72,72,72,.5);
box-shadow: 4px 4px 0px 0px rgba(72,72,72,.5);
}

.shadFrame {
border-top: 1px;
border-right: 3px;
border-bottom: 3px;
border-left: 1px;
padding: 10px 10px 10px 30px;
border-style: solid;
}

.panel {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 2px 2px 3px 3px rgba(72,72,72,.5);
-moz-box-shadow: 2px 2px 3px 3px rgba(72,72,72,.5);
box-shadow: 2px 2px 3px 3px rgba(72,72,72,.5);
border: 1px solid #000;
padding: 1em;
margin: 1%;
text-align: left;
}

.panelT {
width: 90%;
margin: auto;
margin-top: 2em;
padding: 1.5em;
overflow: hidden;
background: transparent;
}

.panelF {
width: 90%;
margin: auto;
margin-top: 2em;
padding: 1.5em;
overflow: hidden;
background: url('/images/textures/planks_sbg.gif') repeat;
}

.panelPic {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 2px 2px 3px 3px rgba(72,72,72,.5);
-moz-box-shadow: 2px 2px 3px 3px rgba(72,72,72,.5);
box-shadow: 2px 2px 3px 3px rgba(72,72,72,.5);
border: 1px solid #000;
padding: 3em;
margin-top: 1em;
margin-bottom: 1em;
background: color: grey;
text-align: left;
height: 570px;
caption-side: bottom;
}

.caption {
clear: both;
caption-side: bottom;
}

/* specials */

.center {
text-align: center;
}

.flexy {
display: flex;
justify-content: center;
}

.floating-box {
display: inline-block;
padding-left:1.5em;
padding-bottom:1.5em;
}

.tab5 {
position: relative;
margin-left: 5em;
border: #A93000 solid thin;
text-align: left;
}

.tab10 {
position: relative;
margin-left: 10em;
border: #A93000 solid thin;
text-align: left;
}

.tab15 {
position: relative;
margin-left: 15em;
border: #A93000 solid thin;
text-align: left;
}

.tab20 {
position: relative;
margin-left: 20em;
border: #A93000 solid thin;
text-align: left;
}

.tab25 {
position: relative;
margin-left: 25em;
margin-top: -25em;
border: #A93000 solid thin;
text-align: left;
}

.tab30 {
position: relative;
margin-left: 30em;
border: #A93000 solid thin;
text-align: left;
}

.rotate10 {
-webkit-transform:rotate(10deg); 
-moz-transform:rotate(10deg); 
-ms-transform:rotate(10deg); 
-o-transform:rotate(10deg); 
transform:rotate(10deg);
}

.rotate-10 {
-webkit-transform:rotate(-10deg); 
-moz-transform:rotate(-10deg); 
-ms-transform:rotate(-10deg); 
-o-transform:rotate(-10deg); 
transform:rotate(-10deg);
}

.mockField {
margin-right: 20%;
border: 1px;
padding: 5px;
border-style: solid;
}

.LimageX {
width: 250px;
float: left;
margin: 1em;
text-align: center;
font-family: "Times New Roman", Georgia, serif;
font-size: .8em;
background: transparent;
}

/* Text */

.heading {
text-align: left;
font-size: 1.2em;
font-weight: 600;
background: transparent;
}

strong {
font-weight: 600;
}

.ital {
font-style: italic;
 }

.first-letter { 
font: 2em bold; 
}

.priceText {
color: red;
background: transparent;
}

.red {
background: #ffcccc;
border: 1px solid #00f;
}

.blue {
background: #ccccff;
border: 1px solid #00f;
}

.green {
background: #ccffcc;
border: 1px solid #00f;
}

.cyan {
background: #ccffff;
border: 1px solid #0ff;
}

.yellow {
background: #ffffcc;
border: 1px solid #ff0;
}

.magenta {
background: #ffccff;
border: 1px solid #f0f;
}

.grey {
background: #ccc;
border: 1px solid #000;
}

.redText {
color: red;
background: transparent;
}

.greenText {
color: green;
background: transparent;
}

.blueText {
color: blue;
background: transparent;
}

.cyanText {
color: #00ffff;
background: transparent;
}

.magentaText {
color: #ff00ff;
background: transparent;
}

.yellowText {
color: #ffff00;
background: transparent;
}

.orangeText {
color: #ffc85a;
background: transparent;
}

.brownText {
color: #876432;
background: transparent;
}

.bgRed {
background: #fcc;
}

.bgGreen {
background: #cfc;
}

.bgBlue {
background: #ccccff;
}

.bgCyan {
background: #ccffff;
}

.bgYellow {
background: #ffffcc;
}

.bgMagenta {
background: #ffccff;
}

.bgGrey {
background: #ccc;
}

.bgBrown {
color: #eae2a0; 
background-color: #584527;
}

.headline { 
font-family: "Times New Roman", Georgia, serif;
font-style: normal;
font-weight: normal;
font-size: 1.8em;
}

.author {
font-family: Georgia, "Times New Roman", Times, serif;
}

.quote {
width: 480px;
margin-left: 10px;
margin-right: 10px;
padding-left: 1em;
padding-right: 1em;
font: bold italic 1.2em Georgia, "Times New Roman", Times, serif left;
}

.verse {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: smaller;
font-style: italic;
font-weight: lighter;
white-space: nowrap;
}

.boldverse {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: bold;
white-space: nowrap;
}

.boldital {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-weight: bold;
}

/* for layered popups */

.popupLink {
color: red;
background: transparent;
}

.popup {
position: absolute;
visibility: hidden;
width: 200px;
border-left: 1px solid black;
border-top: 1px solid black;
border-bottom: 3px solid black;
border-right: 3px solid black;
padding: 3px;
z-index: 10;
color: black;
background: yellow;
}

/* rollovers */

.menu {
font: bold italic 1em  Georgia, "Times New Roman", Times, serif;
text-decoration: none;
}

.smallMenu {
font-style: italic;
font-weight: bold;
font-size: .8em;
font-family:  Georgia, "Times New Roman", Times, serif;
color: #7F2400;
background: transparent;
text-decoration: none;
}

.bottomMenu {
clear: both;
width: 100%px;
text-align: center;
overflow: hidden;
padding: .5em;
font-size: .8em;
}

a:link {
color: #08c;
background: transparent;
}

a:visited {
color: #0aa;
background: transparent;
}

a:active {
color: #0c0;
background: transparent;
}

a:hover {
color: #0c0;
background: transparent;
}

.hiddenLink {
background: transparent;
text-decoration: none;
}