/* RESETS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: small;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  margin: 0;
  font-size: small;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/* GENERAL STYLES */
.hover{
   cursor: pointer;
}

.no-show{
   display: none;
}

.bold{
  	font-weight: bold;
}

.width{
 width:60px; 	
}

.clearer{
   clear: both;
}

img { 
	border: 0 
}

.wrapper{
  	width: 660px;
  	margin: 0 auto;
}

.wrapper-slider{
	width: 650px;
	color: #686868;
	font-size: 95%;
	line-height: 1.4em; 
}

.wrapper-slider p.left{
  	width: 320px;
  	padding-right: 25px;
  	margin: 0 0 0 7px;
  	float: left;
}

.wrapper-slider p.right{
  	width: 270px;
  	padding-left: 0px;
  	float: right;
}

.wrapper-slider .right{
  	width: 270px;
  	padding-left: 0px;
  	float: right;
  	margin: 30px 0 0 0; 
}

.black{
  	color: #000 !important;
}

.blue{
  	color: #2b4909;
  	font-weight: bold;
}

.green{
  	color: #184693;
  	font-weight: bold;
}

.red {
  	color: #ff0000;
  	font-weight: bold;
}

#hide-flash{
  	width: 400px;
  	height: 400px;
  	position: absolute;
  	background: #fff;
  	margin: 0 0 0 -400px;
}

/* HEADER */
body{
  	background: #d3e8ef url("../images/background.gif");
	font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}

#tagline{
  	background: url("../images/tagline.png") no-repeat;
  	width: 300px;
  	height: 35px;
  	margin: 47px 0 0 0;
  	float: right;
  	}

/* WHITE AREA */
#white-area{
	margin: 65px 0 0 0;
  	width: 100%;
}

#white-top{
  	background: url("../images/fade-top.png") repeat-x;
  	height: 7px;
  	width: 100%;
}

#white-mid{
  	background: #fff;
  	padding: 0 0 50px 0;
}

#white-bottom{
  	background: url("../images/fade-bottom.png") repeat-x;
  	height: 9px;
  	width: 100%;
}

/* NAV */
a#btn-find, a#btn-math, #btn-demo{
  	height: 30px;
  	width: 216px;
  	margin: 46px 3px 0 0;
  	display: block;
  	float: left;
  	text-indent: -9999px;
}

a#btn-find{
  	  	background: url("../images/btn-find.png") no-repeat;
}

a#btn-find:hover{
  	background: url("../images/btn-find.png") bottom no-repeat;
}

a#btn-math{
  	background: url("../images/btn-math.png") no-repeat;
  	margin: 38px 3px 0 0;
}

a#btn-math:hover{
  	background: url("../images/btn-math.png") bottom no-repeat;
}

a#btn-demo{
  	background: url("../images/btn-demo.png") no-repeat;
  	  	margin: 38px 0 0 0;
}

a#btn-demo:hover{
  	background: url("../images/btn-demo.png") bottom no-repeat;
}


/* SLIDER STYLES */
p { 
	text-align: left; 
	margin: 15px 0;
	font-size: small; 
	line-height: 1.4em; 
}

p a, li a, a { 
	color: #00a0c6; 
	text-decoration: none; 
}

p a:hover, li a:hover, a:hover{
  	color: #8bc952;
  	text-decoration: none;
}
		
p#cross-links { 
	text-align: center;
	margin: 100px 0 0 0;
	padding: 0;
}
		
p .cross-link {
	font-size: 85%;
}
		
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 }
				
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

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

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden !important; 
	margin: auto;
	width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	clear: both;
	background: #fff;
}
		
.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: 15px;
	width: 100%;
	list-style-type: none;
	min-height: 200px;
}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	min-height: 360px;
	position: relative;
	width: 700px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: -34px 0 0 0;
	position: absolute;
}
		
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}
		
.stripNav ul li {
	float: left;
	margin-right: 2px;
}
		
.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 1px 0 0;
}

.stripNav li.tab1 a{
	position: absolute;
	margin: -74px 0 0 0;
	background: url("../images/logo.png") no-repeat;
  	width: 254px;
  	height: 27px;
  	text-indent: -9999px;
}

.stripNav li.tab2 a, .stripNav li.tab3 a, .stripNav li.tab4 a{
  	height: 30px;
  	width: 216px;
  	margin: 0px 1px 0 0;
  	display: block;
  	float: left;
  	text-indent: -9999px;
}

.stripNav li.tab2 a { background: url("../images/btn-find.png") no-repeat; }
.stripNav li.tab3 a { background: url("../images/btn-math.png") no-repeat; }
.stripNav li.tab4 a { background: url("../images/btn-demo.png") no-repeat; }

.stripNav li.tab2 a:hover, .stripNav li.tab2 a.current { background: url("../images/btn-find.png") bottom no-repeat; }	
.stripNav li.tab3 a:hover, .stripNav li.tab3 a.current{ background: url("../images/btn-math.png") bottom no-repeat; }
.stripNav li.tab4 a:hover, .stripNav li.tab4 a.current{ background: url("../images/btn-demo.png") bottom no-repeat; }

	
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	text-indent: -9000em;
}


/* ARROW NAV */
.btn-arrow-holder{
  	width: 295px;
  	margin: 30px 0 0 0;
  	padding: 0 0 30px 0;
  	float: left;
}

a.arrow-btn{
	background: url("../images/btn-arrow.gif") no-repeat;
	color: #484848;
  	min-height: 37px;
  	width: 295px;
  	display: block;
  	text-decoration: none;
	margin: 0 0 2px 0;
  	padding: 10px 0 0 0;
}

a.arrow-btn:hover{
	background: url("../images/btn-arrow.gif") bottom no-repeat;
	color: #7d7d7d;
}

.arrow-text{
  	padding: 0 0 0 55px;
}

		
/* ACCORDION STYLES */


#basic-accordian{
	padding:5px;
	width:650px;
	position: absolute;
	left:50%;
	top:50%;
	margin:-135px 0 0 -350px;
	z-index:2;
}

.accordion_headings{
	background: url("../images/btn-arrow.gif") bottom no-repeat;
	color: #7d7d7d;
  	min-height: 37px;
  	width: 295px;
  	display: block;
  	text-decoration: none;
	margin: 0 0 2px 0;
  	padding: 10px 0 0 0;
}

.accordion_headings:hover{
	background: url("../images/btn-arrow-hover.gif") top no-repeat;
	color: #484848;
}

.header_highlight{
	background: url("../images/btn-arrow.gif") top no-repeat !important;
}

.accordion_child{
	padding:15px;
	height: 500px !important;
	color: #686868;
	font-size: 95%;
	line-height: 1.4em; 
}

.arrow-nav-text{
  	margin-left: 55px;
  	line-height: 1.2em;
}

#content-container{
  	float:right; 
  	width:320px;
  	margin: -20px 2px 0 0;
}

form{
	width: 265px;
	float: right;
	margin: -32px 0 0 0;
}

input{
  	color: #00a0c6; 
}

/* SECOND ACCORDION */
#vertical_container{
  	margin: 10px 0 0 0;
}

.accordion_toggle {
	display: block;
	width: 270px;
	height: 23px;
	background: #7d7d7d;
	padding: 0 10px 0 10px;
	line-height: 22px;
	color: #fff !important;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: small;
	color: #000000;
	border-bottom: 2px solid #fff;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle:hover{
  	background: #00a0c6
}
		
.accordion_toggle_active {
	background: #74be1f !important;
	color: #ffffff;
	border-bottom: 1px solid #fff;
}
	
.accordion_content {
	background-color: #ffffff;
	overflow: hidden;
	padding-left: 10px;
}
			
.accordion_content h2 {
	margin: 15px 0 5px 10px;
}
			
.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}

horizontal_container{
  	display: none;
}

/* MATH */
table#calctool tr td{
	padding: 0;
	margin: 0;
	font-size: .85em !important;
}

input{
	font-size: .85em !important;
}

#calctool .bar {
  height: 20px !important;
}

table input{
  	color: #333;
}

			
/* FOOTER */
.footer-text{
	font-size: 10px;
	text-align: center;
  	color: #999;
}