/* CSS Document */

*{
	margin: 0px;
	padding: 0px;
}

body{
	background: #0b9bdb url(../images/background.jpg) top center repeat-x;
}

.clear{
	clear: both;
}

#top{
	height: 70px;
	background: #0161A7 url(../images/top-bkg.jpg) top center no-repeat;
	width: 100%;
}

#topmenubar{
	width: 950px;
	margin: auto;
}

#topmenubar-left{
	width: 300px;
	float: left;
	padding-top: 15px;
}

#topmenubar-right{
	width: auto;
	float: right;
	text-align: right;
	padding-top: 15px;
}


#top-contentbox{
	margin: auto;
	width: 950px;
}


#top-content{
	margin-top: -20px;
	border: 0px;
	padding: 0px;
	background: #b8d8e8 url(../images/background-picture.jpg) top no-repeat;
	width: 950px;
}


#top-content-left{
	float: left;
	width: 270px;
	padding: 0px 10px;
	margin-top: 215px;
}


#top-content-right{
	float: right;
	width: 640px;
	padding: 0px 10px;
	margin-top: 110px;
}

* html #top-content-right{

	padding: 0px 10px 0px 0px;
}



#top-content1{
	margin-top: -20px;
	border: 0px;
	padding: 0px;
	background: #b8d8e8 url(../images/background-picture1.jpg) top no-repeat;
	width: 950px;
}


#top-content-left1{
	float: left;
	width: 270px;
	padding: 0px 10px;
	margin-top: 175px;
}


#top-content-right1{
	float: right;
	width: 640px;
	padding: 0px 10px;
	margin-top: 70px;
}

* html #top-content-right1{
	float: right;
	width: 640px;
	padding: 0px 5px;
	margin-top: 70px;
}





#slidebox{
	width: 640px;
	height: 240px;
	background: url(../images/slide-frame.png) no-repeat;
}

* html #slidebox{
	background: url(../images/slide-frame.gif) no-repeat;
}

#slideshow {
    position:relative;
    height: 210px;
}

* html #slideshow {
    position:relative;
    height: 210px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}


#my-slide{
	padding: 5px;
	padding-top: 15px;
	margin-left: 10px;
}

#main-content{
	width: 950px;
	margin: auto;
	background: #b8d8e8;
}

#contents{
	padding: 0px 10px;	
}


/*** Footer ***/

#footerwrap{
	width: 100%;
	background: #00659b url(../images/footer-bkg.png) top center no-repeat;
}

#footer{
	width: 950px;
	margin: auto;
	background: url(../images/footer-wrap.png) top center no-repeat;
}


#footer-left{
	float: left;
	font-family: Verdana, Arial;
	font-size: 12px;
	padding: 10px 0px 5px 10px;
	color: #56a9ca;
}

#footer-right{
	float: right;
	font-family: Verdana, Arial;
	font-size: 12px;
	padding: 10px 10px 5px 0px;
}

#footer-right a{
	color: #56a9ca;
	text-decoration: none;
}

#box {
	width: 100%;
	position: relative;

}

.box1 {
	float: left;
	width: 50%;
	margin: 20px 13px 15px 0;
}

.box2 {
	float: left;
	width: 45%;
	margin: 20px 0 15px 0;
}


/* Departure Box Code  */

#dp-box {
	float: left;
	width: 98%;
	margin: 10px 0px;
	background: #f9f6ef;
	padding: 4px;
	border: 1px solid #e8e6e1;
}

#dp-box h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	background: #8bb334;
	color: #000;
	padding: 6px 6px 6px 12px;
}




#dp-box #dp-left{
	float: left;
	width: 47%;
	margin: 0px 0px;
	background: #FFF;
	padding: 4px;
	border: 1px solid #e8e6e1;
}

#dp-box #dp-right{
	float: right;
	width: 47%;
	margin: 0px 0px;
	background: #FFF;
	padding: 4px;
	border: 1px solid #e8e6e1;
}


.dp-box {
	float: left;
	width: 100%;
	
}

* html .dp-box {
	float: none;
	
}

.dp-box p{
	font-family: Arial, Verdana, Helvetica;
	font-size:11px;
	padding: 5px 2px 5px 2px;
	border-bottom: 1px solid #d5cbb7;
	margin: 2px 0px 2px 0px;

}

.dp-box .month{
    font: bold 12px Arial, Helvetica, sans-serif;
	float: left;
	width: 100px;
	text-align: left;
}

#dp-box .red, .dp-box p .red{
	background: #ff0600;
	color: #FFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 4px 4px;
	margin: 0px 2px 0px 0px;
}

#dp-box .blue, .dp-box p .blue{
	background: #065ab0;
	color: #FFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 4px 4px;
	margin: 0px 2px 0px 0px;
}


#dp-box .green, .dp-box p .green{
	background: #0b9500;
	color: #FFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 4px 4px;
	margin: 0px 2px 0px 0px;
}

#dp-box .black, .dp-box p .black{
	/*-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; */
	background: #000;
	color: #FFF;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 4px 4px;
	margin: 0px 2px 0px 0px;
}

#dp-box .notice{
	padding: 10px 0px 10px 0px;
	font: normal 12px Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;

}