@import url(../centralstyle/style.css);

/******************************************************** GENERAL STYLES */
html {overflow-y:scroll; }

body {
	padding:0px; margin:0px;
	background-color: #D6E28D; color: #4f503e;
	font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
	font-size: 74%;
	line-height:130%;
}

h1, h2, h3, h4, h5, h6 { font-weight:normal; letter-spacing:1px; }
h1,h2 { font-size:1.1em; text-transform:uppercase; }
/*h2 { font-size:1.6em; line-height:1.1em; font-variant:small-caps; }*/
h1, h2, h3, h4, h5, h6 { font-size:1.05em; color: #4f503e; }
h4, h5, h6 { font-style:italic; }

a { text-decoration:none; color: #7aa42f; }
input, textarea {
	font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
	font-size:100%;
	background-color: white;
	border: 1px solid #7AA42F;
	color:#7AA42F;
}
input:focus, textarea:focus { background-color:white; border: 1px solid black; color:black; }
img { border:none; }

/******************************************************** PERIPOINT STYLE
DIV TAG HEIRARCHY:
peripoint_container					contains all content
	peripoint_header				contains the logo
	peripoint_left_navigation		contains the navigation
	peripoint_middle_content		contains the main content of the page
	peripoint_right_orange_box		contains extra information
	peripoint_footer				contains footer information
*/

/* container positions and colors */
#peripoint_container { width:700px; margin-left:auto; margin-right:auto; background-color:white; overflow:hidden;}
#peripoint_header { height: 85px; padding-left:15px; padding-top:15px; padding-bottom:20px;}
#peripoint_left_navigation { float:left; width:155px; overflow:hidden; margin-bottom:15px; }
#peripoint_middle_content {	float:left; width:350px; margin-left:5px; overflow:hidden; margin-bottom:15px;}
#peripoint_right_orange_box { float:right; width:136px; background-color:#ffad10; padding:12px; overflow:hidden; margin-bottom:15px; color:white; text-transform:uppercase; color:black; letter-spacing:1px; }
	#peripoint_right_orange_box img { margin-left:-6px; } */
	#peripoint_right_orange_box h1 { color:white; text-transform:none; }
	#peripoint_right_orange_box a { color:#CC3300 }
	#peripoint_right_orange_box:hover a { color: #000; background-color: #FFFF00; }
#peripoint_footer {	clear:both; border-top: 1px solid #D6E28D; color: #4f503e; font-size:10px; padding-left:160px; padding-bottom:5px; }
#peripoint_footer p { margin:0px; margin-top:5px; }

/* font spacing adjustments */
#peripoint_middle_content p:first-child, #peripoint_middle_content img:first-child,
#peripoint_middle_content h1:first-child, #peripoint_middle_content h2:first-child,
#peripoint_middle_content h3:first-child, #peripoint_middle_content h4:first-child,
#peripoint_middle_content h5:first-child, #peripoint_middle_content h6:first-child { margin-top:0px;}
#peripoint_right_orange_box *:first-child { margin-top:0px;}
#peripoint_right_orange_box *:last-child { margin-bottom:0px;}

.peripoint_image_caption { text-align:right; font-style:italic; display:block; }

/* navigation styles */

/* first level */
#peripoint_left_navigation ul:first-child { margin-top:0px; padding-top:0px;}
#peripoint_left_navigation ul { list-style:none; margin-left:0px; padding-left:0px; }

#peripoint_left_navigation ul a { display:block; color:#4f503e; margin-bottom:.25em; overflow:none; padding-top:2px; padding-bottom:2px; overflow:hidden; border-left:15px solid #D6E28D;}
#peripoint_left_navigation ul a .peripoint_nav_link { background-color:#D6E28D; padding-top:4px; padding-bottom:4px; padding-right:5px;}

#peripoint_left_navigation ul a:hover { border-left:15px solid white; }
#peripoint_left_navigation ul a:hover .peripoint_nav_link { background-color:white; }

#peripoint_left_navigation ul a.peripoint_selected { border-left:15px solid #ffad10; cursor:default; }
#peripoint_left_navigation ul a.peripoint_top_open { border-left:15px solid #ffad10; cursor:pointer; }

#peripoint_left_navigation ul a.peripoint_selected .peripoint_nav_link,
#peripoint_left_navigation ul a.peripoint_top_open .peripoint_nav_link { background-color:#ffad10; }

/* second level */
#peripoint_left_navigation ul ul { font-size:90%; } 
#peripoint_left_navigation ul ul a { border-left:15px solid white; padding:0px; padding-top:0px; padding-bottom:2px;} 
#peripoint_left_navigation ul ul a .peripoint_nav_link { padding-top:0px; padding-bottom:0px; background-color:white; }
#peripoint_left_navigation ul ul a.peripoint_selected { border-left:15px solid white;}
#peripoint_left_navigation ul ul a.peripoint_selected .peripoint_nav_link { background-color:white; color:#ffad10;}
#peripoint_left_navigation ul ul a:hover .peripoint_nav_link { color:#ffad10; }

/* thrid level and further */
#peripoint_left_navigation ul ul ul { list-style:none; margin-left:0px; padding-left:15px; font-size:100%; }
#peripoint_left_navigation ul ul ul a { padding-bottom:1px;} 

/******************************************************** CENTRAL STYLE */
.central_welcome_box { background-color:#ffad10; color:#4f503e; }
.central_welcome_box a { text-decoration:none; color:#4f503e; }
/* .central_contactform_phone { display:block }
.central_contactform_address { display:block }
.central_contactform_address_additional { display:block }
*/

#central_image_gal div { /*background-color:#CCCCCC; height:460px; */ }
#central_image_gal_controls { margin-top:5px;}


/*
#w_main_content a.overview_label_link, .overview_label_link { display:block; background-color:#99b09d; padding:5px; text-decoration:none;}
#w_main_content a.overview_label_link:hover, .overview_label_link:hover { display:block; background-color:#c60000; color:white;}
*/
.overview_image { display:block; float:left; width:160px; height:90px; overflow:hidden; margin-bottom:1.1em; background-color:#D6E28D; cursor:pointer; }
.overview_image img { position:absolute; }
.overview_image span a {
	position:absolute; display:block; padding:4px; margin-top:50px; border:1px solid white; border-left:0px;
}
.overview_image span a {
	color:white; font-weight:bold; 
}
.overview_label, .overview_time, .overview_blurb, .overview_link_group {
	display:block;
	float:right;
	width:170px; overflow:hidden;
}
.overview_link_group { clear:both; }

.overview_label {
	border-top:1px solid white; /* IE6 needs this on the top */
	text-transform:uppercase; letter-spacing:1px;
	margin-bottom:1.1em;
}
.overview_label:hover { } 
.overview_label a:hover { }
.overview_label a { text-decoration:none; background-color:white; color:#4f503e; }
.overview_link_group, .overview_blurb { display:block; margin-bottom:1.1em; } 
.overview_link_group a { }
.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;
}