html,body,div,span,h1,h2,h3,h4,h5,h6,p,font,img,dl,dt,dd,lo,ul,li,table,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
margin:0;
padding:0;
}

body {
background:#028e9b;
position:absolute;
font-family:Arial,Helvetica,Verdana,sans-serif;
font-size: 62.5%; /* sets 1.0em to 10px unique trick */
color:#009;
text-align:center;
width:100%;
height:100%;
}
img#footer{
position:absolute; 
bottom:0;
z-index:-1;
}

div#preload { display: none; }

p {
color:#000;
font-size:12px;
line-height:17px;
text-align:left;
font-weight:400;
margin:10px 10px 10px 25px;
}

h1 {
font-family: 'Tangerine', serif;
text-align:center;
/*letter-spacing: -2px;*/
font-variant:normal;
font-size:48px;
font-weight:700;
color:#000;
white-space:nowrap;
margin:5px 0;
}

h2,h3 {
text-align:center;
font-weight:700;
color:#000;
font-size:16px;
margin:12px 0;
}

h3 {
font-size:24px;
}

h4 {
color:#000;
font-size:14px;
text-align:center;
margin:6px 0;
}

hr {
color:#000;
height:1px;
}

ol, ul {
/*list-style-type:disc;*/
text-align:left;
margin:0 20px 12px;
padding:0 20px;
}

li {
font-size:12px;
line-height:17px;
color:#000;
text-align:left;
margin:0 40px;
}

.Highlight {
background:#f44e00; /*#ff4100; */
color:#fff;
}

.Button {
background:#134584;
font:small sans-serif;
color:#fff;
cursor:pointer;
width:190px;
}

div#Head  {
width:370px;
margin:17px 0 9px 30px;
float:left;
}
div#Head  a {
color:#fff;
font-weight:900;
font-size:30px;
font-weight:900;
letter-spacing: -2px;
border:none !important;
}
div#Head  a:hover{
border:none !important;
text-decoration:none !important;
background-color:transparent !important;
}
div#Head span{
color:#025167;
}
div#Headline {
float:left;
margin-top:38px;
}
div#Headline span {
color:#025167;

font-size: 15px;
font-weight:900;
}

/* for feedback */

#feedback p {color:#fff;font-size:14px;}
div#container200 {
z-index: 98;
position:fixed;
top:150px;
left:0;
height:370px;
width:30px; /*435px; */
text-align:left;
}


/* SLIDING PANEL STYLES */

#slide-panel201 {
float:left;
height:370px;
width:400px;
border:2px solid #003;
background-color:#5EC4CD; 
margin:0 auto; 
display:none;
}

textarea#feedbacktext{
width:95%;
height:170px;
background:#fff;
}

.block202 {
position:relative;
	width:400px;
	margin:0 auto;
	text-align:left;
}
.clear202 {
	clear:left;
}
.block202 p {white-space:nowrap;}

#submit202, #cancel202 {
position:relative;
float:left;
width:70px;
margin:0 10px; padding:0;
}

#submit202 {margin-left:110px;}

div#submit202 p,div#cancel202 p {
margin:0; padding:0;
}

div#submit202 p input,div#cancel202 p input {
width:70px;
height:25px;
}

#done202 {
	position:relative;
	margin:200px auto 0; 
	width:400px;
	height:60px;
	clear:left;
	display:none;
}
#doneImg202 {
	position:relative;
	width:11px;
	margin-right:8px;
	height:400px;
	float:left;
}
#doneMsg202 {
	position:relative;
	font-family:arial;
	font-size:12px; 
	color:#000;
	float:left;
}
/* end for feedback */

a {
text-align:left;
color:#009;
text-decoration:none;
border-bottom:1px solid #00dceb;
font-weight:700;
}

a:hover {
color:#fff;
background:#2E64A8;
border-bottom:2px solid red;
}

a:visited {
border-bottom:1px #00dceb;
}

a:active, a:focus{ outline:none; }  
a#slide {border:none;}

a#slide:hover,a#slide:visited {
border:none;
}

#c1, #c2, #c3, #c4 {
display:block;
width:74px;
height:59px;
overflow:hidden;
background: url('../images/cssSprite.png') 0 -310px no-repeat;
}
#c2 {background-position:0 -369px;}
#c3 {background-position:0 -428px;}
#c4 {background-position:0 -487px;}

div#FontSize {
height:24px;
width:765px;
border:0;
margin:10px auto 0;
}

#DecreaseSize,#IncreaseSize{
float:left;
height:30px;
width:16px;
cursor:pointer;
margin:0;
font-size:16px;
font-weight:900;
padding-top:10px;
margin-top:-10px;
color:#025167;
}
#IncreaseSize{
width:20px;
cursor:pointer;
padding:0;
height:30px;
font-size:24px;
}
img#CaptchaImage {
background:#39c;
border:1px solid silver;
width:120px;
height:40px;
}
div#Bottom  {
text-align:center;
margin:9px auto 0;
}
div#Bottom a {
font-size:10px;
color:#007;
}
div#Bottom a:hover {
color:#025167;
background:#fff;
}
div#Bottom p {
margin-top:0;
text-align:center;
font-size:9px;
line-height:9px;
}

div#PageWrapper {
margin:0 auto;
width:752px;
text-align:left;
overflow:visible;
}

/* for tab menu */ 
div#featureTabsContainer {
height:35px;
margin:0;padding:0;
width:752px;
text-align:left;
overflow:visible;
clear:left;
}
 
#featureElementsContainer {
background: #5ec4cd; 
margin:0;padding:12px 0;
width:752px;
height:420px;
min-height:420px;
max-height:420px;
}
.feature {
position:absolute;
background:#fff;
padding:0;
margin:0 10px;
height:100%;
min-height:420px;
max-height:420px;
top:108px;
z-index:6;
width:728px;  /*PageWrapper width - 24px to account for the light blue margin around this div */
overflow:hidden;
border:3px solid #025167;
}

.featurette {width:1500px;height:305px;margin:0 0 0 40px;overflow:hidden;position:relative;background:#fff;}
.panel{position:absolute;top:0;left:0;width:445px;height:305px;z-index:5;background:#fff;display:block;background:#fff;}
/*
.panel h3{
display:block;
float:left;
width:25px;
background:url('../images/cssSprite.png') -24px 0 no-repeat;
height:300px;
margin:0;
border:none;
border-right:2px solid #fff;
border-top:5px solid #fff;
cursor:pointer;
}	
*/
	.h3Wrapper {
	display:block;
	float:left;
	width:25px;	
	height:300px;
	margin:0;
	border:none;
	border-right:2px solid #fff;
	border-top:5px solid #fff;
	}
		.h3Shine{
		width:25px;	
		height:300px;
		position:absolute; 
		background:url('../images/h3Shine.png'); 
		background-position:0 0; 
		background-repeat:no-repeat;
		left:0; 
		top:0; 
		}
			.h3Shine h3{
			display:block;
			width:25px;
			background:url('../images/cssSprite.png') -24px 0 no-repeat;
			height:300px;
			margin:0;
			border:none;
			border-right:2px solid #fff;
			border-top:5px solid #fff;
			cursor:pointer;
			}
			
			
.panel .panelContent {float:left;height:300px;width:400px;padding-top:5px;}

.featuretteMask{position:absolute;height:310px;width:10px;top:60px;right:0;z-index:15;background:#fff;}

#extraTabsContainer{
position:absolute;
top:385px;
left:0;
z-index:20;
height:35px;
width:728px;
}
#contactTabDiv{
margin-left:628px;height:35px;width:90px;}
#contactTab {width:60px;}

#contactPanel {display:none;width:720px;height:370px;}
#contactPanel h1, #contactPanel p{color:#fff;}
#contactPanel p{font-size:14px;}
#contactPanel a, #contactPanel a:visited{border-color:transparent;}

#carouselControls{
position:absolute;
top:380px;
left:300px;
width:126px;
z-index:21;
text-align:center;
overflow:hidden;
white-space:nowrap;
}

#peopleWeb{
float:right;
margin:50px 5px 0 0;
background:url('../images/cssSprite.png') 0 -924px no-repeat;
height:152px;
width:250px;
}
#backwardOne{
background:url('../images/cssSprite.png') 0 -654px no-repeat;
}
#pause{
background:url('../images/cssSprite.png') 0 -686px no-repeat;
}
#resume{
background:url('../images/cssSprite.png') 0 -717px no-repeat;
}
#forwardOne{
background:url('../images/cssSprite.png') 0 -750px no-repeat;
}
#backwardOne, #pause, #resume, #forwardOne, .pauseResume {
float:left;
width:42px;
display:block;
height:32px;
cursor:pointer;
}
/*
.Shadow {
  box-shadow: 5px 5px 5px #222;
  -moz-box-shadow: 5px 5px 5px #222;
  -webkit-box-shadow: 5px 5px 5px #222;
 /*-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#222222,offX=5,offY=5, positive=true)";
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#222222, offX=5, offY=5, positive=true);*/
/*}
/*
.InnerShadow {
   box-shadow:inset 0 0 10px #000000;
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
}
*/
  a.tab{
	background-color:#025167;
	font-size:12px;
	color:#fff;
    padding:10px 6px 4px; /* to center the labels inside the tabs */
	border:0;
	margin:0 3px 0 0; /* to separate the tabs */
	height:21px;
	display:block;
	float:left;
	white-space:nowrap; /* so word wrap doesn't occur */
	cursor:pointer;
}
a.tab:hover {background-color:#5EC4CD;}

a.tab_selected,a.frTab_selected { /* this class is added by the ShowTabs function in ProntoCommon.js*/
	background-color:#5EC4CD;
	font-size:12px;
	color:#fff;
    padding:10px 6px 4px;
	border:0;
	margin:0 3px 0 0;
	height:21px;
	display:block;
	float:left;
	white-space:nowrap;
}
a.tab_selected:hover, a.frTab_selected:hover {background-color:#025167;}

a.frTab, a.frTab_selected {margin:0;} /* notice last tab has no right margin */
.tab{width:33px;}
.pofTab{width:84px;}
.pppTab{width:104px;}
.ifTab{width:118px;}
.ilTab{width:110px;}
.clTab{width:107px;}
.frTab{width:94px;}

div#FeedbackButton{ /* feedback button */
float:left;
height: 100px;
margin-top:130px;
width: 35px; 
cursor:pointer;
background:#025167 url('../images/cssSprite.png') 0 -792px no-repeat;
}
#FeedbackButton:hover{background-color:#5EC4CD;}

.hrDivFrame{		/* used to put a frame around a div (it is the outer div) using the highlighted color*/
width:550px;
margin:10px auto;
}
.hrDiv{		/* used as the inner div w/a white background inside the frame made by hrDivFrame*/
background-color:#fff;
width:550px;
margin:-12px 0;
}
#plane1
{
position:absolute;
background:url('../images/cssSprite.png') 0 -556px no-repeat;
top:1px;
left:-10px;
width:606px;
height:39px;
visibility:hidden;
z-index:-1;
}

#plane2
{
position:absolute;
background:url('../images/cssSprite.png') 0 -605px no-repeat;
top:1px;
left:1400px;
width:606px;
height:39px;
bottom:105px;
visibility:hidden;
z-index:-1;
}
img.peopleWeb{
float:right;
margin-top:55px;
height:152px;
width:250px;
display:block;
}
 form#eventsDebugForm{
 position:absolute;
 top:0;
 left:0;
 width:200px;
 height:600px;
 background:orange;
 display:none;
 }
 textarea#Bubble{
 position:absolute;
 top:5px;
 left:5px;
 margin:0;
 width:190px;
 max-width:190px;
 height:580px;
 background:#fff;
 font-size:10px;
 display:none;
 }
  form#planeDebugForm, form#requestDebugForm{
 position:absolute;
 bottom:80px;
 width:100%;
 text-align:left;
 background:yellow;
 display:none;
 z-index:99;
 padding:0;
 }
  form#planeDebugForm input{width:100px;}
 .debugHover { background: #ff0;}
 /*------------------------------*/
.pageCatcher{
display:none;
position: absolute;
z-index:10;
top:-100px;
left:20px;
background:#5EC4CD;
overflow:hidden;
width:350px;
height:30px;
}


p.eyeText, .eyeI{
font-size: 14px;
line-height:20px;
width:95%;
margin-left:14px;
background:#fff;
color:#3540ee;
cursor:default;
}
.eyeI{font-size:10px;}

#windowTop{
height: 30px;
position: relative;
overflow: hidden;
cursor: move;
}
#windowTopContent{
margin:5px 13px 0 0;
overflow: hidden;
height: 20px;
line-height: 20px;
text-indent: 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color:#fff;
text-align:left;
width:270px;
cursor:move;
}
#windowMin{
background:url('../images/cssSprite.png') 0 -902px no-repeat;
position: absolute;
right: 29px;
top: 6px;
width:12px;
height:12px;
cursor: default;
}
#windowMax{
background:url('../images/cssSprite.png') -11px -902px no-repeat;
position: absolute;
right: 29px;
top: 6px;
width:12px;
height:12px;
cursor: default;
}
#windowClose
{
background:url('../images/cssSprite.png') -23px -902px no-repeat;
position: absolute;
right:14px;
top:6px;
width:12px;
height:12px;
cursor: default;
}
#windowContent{
position: relative;
height:600px;
margin:0 10px 10px 10px;
width:330px;
background:#fff;
color:#35c0cd;
overflow:hidden;
}

#Content2New{
position:absolute;
display:none;
z-index:90;
top:115px;
margin:10px 20px;
height: 360px;
width:710px;
background:#777;
}

#Content2New p{
font-size:14px;
color:#fff;
display:none;
}
textarea#C2Comments {
display:none;
border : 1px solid silver;
width : 680px;
height : 300px;
margin :5px 10px;
overflow : auto;
background:#fff;
}

#Smiley{
background:url('../images/cssSprite.png') 0 -1086px no-repeat;
width:250px;
height:251px;
position:absolute;
left:250px;
top:80px;
}
.Special{
float:right;
background:url('../images/Announcing.png') 0 0 no-repeat;
width:201px;
height:214px;
margin-top:80px;
}

	/* specifies dealing with the speed slider itself */

	div#sl  {width:250px;height:40px;}
	div#sl p{margin:5px 0 0 40px;font-size:9px;}
	
	div#speedSlider{margin:18px 0 0 40px;width:200px;padding:0;height:10px;}
	div#speedSlider {background:#66e;}		/* this is the base, the right side, of the slider */
    div#speedSlider .ui-slider-range {		/* this is the (left side) background fill color of the slider */
	background:#239;}
	
	div#speedSlider a.ui-slider-handle {
	background:#50a;
	z-index:22;  							/* extraTabsContainer is z-index:20 */
	width:10px;
	height:16px;
	}
    div#speedSlider a.ui-slider-handle .ui-state-active{        /* active part is the handle when click and held */
	background:#23e;
	} 

	.ui-slider-horizontal {					/* height of the slider graphic */
    height:12px;
	}
    span.ui-slider-tic {						/* for tic marks */
    position: absolute;
    z-index:21;								/* assuming the slider graphic is a z-index 0, we must be on a plane above the background color to show tics */
    left: 0;
    width:0;								/* width of tic mark */
    height:11px;							/* height of tic mark inside slider graphic */
    top:-29px;								/* distance above the ordered list (ol) spans we add below*/
    }
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
#footer { position:fixed; left:0px; bottom:0; width:1226px; 
background: url('../images/footer.png') no-repeat;
z-index:-2;
height:112px;
}
div#Dot{
position:absolute;
left:0;top:0;
z-index:100;
background-color:green;
height:10px;width:10px;
display:none;
}
/*
body {
background:#AEDDE7;
}
#header {
position:absolute; 
left:0; top:0; 
background: url('../images/giraffeHeader.jpg') no-repeat;
z-index:-2;
height:134px;
width:1507px; 
}
#footer { 
background: url('../images/giraffeGrass.png') 0 bottom no-repeat;
z-index:-3;
height:597px;
text-align:center;
width:100%;padding-left:220px;
}
#giraffe{
position:relative; 
margin:0 auto 0;
background:url('../images/giraffe.png') no-repeat;
height:597px;
width:600px; 
}
*/