html, body{ height:100%; /*overflow:hidden;*/}
body { margin:0; padding:0;
font-family:"Arial", Century Gothic, AppleGothic, sans-serif;
font-weight:bold;
font-size:12px;}


p {
	color:#FFFFFF;
	font-size:12px;
	font-family:"Arial", Century Gothic, AppleGothic, sans-serif;
	font-weight:bold;}

.flashBoxCloseLayer
{
	position:absolute;
	display:none;
	width:1800px;
	height:1800px;
	left:50%;
	top:50%;
	margin-left:-900px;
	margin-top:-900px;
	z-index:50;
	background:url("../img/flashBoxCloseLayer.png");
}

.flashBox
{
	position:absolute;
	display:none;
	width:480px;
	height:289px;
	left:50%;
	top:50%;
	margin-left:-240px;
	margin-top:-145px;
	padding:20px;
	background:url("../img/mapBoxBg.png") no-repeat 0 0px;
	z-index:100;
}

.flashBox h1
{
	font-size:20px;
	color:#FFFFFF;
	height:25px;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:5px;
	margin:0px 0px 5px 0px;
}


.picViewer
{
	float:left;
	width:194px;
	height:146px;
	overflow:hidden;
	background-color:#0d7b6f;
	margin-left:-1px;
}


.content
{
	float:left;
	width:245px;
	height:145px;
	margin-left:5px;
	padding-right:20px;
	overflow:auto;
}


.content, .content p
{
	color:#FFFFFF;
	font-size:11px;
}


.picBar
{
	float:left;
	width:460px;
	height:70px;
	margin-top:10px;
	overflow:hidden;
	z-index:999;
	cursor:pointer;
}


.picBar a img
{
	border:0px;
}

.draggable
{
	position:absolute;
	cursor:move;
	width:440px;
	height:14px;
	background:url("../img/empty.png");
}


#mycarousel li
{
	margin-right:15px;
}


.close
{
	position:absolute;
	cursor:pointer;
	width:20px;
	height:18px;
	background:url("../img/iconClose.gif") no-repeat 0 0;
	z-index:199;
	left:462px;
	margin-top:-3px;
}

/*Scroll*/

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
			
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	width: 200px;
	height: 200px;
	overflow: auto;
	background-color:#204845;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}


.tall {
	height: 400px;
}


#pane1 {
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #204845;
}
.jScrollPaneDrag {
	position: absolute;
	background: #3a9180;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/* mycarousel */
.picBarItems
{
	width:458px;
	height:75px;
	position:absolute;
	overflow:hidden;
}


.mycarousel 
{
	display:block;
	width:1200px;
	margin:0px;
	padding:0px;
	position:absolute;
	z-index:50;
}

.mycarousel li
{
	float:left;
	width:75px;
	height:75px;
	overflow:hidden;
	margin-right:5px;
}

.mycarouselBack
{
	position:absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
	z-index:500;
	top:45px;
	background-color:#FFFFFF;
	background: transparent url(prev-horizontal.png) no-repeat -30px 0;
}


.mycarouselNext
{
	position:absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
	z-index:500;
	top:45px;
	margin-left:427px;
	background-color:#FFFFFF;
	background: transparent url(next-horizontal.png) no-repeat -30px 0;
}

/*No Zebra Styles*/
#Map1Wrapper {width:980px; height:735px; position:relative; margin:0 auto; }
#Map1 {width:980px; height:735px; }
#Close_Btn1 {width:29px; height:114px; position: absolute; top:50px; right:2px;}
#Close_Btn1 a, #Close_Btn1 a:link, #Close_Btn1 a:visited, #Close_Btn1 a:hover, #Close_Btn1 a:active, #Close_Btn1 img  {outline: none; text-decoration:none; border:none; }