@charset "UTF-8";
/* CSS Document */


#imagebox {
	width:650px;
	margin:0px 0px 0px 260px;
	float:left;
	position:relative;
	height:400px;
	top:10px;
	padding:0px;
	}
	
	
#colorfield {
	width:450px;
	margin:0px;
	float:left;
	position:relative;
	height:120px;
	padding:10px;
	background-color:#ECECEC;
	}
	
	
#column2 {
	width:650px;
	margin:0px 0px 0px 260px;
	float:left;
	position:relative;
	top:0px;
	padding:0px;
	position:relative;
	z-index:2;
	}
	
	
#column3 {
	width:450px;
	margin:0px 0px 0px 360px;
	position:relative;
	top:0px;
	padding:0px;
	position:relative;
	z-index:6;
	}
	
		
#navigation {
	top:0px;
	width:320px;
	margin:30px 0px 0px 0px;
	padding:0px;
	}
	
	
#entire {
	width:1024px;
	height:780px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0px;
	padding:0px;
	position:absolute;
	left:20px;
	top:0px;	
	}


#title {
	top:35px;
	width:910px;
	height:60px;
	padding:0px 0px 30px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	border-width: 0px 0px 0px 0px;
	border-style:solid; 
	border-color:#E1E1E1;
	color:#FFFFFF;
	position:relative;	
	}


#bfatitle {
padding:25px 60px 0px 25px;
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
width:600px;
color:#fff;

}

#bfatype {
padding:5px 60px 0px 25px;
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
width:610px;
line-height:20px;
color:#fff;

}


#info {
	width:650px;
	height:120px;
	padding:0px 0px 0px 0px;
	margin:36px 0px 0px 260px;
	text-align:justify;
	overflow:hidden;
	position:relative;	
	}


#fontsize {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
	
}

#fontsize2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
	
}

#fontbody {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:15px;
color:#333333;
text-align:justify;
	
}

#fontbody2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#999999;
	
}

#h4 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#33CCCC;
	
}

#LG {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#252525;
line-height:32px;
font-weight:lighter;
	
}
	
	#outer {  position:relative; background:url(red_frog.jpg) no-repeat 0px 160px;
	/*height:510px; width:504px; */
	}

#outer #content {clear:left; position:absolute; left:0px; top:50px; width:220px; z-index:10;}

#menu {list-style-type:none; padding:0; margin:0; width:180px; position:absolute; left:0; border:1px solid #fff; border-width:0 0px 0px; 
z-index:100; color:#E6E6E6;}
/* top:70px;*/

#menu ul {list-style-type:none; padding:0; margin:0; width:220px; }

#menu li {float:left; position:relative; border-top:1px solid #fff;background-color:#ffffff; color:#999999;}

#menu li.sub { border:1px solid #E6E6E6; border-width:0px 0px 1px 0px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; top:3px;
}


#menu li, #menu li a {display:block; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:25px; width:220px; text-decoration:none;  cursor:pointer; font-weight:medium; text-indent:5px; text-align:left; }


#menu ul.hide {display:none; font-color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:21px; width:220px; text-decoration:none;  cursor:pointer; font-weight:medium; text-indent:5px; text-align:left;}

#menu ul.show {display:block; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:21px; width:220px; text-decoration:none;  cursor:pointer; font-weight:medium; text-indent:5px; text-align:left; border:1px solid #E6E6E6; border-width:1px 0px 0px 0px;}

#menu ul.youarehere {
font-color:#999999; background-color:#E9E9E9; }

#menu ul li.youarehere { background:#F2F2F2; color:#999999; }

#menu ul,
#menu li.click ul ul,
#menu li.click ul li.hover ul ul {display:none; background:#F2F2F2;}

#menu li.hover {color:#333333; z-index:500;}
#menu li.click {color:#333333;}

#menu li.click ul {display:block;}
#menu li.click ul li.hover ul, 
#menu li.click ul li.hover ul li.hover ul {display:block; color:#333333; position:absolute; left:110px; top:-1px; border:1px solid #fff; border-width:0 1px 1px; background:#F2F2F2; color:#333333;}

#menu li.click ul li.fly {background: #ffffff url(frog_arrow.gif) no-repeat top right;color:#666666;}
#menu li.click ul li.hover {background:#F2F2F2; color:#333333;}

#menu li.click ul li.hover ul li {background:#F2F2F2; color:#ffffff;}
#menu li.click ul li.hover ul li.hover ul li {background:#780; z-index:500;}

#menu li.click ul li.hover ul li.fly {color:#333333; background:#F2F2F2;}
#menu li.click ul li.hover ul li.hover {z-index:500; background:#fa4;}
#menu li.click ul li.hover ul li.hover a {color:#000;}

#menu li.click ul li.hover ul li.hover ul li.hover {background:#F2F2F2; color:#333333;}
#menu li.click ul li.hover ul li.hover ul li.hover a {color:#fff;}

#outside img {display:block; float:right;}
#outside p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}


* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		p { text-align: left; margin: 10px 0px ; font-family:Arial, Helvetica, sans-serif; font-size:11px;
		line-height:15px; }
		
		p, ul { font-size: 11px; line-height: 15px; font-family:Arial, Helvetica, sans-serif; color:#999999; } 
		
		p a, li a { color: #39c; text-decoration: none }
		
		p.intro { border-bottom: 1px solid #ccc; border-width: 1px 0px 1px 0px; margin-bottom: 0px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		      
		h3 { border-width: 0px 0px 1px 0px; border-style: solid; border-color:#E6E6E6; margin-bottom: 5px; padding-bottom: 6px; text-align: left;
		font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#333333; font-weight:normal; width:650px;
  }
		
		body {
			font-family: Verdana, Arial;
			background: none;
			color: #000;
			width: 650px;
			margin: 0px 0px 0px 60px;
			text-align: left;
			height:410px;
		}
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 0px 0 0px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin:  0px;
			padding:0px 0px 0px 0px;
			position: relative;
			width: 650px;
			height:440px;
		/*	border-width: 1px 0px 0px 0px;
			border-style:solid;
			border-color:#E6E6E6; */
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: hidden}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
		/*	border: 1px solid #E6E6E6;
			border-width: 1px 0px 1px 0px; /* this is the border. should have the same value for the links */
			margin: 0px;
			width: 650px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 400px;
			clear: both;
			background: #fff;
			padding:0px 0px 0px 0px;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 650px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px 0px 0px 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0px 0px 0px 0px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px;
			 /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-family:Arial, Helvetica, sans-serif;
			font-weight: medium;
			text-align: center;
			line-height: 12px;
			background: #ffffff;
			color: #cccccc;
			text-decoration: none;
			display: block;
			margin:0px 0px 5px 0px;
			padding: 0px 10px 0px 5px;
			border-width: 0px 0px 0px 1px;
			border-style:solid;
			border-color:#E6E6E6;
		}
		
		.stripNav li.tab1 a { background: #fff }
		.stripNav li.tab2 a { background: #fff }
		.stripNav li.tab3 a { background: #fff }
		.stripNav li.tab4 a { background: #fff }
		.stripNav li.tab5 a { background: #fff }
		
		.stripNav li a:hover {
			background: #ffffff;
			color:#333333;
			border-width: 0px 0px 0px 1px;
			border-style:solid;
			border-color:#333333;


		}
		
		.stripNav li a.current {
			background: #fff;
			color: #333333;
			border-width: 0px 0px 0px 1px;
			border-style:solid;
			border-color:#333333;

		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
	/*		position: absolute; */
	/*		top: 230px;  */
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 5px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}