body {
	font-size: 62.5%;
	color: #333333;
	font-family: “Lucida Sans Unicode? “Lucida Grande? sans-serif;
}

#panel {
	position: relative;
	margin: auto;
	background: transparent url(panelbg.png) no-repeat top left;
	width: 960px;
	height: 708px;
}

#bg {
	background-image: url(images/Header_bkgrnd-logo.png);
	background-position:center;
	background-color:#000000;
	background-repeat: no-repeat;
	height:109px;
}

.link1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #FFFFFF;
	
}

.link1 A{
	text-decoration:none;
	background-color:#6f7578;
	color: #515151;
}

.link1 A:hover{
	text-decoration:none;
	background-color:#6f7578;
	color: #1B84C0;
	border-top:solid 3px #323638;
}
.link2 {
	text-decoration:none;
	color: #1B84C0;
}

.search-field{ /*input field */
	width:181px;
	font-family:arial;
	color:#FFFFFF;
	font-size: 11px;
	/*border: none;*/
	padding: 5px 7px 0 0;
	border:0px;
	height:24px;
	background: url(images/search_bar.png) no-repeat top right; 
	float:left;
	
}

.search-go { /*search icon */
	float:right;
	border:0;
	margin:0;
	padding:0px 0 0 0;
	margin-left: 0;
	height: 24px;
	width: 28px;
	background: url(images/search_magnify.png) no-repeat top right;
	cursor: pointer;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	background-image:url(images/video_background_box.png);
	overflow: scroll; /*leave this value alone*/
	width: 727px; /*Width of Carousel Viewer itself*/
	height: 405px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

	}
			#FrogJS{
				width: 760px;
				height: 600px;
				margin: 0 auto;
			}
			#FrogJSCredit{
				text-align: right;
				font-size: 80%;
				color: #999;
				padding: 1px;
			}
			#FrogJSCaption{
				text-align: left;
				line-height: 140%;\
}
.bottom {
	font: 10px Helvetica;
	text-decoration:none;
	color:#323638;
}
.bottom a {
	font: 10px Helvetica;
	text-decoration:none;
	color:#323638;

}
.bottom a:hover {
	font: 10px Helvetica;
	text-decoration:underline;
	color:#323638;

}
ul.topmenu {
	list-style: none;
	padding: 10px 10px;
	margin: 0;
	float: right;
	font: normal 11px Helvetica;
	color:#FFFFFF;

}
ul.topmenu li {
	float: left;
	margin: 0;
	padding: 2px 1px 0 1px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topmenu li  a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
ul.topmenu li a{
	padding: 5px 5px;
	color: #fff;
	text-decoration: none;
	float: left;
	}
.table1
{
background-color:#323638;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:bold;
font-size:13px;
padding-top:15px;
padding-bottom:10px;
padding-left:21px;
border-right:1px solid #ffffff;

}
.table2
{
background-color:#cccccc;
border-right:1px solid #ffffff;
font-family:Arial, Helvetica, sans-serif;
color:#323638;
font-weight:bold;
font-size:12px;
padding-bottom:7px;
padding-top:10px;
padding-left:20px;
width:200px;
}


.link3 {
	font-family:Arial, Helvetica, sans-serif;
	color: #323638;
	text-decoration:none;
	
}

.link3 A{
	color: #323638;
	text-decoration:none;
}

.link3 A:hover{
	color:  #0162a1;
}


.link4 {
	font-family:Arial, Helvetica, sans-serif;
	color: #323638;
	text-decoration:none;
	
}

.link4 A{
	color: #323638;
	text-decoration:none;
}

.link4 A:hover{
	color: #323638;
	text-decoration:underline;
}
.text {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
}
.text A{
	color: #666666;
	text-decoration:none;
}
.text A:hover{
	color: #666666;
	text-decoration:underline;
}
.linknew {
	font: normal 11px Helvetica;
	color: #ffffff;
	
}

.linknew A{
	color: #ffffff;
	text-decoration: none;
	

}

.linknew A:hover{
	color:  #ffffff;
	text-decoration:underline;
}


.link3small {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #323638;
	text-decoration:none;
	
}

.link3small A{
	color: #323638;
	text-decoration:none;
}

.link3small A:hover{
	color:  #0162a1;
}

