/* --- start of css --- */
body 
{
	background-image:url(images/bk-stripe.gif);
	background-repeat:repeat;
	margin:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

#container
{
	position:relative;
	overflow: hidden;
	width: 914px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#masthead
{
	margin: 0px;
	float: left;
	height: 189px;
}

#petrologo
{
	position:absolute;
	top:30px;
	left:50px;
}

#menu
{
	position:relative;
	float:left;
	background-color: #FFFFFF;
	width:173px;
	height:569px;
	overflow:hidden;
	margin-bottom:-12000px; padding-bottom:12000px;
}


#menu #flash
{
	margin:0px;
	padding:0px;
	position:absolute;
	margin-top:-25px !important;
	margin-top:164px; 
	width:173px;
	left: 0px;
}

#menuFooter
{
	float:left;
	background-color: #FFFFFF;
	width:165px;
	height:100%;
	margin-top:-6px;
}

#contentHolder
{
	margin-left: 7px;
	margin-right: 7px;
	padding: 0px;
	margin-bottom:0px;
}

#content
{
	float:left;
	position: relative;
	width: 727px !important;
	width: 730px;
	margin: 0px;
	padding: 0px;
	margin-top:0px !important;
	margin-top:-3px;
	margin-bottom:-12000px; padding-bottom:12000px;
}

#contentLeft, #contentFull
{
	float: left;
	font-size:12px;
	padding: 12px;
	padding-top: 4px;
	color:#626262;
	text-align:left;
	width:463px;/*463px->471px*/
}

#contentFull
{
	/*width:738px !important;*/
	width:638px !important;
}

#contentLeft h1, #contentFull h1
{
	font-size:13px;
	color:#ffcc00;
}

#contentLeft h2, #contentFull h2
{
	font-size:12px;
	margin-bottom: 0px;
}
#contentLeft h3, #contentFull h3
{
	font-size:11px;
	margin-bottom: 0px;
}
#contentLeft hr, #contentFull hr
{
	color:#666666;
	background-color:#666666;
	border-style:none;
}
#contentLeft a, #contentFull a
{
	color:#ffcc00;
}
#contentLeft a img, #contentFull a img
{
	border-width: 0px;
}
#contentLeft a:visited, #contentFull a:visited
{
	color:#999999;
}

#contentLeft a:hover, #contentFull a:hover
{
	color:#535353;
}

#contentLeft li, #contentFull li
{
	background-image:url(images/bullet.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
	padding: 5px;
	padding-left: 15px;
	margin-left:-30px;
	list-style: none;
}

#news
{
	float:left;
	width: 216px;
	background-color:#d2d2d2;
	padding: 12px;
	padding-top: 4px;
	padding-right:12px !important;
	padding-right:0px;
	margin-bottom:-12000px; padding-bottom:12000px;
}

#news h1
{
	text-align: left;
	color: #FFFFFF;
	font-size:13px;
	text-transform:uppercase;
	margin-bottom:0px;
}

#news .item
{
	font-size:11px;
	color:#535353;
	text-align: right;
	border-top-color: #FFFFFF;
	border-top-width:1px;
	border-top-style:solid;
	margin-top: 5px;
	padding-top:5px;
}

#news a
{
	display:inline;
	color:#000000;
}

#news .seen
{
	color:#9c9c9c;
	text-decoration:underline;
	display:none;
}

#news .read
{
	display:inline;
	text-decoration:underline;
}

#news a:visited .seen
{
	display:inline;
}

#news a:visited .read
{
	display:none;
}

#news a:hover .seen
{
	color:#535353;
}

#news a:hover .read
{
	color:#535353;
}
#news .pic
{
	float:left;
	margin-left:-12px !important;
	margin-left:-6px;
	padding-top:10px;
}

#footer
{
	position:relative;
	width: 914px;
	background-color:#FFFF;
  	margin-left: auto;
  	margin-right: auto;
	height:114px;
}
#footer .menuSpacer
{
	width:170px;
	height:100%;
	background-color:#ffcc00;
	float:left;
}
#footer .pic
{
	float:left;
	height:114px;
}

#gallery
{
}

.shadowLeft
{
	background-image:url(images/shadow-l.gif);
	background-repeat:repeat-y;
	float: left;
	width:7px;
	height:100%;
}

.shadowRight
{
	background-image:url(images/shadow-r.gif);
	background-repeat:repeat-y;
	float: left;
	width:7px;
	height:100%;
}

#shadowLeft
{
	background-image:url(images/shadow-l.gif);
	background-repeat:repeat-y;
	float: left;
	width:7px;
	margin-bottom:-12000px; padding-bottom:12000px;

}

#shadowRight
{
	background-image:url(images/shadow-r.gif);
	background-repeat:repeat-y;
	float: right;
	width:7px;
	margin-top: -300%;
	margin-bottom:-12000px; padding-bottom:12000px;

}

#shadowBottomContainer
{
	width: 912px;
	margin-top:0px !important;
	margin-top:-3px;
  	margin-left: auto ;
  	margin-right: auto ;
	height:6px;
}
#shadowBottomMid
{
	float:left;
	width:900px;
	background-image:url(images/shadow-b.gif);
	background-repeat:repeat-x;
}

#shadowBottomLeft
{
	width:6px;
	float:left;
	background-image:url(images/shadow-bl.gif);
	background-repeat:no-repeat;
}

#shadowBottomRight
{
	width:6px;
	float:left;
	background-image:url(images/shadow-br.gif);
	background-repeat:no-repeat;
}

#copyright
{
	padding-top:20px;
	padding-bottom:20px;
	color:#666666;
	font-size:9px;
}
#disclaimer
{
	margin:auto;
	padding-top:5px;
	padding-bottom:10px;
	color:#666666;
	font-size:8px;
	width: 624px;
}

.upper
{
	text-transform:uppercase;
}

.line
{
	width:100%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom:solid #666666 1px;
}




.mrItem
{
	background-color:#f0f0f0;
	padding:12px;
	margin:0px;
	margin-bottom:1px;
}

.mrItem h2
{
	font-size:10px;
	margin-top:0px;
	margin-bottom:0px;
}

.mrItem a
{
	display:inline;
	color:#000000;
}

.mrItem .seen
{
	color:#9c9c9c;
	text-decoration:underline;
	display:none;
}

.mrItem .read
{
	display:inline;
	text-decoration:underline;
}

.mrItem a:visited .seen
{
	display:inline;
}

.mrItem a:visited .read
{
	display:none;
}

.mrItem a:hover .seen
{
	color:#535353;
}

.mrItem a:hover .read
{
	color:#535353;
}

.definition
{
	background-color:#f0f0f0;
	padding: 12px;
	margin-bottom:1px;
}
.definition .word
{
	color:#000000;
	font-weight:bold;
}

table
{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
	border-collapse:collapse;
}

table th
{
	margin:0px;
	color:#000000;
	background-color:#ffcc00;
	font-weight:bold;
	font-size:11px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border-bottom-color:#eebb00;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
table td
{
	margin:0px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:#f0f0f0;
	border-bottom-color:#e0e0e0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	text-align:center;
}
table .altHeader
{
	background-color:#ffdd00;
}
table .altCol
{
	background-color:#d0d0d0;
	border-bottom-color:#c0c0c0;
}
table tr:hover td
{
	background-color:#535353;
	color:#ffcc00;
}
/* --- end of css --- */