/* Start of CMSMS style sheet 'Print' */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	color:#565656;
	background:#d3edee;
	}
	
table {
	border-collapse:collapse; 
	border-spacing:0;
	}
th {
	text-align:left; 
	vertical-align:top;
	}
td { 
	vertical-align:top;
	}
 	   
h1 {
	font-family:"Trajan Pro", "Times New Roman", Times, serif;
	font-size:180%;
        font-weight:normal;
	color:#3bb6a6;
        margin-top:0;
	}
h2 {
        font-size:140%;
	color:#3bb6a6;
	}
h3 {
	font-size:130%;
        font-weight:normal;
	color:#565656;
	}
	
p {
	margin-top:0;
	}
	
blockquote {
	font-style:italic;
	line-height:150%;
	margin:0;
	}

a, a:link,a:visited {
	color:#3bb6a6;
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
a img {
	border:0;
	}

	
.lft {
	float:left;
	}	
.rgt {
	float:right;
	}
.imglft {
	float:left;
        margin-right:20px;
        margin-top:4px;
	}	
.imgrgt {
	float:right;
        margin-left:20px;
        margin-top:4px;
	}
	
#textresizer {
   width:760px;
   font-size:90%;
   text-align:right;
   margin:0 auto;
   }

#site {
   width:830px;
   background:url("uploads/images/page-bg.gif") top left repeat-y;
   margin:0 auto;
   }

#header {
	width:830px;
	height:130px;          
	background:url("uploads/images/page-top.gif") top left no-repeat;
	padding:20px 10px 0 10px;
	margin:0 auto;
	position:relative;
	}
	#logo {
		margin:0;
		}
	#slogan {
		margin:0 0 46px 24px;
		}
	#search {
            position:absolute; 
            top:28px; 
            right:50px;
            color:#3bb6a6;
	 }
	 #search input {
		 width:145px; 
		 color:#565656;
		 font-size:90%;
		 padding:3px;
		 border:1px solid #3bb6a6;
		 }
	 #search .button {
		 width:22px; 
		 color:#fff;
		 background:url("uploads/images/searchbtn.gif") top left no-repeat #3bb6a6;
		 padding:2px;
		 border:1px solid #3bb6a6;
		 }
		
#banner {
	width:810px;
	height:172px;      
	border-top:5px solid #3bb6a6;
	border-bottom:5px solid #3bb6a6;
	margin:0 auto;
	}
	
#content {
  width:810px;
  margin:0 auto;
}
			
	#main {
		 float:right;
		 width:730px;
		 min-height:610px;  /* to keep content at least as high as the sidebar */
		 padding:10px 40px 40px 0;
		 margin:0;
		 background:url("uploads/images/rnham.gif") bottom right no-repeat;
	}
	#main p {
	    text-align:justify;
	    line-height:150%;
	    font-size:110%;
	    }
	#main .thumb {
	    text-align:center !important;
	    }
	#main li {
	    margin-bottom:10px;
	    }
	    .breadcrumbs {
	         font-size:90%;
	         padding:5px 0 15px 0;
	         border-bottom: 1px dotted #3bb6a6;
                 margin-bottom:20px;
		}
		.breadcrumbs a { 
		text-decoration:underline; 
		 } 
		.breadcrumbs span.lastitem { 
		 font-weight:normal; 
		 } 

	.surrounds {
		 width:100%;
                 clear:both;
	}
	.surrounds img {
                 float:left;
                 margin-right:10px;
                 margin-bottom:20px;
	}

	.staff {
                 margin-top:20px;
                 margin-bottom:10px;
		 width:45%;
	}
        .staff img {
		 border: 2px solid #3bb6a6;
                 margin-right:14px;
	}

#footer {
  width:830px;   
  text-align:center;
  background:url("uploads/images/page-bottom.gif") top left no-repeat #d3edee;
  padding:26px 10px 0 10px;
  margin:0 auto;
  margin-top:6px; /* aligns footer with bottom of sidebar */
  clear:both;
}
#footer p {      
 font-size:90%;
 color:#3bb6a6;
 margin:0;
}
#footer a {      
  color:#3bb6a6;
}




/* ----- HOME ----- */

#home #site {
   width:830px;
   background:url("uploads/images/page-bg-home.gif") top left repeat-y;
   margin:0 auto;
   }

#sidebar {
  float:left;
  width:214px;
  height:100%;
  padding:0;
  background:#3bb6a6;
  border-top:6px solid #fff;
  }
  .objective1 {
    width:214px;
    min-height:169px;
    background:#e9f3f3;
    color:#3bb6a6;
    }
  .objective2 {
    width:214px;
    min-height:156px;
    background:#3bb6a6;
    color:#fff;
    }
  .objective1 p, .objective2 p {
    font-size:90%;
    margin:10px 20px;
    }

#home #main {
  width:516px;
  padding:26px 40px 40px 0;
  }

#home #footer {
  background:url("uploads/images/page-bottom-home.gif") top left no-repeat #d3edee;
  }



/* ----- MENU ----- */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   position:absolute; 
   top:125px; 
   right:30px;
}

#primary-nav, #primary-nav ul {  
   margin:0px; 
   padding:0px; 
   list-style:none;
}
#primary-nav ul { 
   position:absolute; 
   top:auto; 
   display:none; 
}
#primary-nav ul ul { 
   margin-top:1px;
   margin-left:-1px;
   left:100%; 
   top:0px; 
}
#primary-nav li { 
   float:left; 
   border-right: 3px solid #fff;
}
#primary-nav li li { 
   margin-left:0px;
   margin-top:0px;
   float:none; 
   width:115px; 
   border:none;
   margin-top:-1px;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   text-decoration: none; 
}
#primary-nav a span {
    display:block;
    padding: 5px 10px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#primary-nav a span {
    float:none;
}
/* End IE5-Mac hack */
#primary-nav a:hover span {
    color:#fff;
}

/* inactive status */
#primary-nav a {background: url("uploads/images/tab-l-off.gif") top left no-repeat #e9f3f3;}		
#primary-nav a span {background: url("uploads/images/tab-r-off.gif") top right no-repeat;}
#primary-nav li li a,
#primary-nav li li a span {background:#e9f3f3;}

/* hover and active status */
#primary-nav li.menuactive a,
#primary-nav a:hover {background: url("uploads/images/tab-l-on.gif") top left no-repeat #3bb6a6; color:#fff;}
#primary-nav li.menuactive a span,
#primary-nav a:hover span {background: url("uploads/images/tab-r-on.gif") top right no-repeat;}
#primary-nav li li .menuactive a,
#primary-nav li li a:hover,
#primary-nav li li .menuactive a span,
#primary-nav li li a:hover span {background:#3bb6a6;}

#primary-nav .menuactive li a span {background:#e9f3f3; color:#3bb6a6;}
#primary-nav .menuactive a:hover span {color:#fff;}


/* 

#primary-nav li, 
#primary-nav li.menuparent,
#primary-nav li.menuactive,
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
}
*/



/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}



/* ----- GALLERY ----- */
/* Album and Picture Lists */
.thumb {
        float:left;
	width:160px;
	margin:0 20px 30px 0;
	text-align:center;
        }
.thumb img {
	border:2px solid #fff; 
        }
.thumb a {
        display:block;
	width:134px; 
	height:99px; 
	padding:10px;

	background-color:#EAF8F8;
	border-top:1px solid #eee;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
        }
.thumb a:visited {
	background-color:#EAF8F8;
        }
.thumb a:hover {
	background-color:#3bb6A6;
        }



/* ----- CALENDAR ----- */
/*
Example stylesheet for Calendar module

For using this "big"-class insert something like this in your page
or template;

{cms_module module='Calendar' table_id='big'}

*/


.calendar tr td a {
  color: #565656;
  font-weight:bold;
  }

/* highlight "today" for the small calendar */
.calendar-today {
  font-weight: bold;
  }

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title,
#cal-upcominglist .calendar-summary-title {
  display: none;
  }

#cal-upcominglist h2,
#cal-upcominglist .calendar-date,
#cal-upcominglist .calendar-summary {
  display: inline;
  margin-right: 5px;
  }

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1 {
  color: #3bb6a6;
  font-size: 120%;
  }
#cal-list h2, cal-upcominglist h2 {
  font-size: 110%;
  }

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big {
  margin: 0px;
  border-collapse: collapse;
  border: 1px solid #3bb6a6;
  line-height:110%;
  text-align:left;
  }

caption {
  font-size:110%;
  }

.calendar-prev,
.calendar-next {
  font-size: 100%;
  font-weight:bold;
  }
.calendar-month {
  font-size: 150%;
  margin-bottom:10px;
  }

/* nice squares for the #big table */
#big th {
  border: 1px solid #3bb6a6;
  padding: 3px;
  width: 75px;
  }

#big td {
  border: 1px solid #3bb6a6;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
  }

/* format summaries nicely in #big */
#big ul {
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  }

#big li {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  }

/* background colours for #big */
#big td {
  background-color: #e8f7f5;
  }
#big td.empty {
  background-color: #fff;
  }

#big .calendar-day {
  background-color: #e9f3f3;
  }

#big .calendar-today {
  font-weight: normal;
  background-color: #3bb6a6;
  }

#big .calendar-today a {
  color:#fff;
  }

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title {
  display: none;
  }

.calendar-event h2 {
  margin-bottom:0;
  }
.calendar-date-from {
  font-style:italic;
  margin-bottom:12px;
  }
.calendar-returnlink {
  margin-top:12px;
  }




/* ----- NEWS ----- */
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailTitle {
  border-bottom:1px solid #ccc;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {
  padding-bottom: 1.5em;
  font-style: italic;
}

#NewsPostDetailHorizRule {
  border:0;
  border-bottom:1px solid #3BB6A6;
  }

/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/





/* ----- LIGHTBOX ----- */

			.gallery a {
				display:block;
				width:112px;
				height:119px;
				text-align:center;
				float:left;
				overflow:hidden;
				margin:0 28px 20px 0;
				padding:1px;
				padding-top:5px;
				text-decoration:none;
				color:#666666;
				background-image:url("../images/back.png");
				opacity:0.87;
			}
			.gallery a:hover {opacity:1}

			/* fix ie png transparency isn't supporting alpha chanel */
			.gallery a img {filter:alpha(opacity=87)}
			.gallery a:hover img {filter:alpha(opacity=100)}

			.gallery a img{
				border: none;
				height:100px;
				width:100px;
			}
			
			
#lightbox{
	position: absolute;
	top: 6px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:#151410;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainerBottom .icLine1, #imageContainerBottom .icLine2, #imageContainerBottom .icLine3, #imageContainerBottom .icLine4, #imageContainerBottom .icLine5,
#imageContainerTop .icLine1, #imageContainerTop .icLine2, #imageContainerTop .icLine3, #imageContainerTop .icLine4, #imageContainerTop .icLine5{
	font-size:1px;/*	line-height:1px;*/
	height:1px;
	background-color: #fff;
	border-style:solid;
	border-width:0px 1px;
}

#imageContainerTop .icLine1,#imageContainerBottom .icLine1{margin:0px 0px;border-color:#9e9e9e}
#imageContainerTop .icLine2,#imageContainerBottom .icLine2{margin:0px 0px;border-color:#3b3b3b}
#imageContainerTop .icLine3,#imageContainerBottom .icLine3{margin:0px 1px;border-color:#7b7b7b}
#imageContainerTop .icLine4,#imageContainerBottom .icLine4{margin:0px 2px;border-color:#676767}
#imageContainerTop .icLine5,#imageContainerBottom .icLine5{margin:0px 4px;border-color:#9e9e9e}

#imageContainerTop, #imageContainerBottom{
	position: relative;
	width: 250px;
	margin: 0 auto;
}

#imageContainer{
	border-style:solid;
	border-color:#fff;
	border-width:6px 10px 10px 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url("images/loading.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("../images/prev.png") 5% center no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("../images/next.png") 97% center no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; float: left; padding-right:10px;}			
#detailsNav{ display: block; padding:0 0 10px 0; }	
#prevLinkDetails { margin:3px; margin-top:1px; display:block; width:16px;height:16px; background: url("../images/prevlabel.gif") left center no-repeat; float:left; }
#nextLinkDetails { margin:3px; margin-top:1px; display:block; width:16px;height:16px; background: url("../images/nextlabel.gif") right center no-repeat; float:left; }

#slideShowControl.started{
	background-image:url("../images/pause.gif");
}

#slideShowControl{
	display:block;
	width:17px; 
	height:17px; 
	float:left;
	background:url("../images/start.gif");
	background-position:center center;
	background-repeat:no-repeat;
	}

#closeLink {
	display:block;
	margin:0;
	padding:0px;
	text-decoration:none;
	float:right;
	width:32px;
	height:32px;
	background:url("../images/close.gif") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #151410;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}


/* ----- hide photos and sidebar ----- */	

#main img,
#lightbox img,
#banner,
#sidebar {
	display:none !important;
	}

#home #site {
   background:url("uploads/images/page-bg.gif") top left repeat-y !important;
   }

#home #main {
  width:730px !important;
  }

#home #footer {
  background:url("uploads/images/page-bottom.gif") top left no-repeat #d3edee !important;
  }

	

/* End of 'Print' */