﻿/* navigation */
#flownav
{
	background: #004080 url(images/h200_reverse.png);
	border-bottom: 1px solid #CCCCCC;
	height: 156px;
	width: 760px;
}

#flownav ul {	
	width:600px;
	margin:0 auto;	
}

#flownav li {	
	/*border-right:1px solid #ddd;*/
	float:left;
	padding-left:1px;
	width:175px;
	list-style-type:none;
	text-align:center;
	font-family: Arial;
}

#flownav a {
	color:#fff;
	display:block;
	padding:17px;
	position:relative;
	word-spacing:-2px;
	font-size:11px;		
	height:122px;
	text-decoration:none;
}
#flownav a:hover {
	text-decoration:underline;
}	

#flownav a#tab1.current
{
	color:#000;
	background:url(images/down_large1.png);	
}
#flownav a#tab1.current:hover {
	text-decoration:none;
}	

#flownav a#tab2.current
{
	color:#000;
	background:url(images/down_large2.png);	
}
#flownav a#tab2.current:hover {
	text-decoration:none;
}

#flownav a#tab3.current
{
	color:#000;
	background:url(images/down_large3.png);	
}
#flownav a#tab3.current:hover {
	text-decoration:none;
}

#flownav img {
	/*background-color:#fff;
	border:1px solid #ccc;*/
	border: 0;
	margin:3px 0 5px 27px;
	padding:4px;
	display:block;
}

#flownav strong {
	display:block;		
	font-size:15px;
}

/* panes */
#flowpanes {
	background:#fff;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0;
	width:760px;	
	height:200px;
	margin-bottom:-20px;
	/*padding-bottom:20px;*/
	font-family: Arial;
	
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
}

/* crossfading effect needs absolute positioning from the elements */
#flowpanes div {
	display:none;
	position:absolute;
	/*top:20px;
	left:20px;*/
	font-size:14px;
	color:#444;	
	width:738px;
	padding: 10px;
	background:#fff
}

/*#flowpanes div#pane1 {
	background:#fff url(images/h300_reverse1.png) repeat scroll 0 0;
}

#flowpanes div#pane2 {
	background:#fff url(images/h300_reverse2.png) repeat scroll 0 0;
}

#flowpanes div#pane3 {
	background:#fff url(images/h300_reverse3.png) repeat scroll 0 0;
}*/

#flowpanes img {
	float:left;
	margin-right:20px;		
}

#flowpanes p.more {
	color:#000;
	font-weight:bold;
}

#flowpanes h3 {
	margin:0 0 -5px 0;
	font-size:22px;
	font-weight:normal;
}

.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}
