@import url(/centralstyle/style.css);

/******************************************************** GENERAL STYLES */
html { overflow-y:scroll;}
html, body { height: 100%; min-height: 100%; } /* for ie6 */
body {
/*	overflow:hidden; */
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font: 12px/1.5 Arial, Helvetica, sans-serif;
	/* define the background here for no JS to defeat IE6 bg positioning bug*/
	background-image:url(../config_central/vida_images/strip.jpg);
	background-repeat:repeat-y;
	background-position:center;
	color:#333333;
	background-color:#faf4e6;
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	background-color: white;
	border: 1px solid #dad5cb;
	color:#666666;
}
input:focus, textarea:focus { background-color:white; border: 1px solid #dad5cb; color:#333333; }
h1, h2, h3 { font-size:14px; font-weight:normal; color:#ba4a00;}
h4, h5, h6 { font-size:12px; font-weight:normal; color:#ba4a00;}
h1, h4 { font-weight:bold; }
h3, h6 {font-style:italic; }
img { border:none; }
a {	color:#ba4a00; text-decoration:none; }
a:hover { color:#ba4a00; text-decoration:underline; }

/******************************************************** VIDA STYLE */
#vida_screen { display:none; position:absolute; height:100%; width:100%; background-color:#faf4e6; z-index:100; }
#vida_static_bg {
	z-index:1;
	position:absolute;
	height:100%;
	width:100%;
}
#vida_static_bg_inside {
	height:100%;
	width:880px; 
	margin-left:auto; margin-right:auto;
	background-image:url(../config_central/vida_images/strip.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
#vida_fade {
	z-index:2;
	position:absolute;
	width:100%;
	background-image:url(../config_central/vida_images/fade.jpg);
	background-repeat:repeat-x;
}
#vida_scraps {
	position:relative;
	width:880px; height:630px;
	margin-left:auto; margin-right:auto;
	background-image:url(../config_central/vida_images/scraps.jpg);
	background-repeat:no-repeat;
}
#vida_logo {
	position:absolute;
	left:55px; top:52px;
	width:110px; height:55px;
}
#vida_nav_top {
	position:absolute;
	left:243px; top:50px;
	width:500px; height:22px;
	text-align:justify;
	overflow:hidden;
}
	.vida_navlink { margin-left:5px; text-decoration:none; }
	.vida_navlink, .vida_navlink_first { }
#vida_nav_side {
	position:absolute;
	right:58px; top:100px; height:330px;
	width:155px;
	overflow-x:hidden;
	overflow-y:auto;
}
	#vida_nav_side ul { list-style: none; margin-left:10px; margin-top:0px; padding:0px;
		font-family:"Courier New", Courier, monospace;
	}
	#vida_nav_side ul li { list-style: none; }
	#vida_nav_side li a {
		color:#333333;
		text-decoration: none; display: block; min-height:12px;
		margin-top: 8px; padding-bottom: 0px;
		}
	#vida_nav_side li a.vida_selected_link { color:#ba4a00 }

	/*
	#vida_nav_side ul { margin: 0; padding: 0; }
	#vida_nav_side ul li { list-style: none; }
	#vida_nav_side li a {
		text-decoration: none; display: block; min-height:25px;
		padding-top: 4px; padding-bottom: 0px;
		padding-left: 40px; padding-right: 5px;
		}
	.indented_ul li a span { display:block; padding-left:18px; }
	.indented_ul .indented_ul li a span { display:block; padding-left:36px; }
	.indented_ul .indented_ul .indented_ul li a span { display:block; padding-left:54px; }
	.indented_ul .indented_ul .indented_ul .indented_ul li a span { display:block; padding-left:72px; }
	*/


	/*
	#vida_nav_side ul { font-weight:bold; margin: 0; padding: 0; }
	#vida_nav_side ul li { list-style: none; }
	#vida_nav_side li a {
		text-decoration: none; display: block; min-height:25px;
		padding-top: 4px; padding-bottom: 0px;
		padding-left: 40px; padding-right: 5px;
		color:rgb(220,85,0);
		}
	.indented_ul span {	background-image: url(../config_central/safe_images/nav_bull_orange.png); background-position:left; background-repeat:no-repeat; }
	#vida_nav_side a:hover { background: url(../config_central/safe_images/nav_arrow.png) left center no-repeat; }
	#vida_nav_side a.selected_lnk, #vida_nav_side a.selected_lnk:hover { background: url(../config_central/safe_images/nav_arrow_orange.png) left center no-repeat; cursor:default; } 
	.indented_ul li a span { display:block; padding-left:18px; }
	.indented_ul .indented_ul li a span { display:block; padding-left:36px; background-position: 18px;}
	.indented_ul .indented_ul .indented_ul li a span { display:block; padding-left:54px; background-position: 36px;}
	.indented_ul .indented_ul .indented_ul .indented_ul li a span { display:block; padding-left:72px; background-position: 54px;}
	*/





#vida_main_content {
	position:absolute;
	left:243px; top:180px;
	width:400px;
	padding-bottom:20px;
}
	#vida_main_content_label {
	}
	#vida_main_content_not_label {
	}
#vida_sticky_pad {
	position:absolute;
	left:665px; bottom:10px;
	padding-top:15px; padding-bottom:25px; overflow:hidden;
	padding-left:25px;
	padding-right:15px;
	width:130px; height:125px;
	background-image:url(../config_central/vida_images/sticky.png);
}
#vida_sticky_pad_inside { overflow:hidden; height:130px; }
#vida_sticky_pad_inside p, #vida_sticky_pad_inside h1,
#vida_sticky_pad_inside h2, #vida_sticky_pad_inside h3,
#vida_sticky_pad_inside h4, #vida_sticky_pad_inside h5,
#vida_sticky_pad_inside img { margin-top:0px; }

/* side photo 1 */
#vida_side_photo {
	position:absolute;
	left:18px; top:152px;
	margin-left:20px; margin-top:23px;
	width:149px; height:153px;
	background-color:#666666;
}
#vida_side_photo_contents { display:block; width:149px; height:153px;}
#vida_side_photo_fg {
	position:absolute;
	left:18px; top:152px;
	margin-left:5px;
	width:195px; height:215px;
	background-image:url(../config_central/vida_images/polaroidtop.png);
}

/* side photo 2 */
#vida_side_photo2 {
	position:absolute;
	left:18px; top:320px;
	margin-left:25px; margin-top:30px;
	width:149px; height:153px;
	background-color:#666666;
}
#vida_side_photo2_contents { display:block; width:149px; height:153px;}
#vida_side_photo2_fg {
	position:absolute;
	left:18px; top:320px;
	width:195px; height:223px; 
	background-image:url(../config_central/vida_images/polaroidbottom.png); 
}

/* first child atrributes - apply to all fields in the middle of the postcard*/
#vida_main_content_label h1:first-child,
#vida_main_content_not_label h1:first-child,
#vida_main_content_not_label h2:first-child,
#vida_main_content_not_label h3:first-child,
#vida_main_content_not_label h4:first-child,
#vida_main_content_not_label h5:first-child,
#vida_main_content_not_label h6:first-child,
#vida_main_content_not_label p:first-child,
#vida_main_content_not_label img:first-child {
	margin-top:0px;
}

#vida_footer { clear:both; padding-top:25px; }
#vida_footer_inside { padding-top:25px; color:#CCCCCC; border-top:1px solid #CCCCCC; }
#vida_footer_inside a { color:#CCCCCC; }

/******************************************************** CENTRAL STYLE */
#central_gallery5_thumbnails { }
.central_thumbnail_image {
	display:block; width:60px; height:40px; background-color:#CCCCCC; overflow:hidden; float:left; margin-bottom:8px;
}
.central_thumbnail_image:hover {
}


.overview_label_link { display:block; }
.overview_label {
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid white; /* IE6 needs this on the top */
	font-size:14px; font-weight:normal; color:#ba4a00;
}
.overview_label:hover { color:#333333; } 
.overview_label a:hover { text-decoration:underline; }
.overview_label a { text-decoration:none; }
.overview_link_group, .overview_blurb { display:block; margin-bottom:1em; } 
.overview_link_group a { color:#000099; }
.overview_link { display:none; }


/******************************************************** Central Menue */
li.xc {
	list-style: none;
	color: gray;
}
div.xcx, div.xcc {
	position: absolute;
	/*	display: inline; */
}
li.xc>div.xcx, li.xc>div.xcc {
	position: static;
	margin-left: -1.65em; 
	float: left;
	width: 1.5em;
}
div.xcx a, div.xcc a {
	position: absolute;
	left: -1.5em; /*distance plus and minuses are away from the label */ 
}
div.xcx>a, div.xcc>a {
	position: static;
}
div.xcx a:link, div.xcx a:visited,
div.xcc a:link, div.xcc a:visited {
	color: black; /*plus symbol */
	text-decoration: none;
	font-family: "Courier New", Courier, monospace; 
	font-size: 100%;
/*	font-weight: bold; */
/*	background-color: white; */
/*	padding: 0em .4em 0em .4em; */
	padding: 0em .35em 0em .35em;
	line-height: 1em; 
	display: inline;
}

