/*
 SilverStripe BlackCandy Theme
 http://www.silverstripe.com
 */
 
/************
  * Misc Styles and defaults 
  */
html,body{
	margin:0;padding:0;
}
body{
	background-image:url(http://schf.nl.ca/themes/schf/images/top_blue03.jpg);
	background-repeat:repeat-x; 
	background-position:top;
	background-color:#E6EAF4;
	font-size: 10pt;
	font-family:  arial,sans-serif;
}
p{
	margin:0 10px 10px;
}
h1{
	margin:0;padding:0;
}
div#container{
	text-align:left;
	width:1000px;
	margin: 0 auto;
	background-color: #fff;
	border-top:5px solid #fff;
	background-image:url(http://schf.nl.ca/themes/schf/images/sidenavblue.jpg); 
	background-repeat:repeat-y; 
	background-position:left;
}

div#wrapper{
	float:left;
	width:100%;
	
}

/********CONTENT*************/


div#content{
	margin: 0 220px 0 220px;
	background-image:url(http://schf.nl.ca/themes/schf/images/whiteside.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	
}
div#content p{
	line-height:1.4;
	margin-right:20px;
}
div#content p img {
padding:10px;
}
div#content ul{
	margin-right:20px;
	}
	
div#content ol{
	margin-right:20px;
}
div#content li{
padding-bottom:8px;
}
div#content table {
padding-left:10px;
}

div#content a{
	color:#5E7DBA; 
	text-decoration:none;
	}
div#content a:hover{
	color:#4A6595; 
	text-decoration:underline;
	}
	
div#textsize {
	clear:right;	
	position:absolute;
	top:227px;
	z-index:5;
	}

/**********RIGHT SIDE***********/

div#rightside{
	float:left;
	width:220px;
	margin-left:-220px;
	}
#SearchForm_SearchForm{
height:25px;
font-size: 8pt;
}
#Search{
}
#Search input.text{
	width:100px;
	float: left;
}
#Search input.action {
	float: left;
}

div#search {
width:204px;
height:25px;
margin-left:12px;}
div#share {  }
div#share p{
	border: 1px solid #871B45;
	background-color:#F8F8FB;
	width:182px;
	font-size:12px;
	padding:8px;
	}
div#share a{
	color:#5E7DBA; 
	text-decoration:none;
	}
div#share a:hover{
	color:#4A6595; 
	text-decoration:underline;
	}

div#share ul {
	display:block; 
	width:200px; 
	list-style-type:none; 
	padding-left:10px; 
	margin:0px;
	}
div#share ul li a{
	display:block;
	background-image:url(http://schf.nl.ca/themes/schf/images/share_button.jpg); 
	background-repeat:no-repeat; 
	background-position:top center; 
	width:200px; 
	height:27px;
	}
div#share ul li a:hover{
	display:block; 
	background-image:url(http://schf.nl.ca/themes/schf/images/share_button.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom center; 
	width:200px; 
	height:27px;
	}
#share span {
	display: none;
}

/*********EMAIL A PATIENT*********/
div#email {
	width:170px; 
	float:left;
	padding-left:30px;
	padding-bottom:10px;
}
div#email ul {
	display:block; 
	width:170px; 
	list-style-type:none; 
	padding:0px;
	margin:0px;
	}
div#email ul li a{
	display:block;
	background-image:url(http://schf.nl.ca/themes/schf/images/emailpatientnew_re.jpg); 
	background-repeat:no-repeat; 
	background-position:top left ; 
	width:170px; 
	height:40px;
	text-indent:40px;
	color:#5E7DBA;
	text-decoration:none;
	line-height:40px;
	}
div#email ul li a:hover{
	display:block; 
	background-image:url(http://schf.nl.ca/themes/schf/images/emailpatientnew_re.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom left; 
	width:170px; 
	height:40px;
	text-decoration:underline;
	line-height:40px;
	}


/*********RIGHTS & ETHICS*********/
div#ethics {
	width:170px; 
	float:left;
	padding-left:30px;
		padding-bottom:10px;

}
div#ethics ul {
	display:block; 
	width:170px; 
	list-style-type:none; 
	padding:0px;
	margin:0px;
	}
div#ethics ul li a{
	display:block;
	background-image:url(http://schf.nl.ca/themes/schf/images/ethicsnew_re.jpg); 
	background-repeat:no-repeat; 
	background-position:top left ; 
	width:170px; 
	height:42px;
	text-indent:40px;
	color:#5E7DBA;
	text-decoration:none;
	line-height:40px;
	}
div#ethics ul li a:hover{
	display:block; 
	background-image:url(http://schf.nl.ca/themes/schf/images/ethicsnew_re.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom left; 
	width:170px; 
	height:42px;
	text-decoration:underline;
	line-height:40px;
	}

/*********GALLERY*********/
div#gallerylink {
	width:170px; 
	float:left;
	padding-left:30px;
		padding-bottom:10px;

}
div#gallerylink ul {
	display:block; 
	width:170px; 
	list-style-type:none; 
	padding:0px;
	margin:0px;
	}
div#gallerylink ul li a{
	display:block;
	background-image:url(http://schf.nl.ca/themes/schf/images/gallery_re.jpg); 
	background-repeat:no-repeat; 
	background-position:top left ; 
	width:170px; 
	height:34px;
	text-indent:40px;
	color:#5E7DBA;
	text-decoration:none;
	line-height:40px;
	}
div#gallerylink ul li a:hover{
	display:block; 
	background-image:url(http://schf.nl.ca/themes/schf/images/gallery_re.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom left; 
	width:170px; 
	height:34px;
	text-decoration:underline;
	line-height:40px;
	}



/***********HEADER***************/
div#header{
	height: 196px;
	background-color:#EEE;
}

/***********HEADER NAVIGATION************/
#slidetabsmenu {
	top: 173px;	
	clear:left;	
	width:1000px; 
	font-size: 12px; 
	color:#FFF; 
	margin-left: 4px; 
	position: absolute;
	}
#slidetabsmenu ul{
	list-style-type: none;
	margin:0;
	padding:0;
	}
#slidetabsmenu li{
	display:inline;
	margin:0;
	padding:0;
	}
#slidetabsmenu a {
	float:left;
	background:url(http://schf.nl.ca/themes/schf/images/tab-left2copy.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none; 
	text-transform:uppercase; 
	font-weight:bold; 
	color:#FFF;
	}
#slidetabsmenu a span {
	float:left;
	display:block;
	background:url(http://schf.nl.ca/themes/schf/images/tab-right2copy.gif) no-repeat right top;
	padding:9px 10px 4px 4px;
	color:#FFF;
	}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {
	float:none;
	}
	/* End IE5-Mac hack */
#slidetabsmenu a:hover {
	text-decoration:underline;
	background-position:0% -123px;
	}
#slidetabsmenu a:hover span {
	text-decoration:underline;
	background-position:100% -123px;}
#slidetabsmenu a.current, #slidetabsmenu a.section {
	background-position:0 -246px;
	color: #4A6595;
	}
#slidetabsmenu a.current span, #slidetabsmenu a.section span{
	background-position:100% -246px;
	color: #4A6595;
	}
#slidetabsmenu a.current:hover, #slidetabsmenu a.section:hover{
	background-position:0% -246px;
	text-decoration:underline;
	}
#slidetabsmenu a.current:hover span,#slidetabsmenu a.section:hover span {
	background-position:100% -246px;
	text-decoration:underline;
	}

	/********ICON NAVAIGATION*******/
    div#nav {
    width:375px;
    height:54px;
    margin:0px;
	padding-top:0px;
    padding-left:625px;	
	background-image:url(http://schf.nl.ca/themes/schf/images/topwhite.gif);
	background-repeat:no-repeat;
	background-position: top right;
	position: absolute;
    }
	
	div#nav ul{
    margin-top:0px;
	padding-top:0px;
    }

    #nav span {
    /*display: none;
    margin-top:0px;
	padding-top:0px;*/
    }

    #nav a {
    margin-top:0px;
	padding-top:0px;
    height:54px;
    display:block;
	list-style-type:none;
	width: 55px;
	background-repeat:no-repeat;
    }

    #nav li {
    margin-top:0px;
	padding-top:0px;
    float:left;
    list-style:none;
    display:inline;
	padding-right:25px;
    }

    #homebutton a{
	background:url(http://schf.nl.ca/themes/schf/images/nav-final.gif) top left; 
	}
	#gallerybutton a{
	background:url(http://schf.nl.ca/themes/schf/images/nav-final.gif) -80px 0px no-repeat;
	}
    #donatebutton a{
	background:url(http://schf.nl.ca/themes/schf/images/nav-final.gif) -160px 0px no-repeat;
	}
    #contactbutton a{
	background:url(http://schf.nl.ca/themes/schf/images/nav-final.gif) -240px 0px no-repeat;
	}

    #homebutton a:hover {
	background:url(http://schf.nl.ca/themes/schf/images/nav-final.gif) 0px -54px no-repeat; 
	}
    #gallerybutton a:hover {
	background:url(http://schf.nl.ca/themes/schf/images/nav-final.gif) -80px -54px no-repeat; 
	}
    #donatebutton a:hover {
	background:url(http://schf.nl.ca/themes/schf/images/nav-final.gif) -160px -54px no-repeat; 
	}
    #contactbutton a:hover {
	background:url(http://schf.nl.ca/themes/schf/images/nav-final.gif) -240px -54px no-repeat; 
	}

/*************************LOGO******************/
div#logo {
	width:320px;
	height:150px;
	position:absolute;
	top:10px;
	clear:left;	
}

/**********LEFT NAV*****************/
	div#leftnav{
		float:left;
		width:220px;
		margin-left:-1000px;
		background-image:url(http://schf.nl.ca/themes/schf/images/sidenavblue.jpg); 
		background-repeat:repeat-y; 
		background-position:left;		
	}

	#leftnav p{
	padding-left:10px; 
	padding-right:20px; 
	color:#FFFFFF;
	}

	#leftnav ul {
	list-style-type:none; 
	width: 196px; 
	margin:0px; 
	padding-left:11px; 
	font-size:12px; 
	font:Arial, Helvetica, sans-serif;
	}
	#leftnav ul li {
	display:block;  
	padding-bottom:4px; 
	width:196px; 
	font:Arial, Helvetica, sans-serif; 
	font-size: 12px;
	}
	#leftnav ul li a{
	text-decoration: none; 
	background-color:#6C1738; 
	display:block; 
	height:19px; 
	background-image:url(http://schf.nl.ca/themes/schf/images/navroundcorner.jpg); 
	background-repeat:no-repeat; 
	background-position:top right; 
	color:#FFFFFF; 
	padding: 6px 0px 0px 8px;
	font:Arial, Helvetica, sans-serif;
	}
	#leftnav ul li a:hover{
	text-decoration: none;
	background-color:#540428; 
	display:block; 
	height:19px; 
	background-image:url(http://schf.nl.ca/themes/schf/images/navroundcorner.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom right; 
	color:#FFFFFF;
	padding: 6px 0px 0px 8px; 
	font:Arial, Helvetica, sans-serif;
	}
	#leftnav ul li a.current, #leftnav ul li a.section{
	text-decoration: none;
	background-color:#540428; 
	display:block; 
	height:19px; 
	background-image:url(http://schf.nl.ca/themes/schf/images/navroundcorner.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom right; 
	color:#FFFFFF;
	padding: 6px 0px 0px 8px;
	font:Arial, Helvetica, sans-serif; 
	font-weight:bold;
	 }

	/***THIRD LEVEL*******/
	#leftnav ul ul{
	list-style-type:none; 
	width: 185px; 
	margin:0px; 
	font-size:11px; 
	font:Arial, Helvetica, sans-serif; 
	background-color:#526EA4; 
	padding-left: 0px;
	}
	#leftnav ul ul li {
	display:block;  
	padding:0px; 
	width:185px; 
	}
	#leftnav ul ul li a{
	text-decoration: none; 
	background-color:#6C1738; 
	display:block; 
	height:20px; 
	color:#FFFFFF;
	background-image:none; 
	padding-left:20px;
	}
	#leftnav ul ul li a:hover{
	text-decoration: none;
	background-color:#5B1531; 
	display:block; 
	height:20px; 
	color:#FFFFFF; 
	background-image:none;
	padding-left:20px;
	}
	#leftnav ul ul li a.current{
	text-decoration: none;
	background-color:#5B1531; 
	display:block; 
	height:20px; 
	color:#FFFFFF; 
	font-weight:bold;
	background-image:none;
	padding-left:20px;
	}

	/**************DONATE****************/
	div#donate {
	width:116px; 
	height:105px; 
	padding-left:45px;
	}
	div#donate a {
		width:116px; 
		height:105px; 
		background-image:url(http://schf.nl.ca/themes/schf/images/donate.jpg); 
		background-position:top;
		background-repeat:no-repeat; 
		display:block;
	}
	div#donate a:hover {
		background-image:url(http://schf.nl.ca/themes/schf/images/donate.jpg); 
		background-position:bottom; 
	}
	div#donate a.tt:hover span.tooltip{
		top:52px; left:30px;
	}



/********FOOTER*********/

	div#footer{
	clear:left; 
	width:100%; 
	background: #fff;
	color: #FFF; 
	height:66px; 
	background-image:url(http://schf.nl.ca/themes/schf/images/footer.jpg); 
	background-repeat:no-repeat;
	font-size: 10pt;
	}
	div#footer p{
	margin:0;
	padding:17px 10px;
	}
	div#footer a{
	display:inline;
	padding:0;
	color: #FFF;
	}
	div#footer ul {
	display:inline; 
	list-style-type:none; 
	padding-right:50px; 
	}
	div#footer ul li{
	display:inline;
	 font-size:12px;
	 }
	div#footer ul li a {
	text-decoration:none; 
	font-size:12px; 
	padding-left:6px; 
	padding-right:6px;
	}
	div#footer ul li a:hover {
	text-decoration:underline; 
	font-size:12px; 
	padding-left:6px; 
	padding-right:6px; 
	color:#FFF;
	}
	div#footer span{
	display: block; 
	float: right; 
	padding-right: 20px;
	}
	
	
	/*************************************************************************************/
a.tt{
    position:relative;
    z-index:24;
    color:#3D588F;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:25px; left:-5px;
	padding: 15px 0 0 0;
	width:125px;
	color: #3D588F;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 22px 8px 0;
    background: url(http://schf.nl.ca/themes/schf/images/bubble02.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(http://schf.nl.ca/themes/schf/images/bubble02_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 8px;
	color: #6C1738;
    background: url(http://schf.nl.ca/themes/schf/images/bubble02.gif) no-repeat bottom;
}









/* ICONS */
a[href$=".pdf"], a[href$=".PDF"], a.pdf {padding: 2px;	padding-left: 20px;	background: url(../images/icons/page_white_acrobat.png) no-repeat left center;}
a[href$=".doc"], a[href$=".DOC"], a.doc {padding: 2px;	padding-left: 20px;	background: url(../images/icons/page_word.png) no-repeat left center;}
a[href$=".xls"], a[href$=".XLS"], a.xls {padding: 2px;	padding-left: 20px;	background: url(../images/icons/page_excel.png) no-repeat left center;}
a[href$=".gz"], a[href$=".GZ"], a[href$=".gzip"], a[href$=".GZIP"], a[href$=".zip"], a[href$=".ZIP"], a.archive {	padding: 2px;	padding-left: 20px;	background: url(../images/icons/page_white_zip.png) no-repeat left center;}
a[href$=".exe"], a[href$=".EXE"], a.application {padding: 2px; padding-left: 20px; background: url(../images/icons/application.png) no-repeat left center;}



/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
img.right {
	float:right;
	margin-left:20px;
	padding-left:20px;
}
img.left {
	float:left;
}
img.leftAlone {
	float: left;
	margin-right: 100%;
}
img.center {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
}



/************ 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;
}