/** 
 * SilverStripe PFHCB Theme
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
html,body{
margin:0;
padding:0; 
background-image:url(../images/body_background.jpg); 
background-repeat:repeat-x;
}
body{
font: 76% arial,sans-serif;
text-align:center;
}
div#extra{
clear:both;
width:100%
}
	

/* CONTENT
----------------------------------------- */
div#content{
float:right;
width:574px;
}
div#content p{
line-height:18px;
margin-left:20px; 
margin-right:20px;
}


/* CONTAINER
----------------------------------------- */
div#container{
width:721px;
margin:0 auto; 	
border-right:3px solid #036987;
}
div#container{
text-align:left;
background-image:url(../images/wrapperbg.gif);
background-repeat:repeat-y;
background-position:top left;
}
div#containerhome{
text-align:left;
background-image:url(../images/wrapperbg.gif);
/*background-image:url(../images/homewrapperbg.jpg);*/
background-repeat:repeat-y;
background-position:top left;
width:721px;
margin:0 auto; 	
border-right:3px solid #036987;
}
div#containerhome #content{
	background-image:url(http://pfhcb.sc104.info/themes/pfhcb/images/bottom-homepage.jpg);
	background-repeat: no-repeat;
}

div#wrapper { 
background-image:url(../images/container_bg.jpg); 
background-repeat:repeat-y; 
background-position:top left; 
margin:0 auto; 
height:auto; 
}


/* HEADER
----------------------------------------- */
div#Header{
	position:relative;
	width: 721px; 
	height:214px;
 	margin: 0 auto;
	background-color:#FFF;
	
	}
	div#Headerhome{
	position:relative;
	width: 721px; 
	height:214px;
 	margin: 0 auto;
	background-color:#FFF;
	background-image:url(../images/top-homepage.jpg);
	background-repeat:no-repeat;
	
	}


/* MAIN NAVIGATION ----------------------------------------- */

/*
div#Navigation{
float:left;
width:147px
}
#Navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 141px;
	border-top:3px solid #036987;
	border-right:3px solid #036987;
	border-left:3px solid #036987;
	background-color:#098FB5;
	}

#Navigation ul li {
	position: relative;
	line-height: 23px;
	width:141px;
	border-bottom:3px solid #036987;
	}
#Navigation li ul {
	position: absolute;
	left: 132px;
	top: 0;
	display: none;
	background-color:#99D0DE;
	width:226px;
	z-index:5;
	}
#Navigation li ul li {
	width:226px;
	color:#000000;
	background-color:#99D0DE;
	border-bottom:3px solid #036987;
	}
#Navigation li ul li a:hover{
	background-color:#FFF;
	color:#000000;
	}
	#Navigation li ul li a{
		color:#000000;
	}
#Navigation ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	height: 23px; 
	font-size:12px;
	font-weight:bold;
	font-family:Arial, sans-serif;
	padding: 0 0 0 10px;
	}
	#Navigation ul li a:hover { 
	color: #fff;
	font-weight:bold;
	background-color:#ED7E64;
	}
.current	{
background-color:#ED7E64;
}
#Navigation ul li ul li .current {
background-color:#FFF;
}

#Navigation ul li .section{
	background-color:#ED7E64;
}

#Navigation li:hover ul, li.over ul { 
	display: block; }
*/



div#Navigation{}
div#Navigation{float:left;width:147px}
#Navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 141px;
	border-top:3px solid #036987;
	border-right:3px solid #036987;
	border-left:3px solid #036987;
	background-color:#098FB5;
	z-index:5;
	}

#Navigation ul li {
	position: relative;
	line-height: 23px;
	width:141px;
	border-bottom:3px solid #036987;
	z-index:10;
	}
#Navigation li ul {
	position: absolute;
	left: 140px;
	top: 0;
	display: none;
	background-color:#99D0DE;
	width:226px;
	z-index:102;
	}
#Navigation li ul li {
	width:226px;
	color:#000000;
	z-index:105;
	}
#Navigation li ul li a:hover{
	background-color:#FFF;
	color:#000000;
	}
	#Navigation li ul li a{
		color:#000000;
	}
#Navigation ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	height: 23px; 
	font-size:12px;
	font-weight:bold;
	font-family:Arial, sans-serif;
	padding: 0 0 0 10px;
	}
	#Navigation ul li a:hover { 
	color: #fff;
	font-weight:bold;
	background-color:#ED7E64;
	}
.current	{
background-color:#ED7E64;}
#Navigation ul li ul li .current {
background-color:#FFF;}


#Navigation li:hover ul, li.over ul { 
	display: block; }
	

/* Fix IE. Hide from IE Mac \*/
/*html ul li { float: left; }
html ul li a { height: 1%; }*/
/* End */
	


/* CREWFINDER LINK
-------------------------------------------- */
#crewlink {
width:147px;
}
#crewlink a {
display:block;
width:147px;
height:100px;
background-image:url(../images/crew1.gif);
background-position:top;
background-repeat: no-repeat;
}
#crewlink a:hover {
background-image:url(../images/crew1.gif);
background-position:bottom;
background-repeat: no-repeat;
}

#crewlink span {
display:none;
}

/* Safety LINK
-------------------------------------------- */
#safety {
width:147px;
}
#safety a {
display:block;
width:147px;
height:85px;
background-image:url(../images/button.jpg);
background-position:top;
background-repeat: no-repeat;
}
#safety a:hover {
background-image:url(../images/button.jpg);
background-position:bottom;
background-repeat: no-repeat;
}

#safety span {
display:none;
}
    
/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { 
	text-align: left;
	margin: 0px 5px 10px 0;
}
	#Breadcrumbs p {
		margin: 0;
		font-size: 7.5pt; 
 		color: #666;
	}




/* FOOTER
----------------------------------------------- */
#Footer{
	color: #FFF;
	width: 721px; 
	height: 20px; 
	background-color:#ED7E64;
	background-image:url(../images/footer_left.jpg);
	background-repeat:no-repeat;
	background-position:left;
	clear:both;}

	
  	#Footer p { 
		color: #865246;
		font-size: 10px;
		text-align: right;
		padding-top:4px;
		}
  		#Footer a { 
	   		color: #fff; 
	   		text-decoration: none;
		}
			#Footer a:hover {
				color: #fff;
				text-decoration: underline;
			}

/************ GALLERY*******************/

ul.gallery-layout {margin:0;padding:0;}
.gallery-layout li {float:left;padding:10px;list-style:none;margin:0; }
.gallery-layout li:hover {background-color:#AFBEDD;}
#album-list ul li {list-style:none;overflow:hidden;margin-bottom:20px;clear:both; border: 1px solid #871B45;background-color:#F8F8FB; width:470px;}
#album-list ul li .defaultImage {width:124px;float:left;}
#album-list ul li .defaultImage a {display:block;padding:12px;width:100%;text-align:center;}
#album-list ul li .defaultImage a img {margin:0;padding:0;}
#album-list ul li .defaultImage a:hover {background-color:#AFBEDD;}
#album-list ul li .galleryDetails {width:300px;float:left;padding:12px 0 20px 40px;}
#album-list ul li h4 {margin:0;padding:0;}

#pagination-imagegallery {border:0; margin:10px 0 0 0; padding:0;clear:both;}
#pagination-imagegallery li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
display:inline;
}
#pagination-imagegallery a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-imagegallery .previous-off,
#pagination-imagegallery .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-imagegallery .next a,
#pagination-imagegallery .previous a {
font-weight:bold;
}
#pagination-imagegallery .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-imagegallery a:link,
#pagination-imagegallery a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-imagegallery a:hover{
border:solid 1px #0e509e;
}