body {
		font-family: Arial;
		font-size: 12px;
		margin: 0px;
		padding:0px;
		background: url(../images/main_bg.jpg) repeat-x #003554;
		color: #FFFFFF;
}
.main_bg_generic
{
		background: url(../images/main_bg_generic.jpg) repeat-x #003554;
		color: #FFFFFF;
}

#main-container {
		position:relative;
}

#top-container {
		position: relative;
		background: url(../images/cols_bg.png);
		height: 40px;
}

#top-container .padding {
		position:relative;
		width: 960px;
		margin: 0px auto;
}

#top-container .top-menu {
		position:absolute;
		top: 12px;
		right: 10px;
}

#top-container .top-menu li {
		float: left;
		margin: 0px 8px;
}

#top-container .top-menu li a {
		text-decoration: none;
		color: #8f8f8f;
}

#body-container {
		position:relative;
		width: 960px;
		margin: 0px auto;
}

#top-panel {
		position: relative;
		height: 100px;
}

#top-panel .logo-panel {
		position: absolute;
		top: 40px;
		left: 10px;
}

.menu-panel {
		position: absolute;
		top: 58px;
		right: 10px;
		z-index: 10000; 
}

.menu-panel ul li {



		position: relative;



		float: left;



		margin: 0px 15px;



}



.menu-panel ul li a {



		text-decoration: none;



		font-size: 14px;



		color: #8f8f8f;



}



.menu-panel ul li a:hover, .menu-panel ul li a.active {



		color: #FFFFFF;



}



.menu-panel .menu li span {



	float: left;



	padding: 0px 10px;



	position: absolute;



	left: -999;



  top: 15px;



	display: none;



	color: #fff;



	background: #cccccc;



}







.menu-panel .menu li:hover span { display: block; background: #000000; width: 200px; }



.menu-panel .menu li span a { display: block; font-size: 13px; text-decoration: none; color: #808080; line-height: 25px;}



.menu-panel .menu li span a:hover {color: #ffff00;}







#banner-panel {

		position: relative;

		background:#000000;

		/*height: auto;*/
		height:332px;

		overflow: hidden;

		margin-top: 20px;

}

#lower-banner {
		position: relative;
		height: 60px;
}

#body-content {

		position:relative;

		height: auto;
		
		margin: 20px 0px 0px 0px;
		
		padding-bottom: 20px;
		
		overflow: hidden;
		
		border-bottom: 1px solid 002941
}

#textlinks a {
		color: #cccccc;
}
#textlinks a:hover {
		color: #ffffff;
}


#body-content .col-1, 



#body-content .col-2,



#body-content .col-3 {



		position: relative;



		float: left;



		width: 250px;



		background: url(../images/cols_bg.png);



		margin: 0px 25px 0px 15px;



		padding: 15px;



}







#body-content .col-1 h1.heading-1,



#body-content .col-2 h1.heading-1,



#body-content .col-3 h1.heading-1{



		font-size:24px;



		color: #5181c1;



		padding-top: 10px;



		padding-bottom: 30px;



}







.more {



	text-decoration: none;



	text-transform: uppercase;



	color: #5181c1;



	font-weight:bold;



}



div.space {



	clear: both;



	height: 40px;



}



#body-footer



{



	clear: both;



	border-top: solid thin #40687f;



	font-size:11px;



	color: #666666;



	text-indent:15px;



	line-height: 50px;



}







/* generic.html */







#banner_headline {



	position: relative;



	padding: 10px;



	height: 80px;



}



#banner_headline h1 {



	position: absolute;



	left: 15px;



	top: 30px;



	color: #4975ae;



	font-size: 28px;



}



#banner_headline div {



	position: absolute;



	right: 30px;



	top: 40px;



	font-size:16px;



	color: #666666;



}



#banner_headline div input.search_box {



	color: #8f8f8f;



	border: 1px solid #202223;



	background: #161616;



	padding: 6px;



	width: 200px;



}



#banner_headline div input.bttn {



	font-family:Arial, Helvetica, sans-serif;



	font-size:14px;



	color: #FFFFFF;



	border: 1px solid #202223;



	background: #161616;



	height: 28px;



	width: 40px;



	background:url(../images/search_btn.png) no-repeat;



}



#banner_headline p {



	position: absolute;



	left: 15px;;



	top: 70px;



	font-family:Arial, Helvetica, sans-serif;



	font-size:10px;



	color: #FFFFFF;



}







#banner_headline p a { text-decoration:none; color: #8f8f8f;}



#banner_headline p a.active { color: #FFFFFF; }







#gen_content {



	position: relative;



	overflow: hidden;



	padding: 0px 10px;



	margin-bottom: 50px;



}







#gen_box_left{



	float: left;



	padding-top: 30px;



	padding-left: 20px;



	width: 650px;



}



#gen_box_right{



	float: right;

	width: 260px;

}







.headline3 {



	font-family: Arial, Helvetica, sans-serif;



	font-size:14px;



	font-weight:bold;



}



.headline3_content {



	font-family: Arial, Helvetica, sans-serif;



	font-size:14px;



	margin-bottom: 18px;



	line-height: 18px;



	color: #cccccc;



}



.headline4 {



	font-family: Arial, Helvetica, sans-serif;



	font-size:12px;



	font-weight:bold;



}



.headline4_content {



	font-family: Arial, Helvetica, sans-serif;



	font-size:12px;



	line-height: 18px;



	margin-bottom: 18px;



	color: #cccccc;



}







ul.listing {



	margin-bottom: 36px;



}







ul.listing li {



	text-decoration: none;



	font-size:12px;



	font-weight:bold;



	line-height: 36px;



	padding-left: 40px;



}







div.gen_right



{



	margin-top: 20px;



	width: 220px;



	background: url(../images/brdr-vertical.png) top left repeat-y;



	padding: 20px;



}







/* equipment.html */



#equip_left_box {



	float: left;

	padding-top: 40px;

	width: 670px;



}







#equip_row {



	position: relative;



	overflow:hidden;



	margin-bottom: 30px;



}







#equip_row2 {



	clear: both;



	float: left;



}



#equip_col1



{



	float: left;



	width: 250px;



}







#equip_col2



{



	float:left;



	padding-left: 20px;



	width: 380px;



}







ul.lt_cam {



	margin-top: 20px;



	padding-left:13px;



}







ul.lt_cam li {



	list-style: square;



	padding-left: 20px;



	line-height:18px;



}







ul.equip_list li {



	clear: both;



	list-style:none;



	line-height: 20px;



	margin-bottom: 20px;



	font-weight: bold;



	color: #FFFFFF;



}



ul.equip_list li a {



		color: #ffffff;



		text-decoration: none;



}



ul.equip_list li a:hover {



		text-decoration: underline;



}



div.icon {



	float: left;



	padding-right: 15px;



	width: 30px;



	text-align:left;



	







}



ul.equip_list li label{



	float: left;



}







/* explore.html */







#explore_top_left_box



{



	float: left;



	margin-bottom: 20px;



	width: 650px;



}







#explore_bottom_left_box



{



	clear: both;



	float: left;



	width: 650px;



	height: auto;



}



ul.img-thumb li {



		float: left;



		padding: 0px 10px 0px 0px;



}



ul.img-main li {



		clear:both;



		padding: 10px 0px;



}



ul.explore_list li {



		line-height: 30px;



		padding-left: 10px;



}



ul.explore_list li a {



		font-size:12px; 



		font-weight: bold;



		color: #FFFFFF;



		text-decoration:none;



}



ul.explore_list li a:hover {



		text-decoration: underline;



}



.p-content {



		line-height: 18px;



		margin-bottom: 20px;



}



.lbl_now-playing {



		padding-top: 10px;



		font-size: 10px;



}



.now-playing {

		position:absolute;

		overflow: hidden;
		
		top: 18px;
				
		left: 360px;
}



.now-playing li {



		float: left;



		background: url(../images/btn_numeric-circle.png) no-repeat;



		height: 25px;



		width: 25px;



		overflow: hidden;



		padding: 5px 10px;



}



.now-playing li:hover, .now-playing li.on {



		background: url(../images/btn_numeric-circle_on.png) no-repeat;



		height: 25px;



		width: 25px;



		overflow: hidden;



		padding: 5px 10px;



		cursor: pointer;



}



.now-playing li a {



		color: #FFFFFF;



		font-size: 12px;



		text-decoration: none;



}







/* THE TEAM */



.team-content {



		position: relative;



		padding: 20px 10px 40px 10px;



}



.team-content .header-2 {



		font-size: 18px;



		text-transform: uppercase;



		color: #5181c1;



		margin-bottom: 20px;



}



.team-content .row {



		position: relative;



		border-bottom: 1px dashed #cccccc;



		overflow:hidden;



		padding-bottom: 40px;



		margin-bottom: 30px;



}







.team-content .rownoline {



		position: relative;



		overflow:hidden;



		padding-bottom: 40px;



		margin-bottom: 30px;



}







.team-content .img-container {



		position: relative;



		float: left;



		width: 110px;



}



.team-content .right-panel {



		position: relative;



		float: left;



		width: 830px;



}



.team-content .img-container img {



		border: 5px solid #ffffff;



}



.team-content .team-name {



		font-size: 13px;



		font-weight: bold;



		text-transform:uppercase;



		color: #FFFFFF;



}



.team-content .team-position {



		font-size: 12px;



		font-weight: bold;



		color: #FFFFFF;



		margin-bottom: 10px;



}



.team-content .p-content {



		font-size: 12px;



		color: #FFFFFF;



		line-height: 20px;



		margin-bottom: 20px;



}



.team-content .expand-info {



		text-align: right;



		font-weight: bold;



}



.team-content .expand-info a {



		color: #ffffff;



		text-decoration: none;



}



.team-content .expand-info a:hover {



		text-decoration: underline;



}







/* END */







/* ABOUT CEBU */



.about_cebu-content {



		position: relative;



		padding: 20px 10px 40px 10px;



}



.about_cebu-content .row {



		position: relative;



		overflow:hidden;



		padding-bottom: 20px;



		margin-bottom: 10px;



}



.about_cebu-content .img-container {



		position: relative;



		float: left;



		width: 200px;



}



.about_cebu-content .img-container img {



		border: 5px solid #ffffff;



}



.about_cebu-content .right-panel {



		position: relative;



		float: left;



		width: 700px;



}



.about_cebu-content .p-content {



		font-size: 12px;



		color: #FFFFFF;



		line-height: 20px;



		margin-bottom: 20px;



}



.about_cebu-content .sub-title {



		font-size:13px;



		font-weight: bold;



		color: #ffffff;



}



/* END */



/* FACILITIES */

.facilities-content {

		position: relative;

		padding: 20px 10px 40px 0px;

}

.facilities-content .header-2 {

		font-size: 18px;

		text-transform: uppercase;

		color: #5181c1;

		margin-bottom: 20px;

}

.facilities-content .row {

		position: relative;

		border-bottom: 1px dashed #cccccc;

		overflow:hidden;

		padding-bottom: 40px;

		margin-bottom: 30px;

}

.facilities-content .img-container {

		position: relative;

		float: left;

		width: 280px;

}

.facilities-content .right-panel {

		position: relative;

		float: left;

		width: 360px;

		padding-left: 10px;

}

.facilities-content .img-container img {

		border: 3px solid #ffffff;

}

.facility-desc {

		position: relative;

		margin: 0px 30px;

}

.facility-desc ul {

		margin-top: -15px;

		margin-bottom: 20px;

}

.facility-desc ul li {

		list-style: disc inside;

		padding-left: 10px;

}

.facilities-content .downloads {

		color: #dddddd;

}

.facilities-content .downloads a {

		color: #ffffff;

				font-weight: bold;



}



.facilities-content .p-content {

		font-size: 12px;

		color: #FFFFFF;

		line-height: 20px;

		margin-bottom: 20px;

}





/* END */
