/* CSS Document */
/*General Body Formatting - Fonts, Background Color etc. */
body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	color: #000000;
	font-size: 14px;
}
body {
	background-color: #F2F2F2;
	margin-top: 0;
	margin-left: 0;
}
/* General Link Formatting*/
a:link {
	color: #8A0808;
}
a:img {
	border-style:none;
	color: #F2F2F2;
}
a:visited {
	color: #3B0B0B;
}
a:hover {
	color: #DF0101;
}
/*Navigation Bar at Top of Page*/
p.navbar {
	background-color: #F2F2F2; 
	padding: 1%;
	text-align: left;
}
p.navbar {
	color:#000000; 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-variant: small-caps;
}
p.navbar a:link {
	color: #000000;
	text-decoration: none
}
p.navbar a:hover {
	color: #000000; 
	font-weight: 600; 
	text-decoration: none
}
p.navbar a:visited {
	color: #000000; 
	text-decoration: none
}	
p.navbar a:img {
	border-style:none;
	border-color: #F2F2F2;
}
/* Header formatting */
/* h1 is used for section title at top of page: ie "Invertebrate Fossils", "About Us"*/
h1 {
	font-size: 2em;
	color: #8A0808;
	font-variant:small-caps;
	text-align:center;
}
h2 {
	font-size: 1.5em;
	color: #000000;
}
/* h3 is used for product subcategory titles: ie "Ammonites" or "Trilobites" */
h3 {
	font-size: 1.25em;
	color: #000000;
	font-weight:bold;
	margin-bottom: 5px;
	margin-left: 5px;
}
h4 {
	font-size: 1.0em;
	color: #000000;
	margin-bottom: 0px;
	margin-left: 5px;
}
/* h5 is used for headers in the right-side menu panel: ie "visit here" */
h5 {
	font-size: 0.75em;
	color: #ffffff;
	text-align:center;
}
h6 {
	font-size: 1.0em;
	color: #8A0808;
	text-align:center;
}
h7 {
	font-size: 1.25em;
	color: #000000;
	font-weight:bold;

}
h8 {
	font-size: 2em;
	color: #8A0808;
	font-variant:small-caps;
	text-align:left;
}
h9 {
	font-size: 2em;
	color: #000000;
	font-variant:small-caps;
	text-align:center;
}
/* class formatting */
/* paragraph class "description" applies to descriptive passages following product subcategories 
(marked with h3 headers) It has a left margin offset equal to the left margin offset for h3. */
p.description {
	margin: 10px 5px 5px 5px;
}
p.press {
	margin: 10px 5px 10px 5px;
}
p.intro {
	margin: 0 5px 5px 5px;
	font-style: italic;
}
p.date {
	margin: 0 10px 5px 5px;
	font-size: 0.75em;
	font-style: italic;
	text-align: center;
	background-color: #F2F2F2;
}
/*style for "click to enlarge" caption before pictures with pop-ups*/
p.enlarge {
font-size: 0.75em;
font-style:italic;
color: #8A0808;
text-align:center;
margin-top: 5px;
}
p.enlarge2 {
font-size: 0.75em;
font-style:italic;
color: #8A0808;
margin-top: 5px;
}
p.welcome {
	margin-top: 0px;
	margin-left: 5px;
	font-size: 0.75em;
}
/*style for site map listing*/
ul.sitemap li {
	list-style-type:none;
	font-size:1.0em;
	margin-left:-20px;
	margin-top:3px;
}
/* ID formatting */
#centercolumn {
	width:595px;
	vertical-align: top;
	background-color: #F2F2F2; 
}
#centercolumn2 {
	width: 620px;
	vertical-align: top;
	background-color: #F2F2F2; 
	margin: 0px 25px 0px 25px;
	align: center;
}
#leftcolumn {
	width: 50px;
	vertical-align: top;
	background-color: #F2F2F2; 
}

#rightcolumn {
	vertical-align: top;
	background-color: #F2F2F2; 
}


	
/*division id "indent" is used for indenting the left and right margins of the subtitle and descriptive paragraph by 50px so the product categories stand out on the left.*/
#indent {
	margin: 50px 50px 50px 50px;
	align: left;
}
/*division id "indent2" is used for indenting the left and right margins of the subtitle and descriptive blurb above product lists so the pics stand out more to the left.*/

#indent2 {
	margin: 25px 50px 25px 25px;
}
#indent3 {
	margin: 25px 25px 25px 25px;
}
#header {
	margin: 0px 75px 25px 25px;
}

/* division id "rightcaption" identifies the introductory passage located in the right-most column
of the page layout. Specifically, it is the top portion of this block. */
#rightcaption {
	width: 150px;
	background-color:#000000; 
	font-size: 1.00em;
}
/* division id "visit" identifies the lower portion of the right-hand menu. This area should contains
links to other product categories of interest */
#visit {
	font-size: 1.00em;
	color: #000000;
}
/*Footer with Copyright information at bottom of page*/
p.footer {
	background-color: #F2F2F2; 
	border: 1px #f2f2f2 solid; 
	padding: 1%; 
	text-align: center;
}
p.footer {
	font-family: "Verdana", "Arial", "sans serif"; 
	color: #000000; 
	font-size: 0.75em; 
	text-align: center;
}