@charset "utf-8";
/* CSS Document */

/*---- background color and background image ----*/

body{
	background-color:#102262;
}
#main-wrapper {background:url(../../attractions/marine-life-park/images/bg_page.gif); background-repeat: repeat-x; }
#sub-main-wrapper {background:url(../../attractions/marine-life-park/images/bg_top_page.gif); background-repeat: repeat-x; }

/*---- content background color and background images ----*/
#content-expandable { background: url(../../attractions/marine-life-park/images/bg_main_content_bottom.png); }
#content-top { background: url(../../attractions/marine-life-park/images/bg_main_content_top.png); background-position:top; background-repeat:no-repeat; }
#content-left { background: url(../../attractions/marine-life-park/images/bg_main_content_left.png); background-position:top left; background-repeat:no-repeat; }
#content-right { background: url(../../attractions/marine-life-park/images/bg_main_content_right.png); background-position:top right; background-repeat:no-repeat; }
#content-center { background: url(../../attractions/marine-life-park/images/bg_main_content_center.gif); background-repeat:repeat-x; }

/*---- left panel header ----*/
.left-panel-section-header-align {
	color:#333366;
}

/* left panel fonts */
.left-panel-form-title {
	font-weight:bold;
	color:#3d8b00;
	
}

.left-panel-section-content {
	color:#0e4861;
	
}

.left-panel-section-content a {
	color:#cc3300;
}

.left-panel-section-content a:visited {
	color:#cc3300;
}

.left-panel-section-content a:active {
	color:#cc3300;
}

.left-panel-section-content a:hover {
	color:#cc3300;
}

a.left-panel-link-nonContent{
	color:#cc3300;
	text-decoration:none;
}

a.left-panel-link-nonContent:visited{
	color:#cc3300;
	text-decoration:none;
}

a.left-panel-link-nonContent:active{
	color:#cc3300;
	text-decoration:none;
}

a.left-panel-link-nonContent:hover{
	color:#cc3300;
	text-decoration:underline;
}

.left-panel-title {
	color:#3d8b00;
}

/*---- right panel ----*/

#breadcrumbs {
	color:#115a9b;
}

#breadcrumbs a {
	color:#0e4861;
	text-decoration:none;
}

#breadcrumbs a:hover {
	text-decoration:underline;
}

#main-content-title H1 {
	color:#333366;
}

.top-description-title {
	color:#3d8b00;
	
}

.subHeaderColor {
	color:#3d8b00;	
}

.subHeaderColor2 {
	color:#333366;	
}

.right-panel-contentFont{
	color:#0e4861;	
}

.right-panel-contentFont a{
	color:#cc3300;	
}

.right-panel-contentFont a:visited{
	color:#cc3300;	
}

.right-panel-contentFont a:active{
	color:#cc3300;	
}

a.right-panel-link-nonContent{
	color:#cc3300;
	text-decoration:none;
}

a.right-panel-link-nonContent:visited{
	color:#cc3300;
	text-decoration:none;
}

a.right-panel-link-nonContent:active{
	color:#cc3300;
	text-decoration:none;
}

a.right-panel-link-nonContent:hover{
	color:#cc3300;
	text-decoration:underline;
}

.bottom-title {
	color:#3d8b00;
	font-size:14px;
	font-weight:bold;
	margin-bottom:15px;
}


/*3-column boxes*/
.three-column-boxes {
	width:437px;
}

.three-column-boxes-box1 {
	background:url(../../attractions/marine-life-park/images/bg_3_column_boxes_box1.png);
	vertical-align:top;
	width:143px;
}

.three-column-boxes-box2 {
	background:url(../../attractions/marine-life-park/images/bg_3_column_boxes_box2.png);
	vertical-align:top;
	width:143px;
}

.three-column-boxes-content {
	color:#0e4861;
        margin:2px;
}

.three-column-boxes-description {
	padding:6px;
}

.three-column-boxes-title {
	color:#3d8b00;
	font-weight:bold;
	margin-bottom:5px;
}

.three-column-boxes-content a {
	color:#cc3300;
	text-decoration:none;
}

.three-column-boxes-content a:visited {
	color:#cc3300;
	text-decoration:none;
}

.three-column-boxes-content a:active {
	color:#cc3300;
	text-decoration:none;
}

.three-column-boxes-content a:hover {
	color:#cc3300;
	text-decoration:underline;
}

.three-column-boxes-box1-bottom {
	background:url(../../attractions/marine-life-park/images/bg_3_column_boxes_box1_bottom.png) no-repeat;
	width:143px;
}

.three-column-boxes-box2-bottom {
	background:url(../../attractions/marine-life-park/images/bg_3_column_boxes_box2_bottom.png) no-repeat;
	width:143px;
}

.three-column-boxes-space {
	width:4px;	
}


/*---- 2-column boxes ----*/
.two-column-boxes {
	width:444px;
}

.two-column-boxes-box1 {
	background:url(../../attractions/marine-life-park/images/bg_2_column_boxes_box1.png);
	vertical-align:top;
	width:219px;
}

.two-column-boxes-box2 {
	background:url(../../attractions/marine-life-park/images/bg_2_column_boxes_box2.png);
	vertical-align:top;
	width:219px;
}

.two-column-boxes-content {
	margin:2px;
	color:#0e4861;
}

.two-column-boxes-description {
	padding:8px;
	
}

.two-column-boxes-title {
	color:#3d8b00;
	font-weight:bold;
	margin-bottom:5px;
}

.two-column-boxes-content a {
	color:#cc3300;
	text-decoration:none;
}

.two-column-boxes-content a:visited {
	color:#cc3300;
	text-decoration:none;
}

.two-column-boxes-content a:active {
	color:#cc3300;
	text-decoration:none;
}

.two-column-boxes-content a:hover {
	color:#cc3300;
	text-decoration:underline;
}

.two-column-boxes-box1-bottom {
	background:url(../../attractions/marine-life-park/images/bg_2_column_boxes_box1_bottom.png);
	width:219px;
}

.two-column-boxes-box2-bottom {
	background:url(../../attractions/marine-life-park/images/bg_2_column_boxes_box2_bottom.png);
	width:219px;
}

.two-column-boxes-space {
	width:6px;	
}


/*promo panel styling*/

.promo-panel-background-content {
	width:255px;
	font-size:11px;
	line-height:1.4em;
}

.promo-panel-background-content h1 {
	font-size:12px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:2px;
	color:#333366;
}

.promo-panel-background-content h2 {
	margin:0px;
	color:#407390;
	font-size:10px;
}

a.promo-content-link {
	color:#cc3300;
	text-decoration:none;
}

a.promo-content-link:active {
	color:#cc3300;
	text-decoration:none;
}

a.promo-content-link:visited {
	color:#cc3300;
	text-decoration:none;
}

a.promo-content-link:hover {
	color:#cc3300;
	text-decoration:underline;
}

.promo-panel-top {
	background:url(../../attractions/marine-life-park/images/bg_promo_top.png);
	background-repeat:no-repeat;
	width:255px;
	height:13px;
}

.promo-panel-bottom {
	background:url(../../attractions/marine-life-park/images/bg_promo_bottom.png);
	background-repeat:no-repeat;
	width:255px;
	height:21px;
}

.promo-panel-background {
	background:url(../../attractions/marine-life-park/images/bg_promo_center.png);
	width:255px;
}

.promo-panel-background-text {
	margin-left:11px;
	margin-right:11px;
}

.promo-panel-background-others {
	margin-left:8px;
	margin-right:8px;
}

.promo-panel-link {
	width:239px;
	height:19px;
	line-height:19px;
	background-color:#7bbadf;
	margin-top:3px;
	text-indent: 4px;
	color:#d8eaf5;
	cursor:pointer;
}

.promo-panel-link-hover {
	width:239px;
	height:19px;
	line-height:19px;
	background-color:#419dbf;
	margin-top:3px;
	text-indent: 4px;
	color:#ffffff;
	cursor:pointer;
}


/*---- main content dividers ----*/
/* dotted horizontal divider */
.content-section-divider {
	background: url(../../attractions/marine-life-park/images/img_dotted_divider_horizontal.gif);
	background-position: bottom;
	background-repeat:repeat-x;
}

/* dotted horizontal divider light*/
.content-section-divider-light {
	background: url(../../attractions/marine-life-park/images/img_dotted_divider_light_horizontal.gif);
	background-position: bottom;
	background-repeat:repeat-x;
}

/* dotted vertical divider */
#main-content-area {
	width:100%;
	background:url(../../attractions/marine-life-park/images/img_dotted_divider_vertical.gif);
	background-position:203px 0px;
	background-repeat:repeat-y;
}

/*For IE browser only*/
#main-content-area {
	#background-position:183px 0px;
}






/*---- News and events panel ----*/
.News_2_Group {
	width:255px;
	margin-bottom:16px;
}

.News_2_Image_Wrapper {
	float:left;
	width:70px;	
}

.News_2_Images {
	border:solid 1px #fff;
}

.News_2_Details_Wrapper {
	float:left;
	width:185px;	
}

.News_2_Publish_Date {
	float:left;
	font-weight:bold;	
}

.News_2_Read_More {
	float:right;
}

.News_2_Summary {
	width:185px;
}







/*---- Secondary horizontal navigation ----*/
/*
Color 1: Root background color
Color 2: Root Mouse Over background Color
Color 3: Root Wording Color
Color 4: Root Mouse Over Wording Color
Color 5: Border color
Color 6: Sub Menu background color
Color 7: Sub Menu Mouse Over background color
Color 8: Sub Menu Separator
*/


.main_dnnmenu_container {
    font-family:Arial,Tahoma,Geneva,sans-serif;	
	background-color: #1295a3;      			/*Color 1*/
	padding: 0px 0px 0px 4px;
	border-bottom-color: #0167a0;				/*Color 5*/
 	border-bottom-style: solid;
 	border-bottom-width: 3px;
}

.main_dnnmenu_allitem { 
    font-family:Arial,Tahoma,Geneva,sans-serif;	
	cursor:pointer;						
	color: #E6F4F5;						/*Color 3*/
	height: 27px;
	background-color: #1295a3;      				/*Color 6*/	
	border-top:1px solid #5784a9;          /*Color 8*/ 
}


.main_dnnmenu_rootitem { 
	font-weight:bold;	
    font-family:Arial,Tahoma,Geneva,sans-serif;	
    font-size: 11px;   
	cursor:pointer;						
	color: #E6F4F5;						/*Color 3*/
	height: 27px;
}

.main_dnnmenu_rootitemhover {  
	font-weight:bold;		
    font-family:Arial,Tahoma,Geneva,sans-serif;		
   	font-size: 11px; 
	cursor:pointer;								
	background-color: #7dc44c;				/*Color 2*/	
	color: #FFFFFF;						/*Color 4*/
	height: 27px;	
}

.main_dnnmenu_item td { 
    padding: 3px 5px 3px 0px;
	cursor:pointer;
	color:#E6F4F5;						/*Color 3*/	
}

.main_dnnmenu_submenu {
    z-index: 1000;		
	font-weight:normal;
    font-family:Arial,Tahoma,Geneva,sans-serif;	
  	font-size: 11px;     
	cursor:pointer;	
	height: 27px;		
	background-color: #7dc44c;				/*Color 6*/		
	color:#E6F4F5;						/*Color 3*/
}


.main_dnnmenu_itemhover {  
	font-weight:normal;	
    font-family:Arial,Tahoma,Geneva,sans-serif;			
  	font-size: 11px;     
	cursor:pointer;		
	height: 27px;	
	background-color: #7dc44c;				/*Color 7*/
	color:#ffffff;						/*Color 4*/	
}


.main_dnnmenu_subhidden {
    padding: 0px 0px 0px 10px;
	width:0px;
	cursor:pointer;	
}

/*For print and email icons*/

.print_icon {
	width: 13px;
	height: 13px;
	background: url(/RWSPortal/Portals/0/RWS/attractions/images/icn_printer.gif) no-repeat center center; 
}

.email_icon { 
	width: 13px; 
	height: 100%; 
	background: url(/RWSPortal/Portals/0/RWS/attractions/images/icn_email.gif) no-repeat center center; 
} 

.ShareHeaderFontColor {
	color:#333366;	
}

/* hyperlink Underline for facebook and Follow us on Twitter */
.hyperlinkUnderline
{
	text-decoration:underline;
	color:#cc3300;
}