body { font-family:Arial,Helvetica,Verdana,sans-serif; font-size:10px; color:#555555; background:url(/images/h_BG.gif) top left repeat-y #FFFFFF; height:100%; padding:0; margin:0; }
h1 { font-size:32px; color:#CC8800; font-style:normal; font-weight:normal; margin:0 0 6px; padding:0; }
h2 { font-size:28px; color:#4411AA; font-style:italic; font-weight:normal; margin:6px 0; padding:0; }
h3 { font-size:20px; color:#446600; font-style:italic; font-weight:normal; margin:20px 0 0; padding:0; }
h4 { font-size:18px; color:#6688CC; font-style:italic; font-weight:normal; margin:0 0 8px; padding:0; }
h5 { font-size:12px; color:#8877AA; font-style:italic; font-weight:normal; margin:0 0 8px; padding:0; }
h6 { font-size:12px; color:#CCCCCC; font-style:italic; font-weight:normal; margin:0 0 8px; padding:0; }
td { font-size:14px; color:#003333; }
th { font-size:14px; color:#333333; }
p  { font-size:14px; color:#003333; text-align: justify;}
li { font-size:14px; margin-bottom:5px; }
pre { border:1px solid #FF0000; color:#FF0000; }

a:link    { color:#2255BB; }
a:visited { color:#2255BB; }
a:hover   { color:#FF0000; }

.hidden_row { display:none; }
.visible_row { display:table-row-group; }
.visible_row td {  border-bottom:1px solid #6666FF; background-color:#F9F9F9; }
.hidden_div { display:none; }
.visible_div { display:block; position:absolute; background-color:#EEE; border:1px solid #F00; height:17px; }

th.preview { background-color:#0077FF; color:white; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold; margin:0; padding:2px; }
td.preview { background-color:#FFFFFF; }

.article   { font-family:Arial,Helvetica,Verdana,sans-serif; display:block; clear:both; padding:0; margin:0 40px 10px 40px; color:#003333; font-size:14px; }
.asset     { display:block; float:none; font-size:10px; font-style:italic; background-color:transparent; padding:5px; margin:2px 10px;}
.museum    { text-align:center; margin-bottom:25px; }
.museum .caption { font-style:italic; }
.museum_descr { font-size:14px; font-style:italic; }
.caption * { font-size:12px; font-style:italic; }
.copyright { display:block; clear:both; text-align:center; color:#CC8800; padding:5px 10px 0px; font-size:11px; font-weight:normal; font-style:italic; }
.contact { display:block; clear:both; text-align:left; color:#003333; padding:15px 6px 0px; font-size:10px; font-weight:bold; }

.paypal {
		display:block; 
		clear:both; 
		text-align:center; 
		border:1px solid #F90;
		color:#003333; 
		margin:2px; 
		padding:8px; 
		font-size:10px; 
		font-weight:bold; }

.footnote  { display:block; clear:both; text-align:center; color:#CC8800; padding:0px 10px 2px; font-size:11px; font-weight:normal; font-style:italic; }

.authorization { font-size:12px; color:#0077FF; }
.authorization .notice { color:#FF0000; }

#Column_L {
	width: 175px; }

#Column_C {
	width: auto; }

.contact,
.paypal {
	width: 175px; }

/* =CONTACT US
------------------------------------------------------------------------------*/
#contact_us {
	font-size: 11px; }

#contact_us table {
	margin: 0 auto; }

#contact_us th {
	font-size: 12px; 
	text-align: right; 
	padding: 3px; 
	font-weight: bold;
	white-space: nowrap; }

#contact_us td {
	font-size: 11px; 
	text-align: left; 
	padding: 3px;  }

#contact_us div#message {
	border: 1px solid #DDD;
	height: 5.0em;
	padding: 3px;
	overflow: auto;  }

#contact_us span {
	display: table; }

#contact_us #submit_spn {
	display: table; 
	margin: 0 auto; }

#contact_us button {
	padding: 3px 5px; }


.directory { 
	display:block; 
	clear:both; 
	position:absolute; 
	right:0; 
	top:97px; 
	width:auto; 
	font-size:12px; 
	font-weight:bold; 
	padding:0; 
	margin:0; 
	border-right:5px solid #25B; 
	border-bottom:3px solid #68C; }

.directory a { 
	display:block; 
	clear:none; 
	float:left; 
	text-decoration:none; 
	padding:2px 10px; 
	margin:0; }

.directory a:link,
.directory a:visited { 
	color:white; 
	background:#896; 
	border-top:1px solid #FFF; 
	border-bottom:1px solid #FFF; 
	border-left:10px solid #C80; }

.directory a:active  { 
	background:#25B; }

.directory a:hover   { 
	color:#FF0; 
	background:#F00; 
	text-decoration:underline; 
	border-left:10px solid #FF0; }

.heading   { 
	display:block; 
	clear:none; 
	color:white; 
	background:#C80; 
	border-top:5px solid #25B; 
	border-right:10px solid #896; 
	border-left:5px solid #25B; 
	padding:0px 10px; 
	font-size:16px; 
	font-weight:bold; }

.index { 
	display:block; 
	font-size:10px; 
	font-weight:bold; 
	position:relative; 
	left:0px; 
	top:0px; 
	width:auto; 
	height:auto; 
	margin:0 auto 10px; 
	white-space:normal; 
	text-align:center; 
	border-top:3px solid #25B; 
	border-bottom:1px solid #25B; }

.index a             { 
	display:block; 
	clear:both; 
	padding:3px 10px; 
	text-decoration:none; }

.index a:link,
.index a:visited     { 
	color:white; 
	background:#674; 
	border-top:1px solid #FFF; 
	border-left:5px solid #25B; 
	border-right:10px solid #C80; }

.index a:hover       { 
	color:#FFF; 
	background:#F00; 
	text-decoration:underline; 
	border-right:10px solid #FF0; }



.banner { font-family:Georgia,'Times New Roman',Times,serif; display:block; clear:none; text-align:center; margin:2px 10px 25px; padding:0; color:#0077FF; font-style:italic; font-size:16px; }
.banner a { text-decoration:none; } 
.banner a p       { color: #2255BB; text-decoration:none;  font-style:italic; font-size:14px;}
.banner a:hover p { color: #FF0000; text-decoration:underline;  }



.resource { display:block; clear:none; margin:10px 20px; padding:0px; color:#666666; font-size:14px; white-space:normal; }
.resource h3 a    { color: #0077FF; font-style:italic; }
.resource a       { color: #0066CC; font-style:italic; }
.resource a:hover { color: #FF0000; }


/* =COLUMNS
------------------------------------------------------------------------------*/
.twocolumns {
	display: table;
	width: 100%; }

.twocolumns .one {
	display: inline-table;
	float: left;
	margin: 0 25px 0 0;
	width: 46%; }

.twocolumns .two {
	display: inline-table;
	float: right;
	width: 46%; }

.threecolumns {
	display: table;
	width: 100%; }

.threecolumns .one {
	display: inline-table;
	float: left;
	margin: 0 25px 0 0;
	text-align: left;
	width: 30%; }

.threecolumns .two {
	display: inline-table;
	float: left;
	margin: 0 25px 0 0;
	text-align: left;
	width: 30%; }

.threecolumns .three {
	display: inline-table;
	float: left;
	text-align: left;
	width: 30%; }

.fourcolumns {
	display: table;
	width: 100%; }

.fourcolumns .one {
	display: inline-table;
	float: left;
	margin: 0 25px 0 0;
	width: 22%; }

.fourcolumns .two {
	display: inline-table;
	float: left;
	margin: 0 25px 0 0;
	width: 22%; }

.fourcolumns .three {
	display: inline-table;
	float: left;
	margin: 0 25px 0 0;
	width: 22%; }

.fourcolumns .four {
	display: inline-table;
	float: left;
	width: 22%; }


/* =PATH DOORS
------------------------------------------------------------------------------*/
.columns1,
.columns2,
.columns3,
.columns4 {
	width: 98%;
	height: 120px;
	padding: 10px;
	vertical-align: top; }

.columns1 .col1 {
	width: 98%; 
	text-align: justify; 
	padding: 10px;
	vertical-align: top; }


.columns2 .col1,
.columns2 .col2 {
	width: 49%; 
	text-align: justify; 
	padding: 10px;
	vertical-align: top; }


.columns3 .col1,
.columns3 .col2,
.columns3 .col3 {
	width: 32%; 
	text-align: justify; 
	padding: 10px;
	vertical-align: top; }


.columns4 .col1,
.columns4 .col2,
.columns4 .col3,
.columns4 .col4 {
	width: 24%; 
	text-align: justify; 
	padding: 10px;
	vertical-align: top; }
	
.columns1 .col1 a,
.columns2 .col1 a,
.columns2 .col2 a,
.columns3 .col1 a,
.columns3 .col2 a,
.columns3 .col3 a,
.columns4 .col1 a,
.columns4 .col2 a,
.columns4 .col3 a,
.columns4 .col4 a {
	font-weight: bold;
	font-size: 14px; }
