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

body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100.01%; /* this fixes a but in one of the browsers can't remember which though */
	background-color: #33946B;
	color: #000000;
	vertical-align: baseline;
}

/* ---------------------------------------overall layout------------------------------------------ */
.oneColCtrHdr #outerContainer, .twoColLtHdr #outerContainer, .twoColRtHdr #outerContainer {
	margin: 0 auto; 
	font-size:1em;
	padding: 0;
    border: none;
	text-align: center;
	background: url(../adminImg/bgTile.jpg) repeat-y center 0px; /*was 29px not sure why now but I changed it back to 0*/
	font-size:.8em;
}
#headerContainer { 
	color:#B3DFC8;
	font-size:.8em;
	background-color: #002612;
	margin:0;
} 
#contentContainer {
	padding: 0; 
	margin:0 auto;
}

/* -----------Classes for header images so I can easily switch them -------------- */
.genericHeader {
	background: url(../adminImg/bradHeader.jpg) no-repeat center top;
}
.swannyHeader {
	background: url(../adminImg/swannyHeader.jpg) no-repeat center top;
}
.kyHeader {
	background: url(../adminImg/kyHeader.jpg) no-repeat center top;
}
.rayHeader {
	background: url(../adminImg/rayHeader.jpg) no-repeat center top;
}
.brodieHeader {
	background: url(../adminImg/brodieHeader.jpg) no-repeat center top;
}
.tannerHeader {
	background: url(../adminImg/tannerHeader.jpg) no-repeat center top;
}
.zacHeader {
	background: url(../adminImg/zacHeader.jpg) no-repeat center top;
}
.danielHeader {
	background: url(../adminImg/danielHeader.jpg) no-repeat center top;
}
.deathHeader {
	background: url(../adminImg/genericHeader.jpg) no-repeat center top;
}
#contentContainer #content {
	width:720px;
	margin:0 auto;
	background: #fff url(../adminImg/bgTile.jpg) repeat-y center;
	padding: 0 25px 1em 25px;/* leave a little bit of white bg showing prior to starting content in case images are turned off */
	text-align:left; /* this overrides the text-align: center on the body element. */
	border-bottom: 1px dotted #1C534A;
}
#contentContainer #logo {
	width:727px;
	margin:0 auto;
	padding: 0 25px 113px 18px;
	text-align:left; 
}
#leftSidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 165px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0;
	margin: 0;
	border: 0;
}
#mainContent { 
	margin: 0 0 0 205px; /* 205 the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0;
} 
#footerContainer { 
	padding:0;
	margin:0 auto;
	background: url(../adminImg/footerBg.gif) no-repeat center bottom;
} 
#footer { 
	width: 745px;
	margin:0 auto;
	padding: 10px 0 110px 25px; /* just to bring everything in form the edge on smaller browser windows */
	background: #fff url(../adminImg/footerBg.gif) no-repeat center bottom;
	text-align:left; /* this overrides the text-align: center on the body element. */
}
#lifeline {
	background-color:#33946B;
	margin:0 auto;
	padding: 0 0 6em 0;
	color:#FFF;
	width:770px;
	font-size:.7em;
}
/* -----------Container for header images-------------- */
#headerImage {
	padding: 0; 
	margin:0;
	height:409px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

/* ------------------------------- HEADER DETAILS ------------------------------- */
#searchContainer {
	padding: 0;
	margin: 0;
}
#searchContainer p {
	padding: 0;
	color:#FFF;
	font-size:.7em;
	margin-top:.5em;
	float:right;
}
/* ------------------------------- Search styles ------------------------------- */
#search {
	margin: 0;
	position:relative;
}
#livesearch {
	margin: 1.5em 0 0 0;
	position:absolute;
	z-index:2010;
	right:0;
	top:0;
	border:none;
	display:block;
	width:12em;
}
#txt1 {
	margin:0;
	display:inline;
	padding:0;
 }
#txt1 a {
	text-decoration:underline;
 }
.siteMap, #mainNav li a:link.siteMap, #mainNav li a:visited.siteMap {
	margin-top:-.5em;
	display:inline;
}

/*  -------------- CLEARING CLASSES -------------- */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height: 0;
    font-size: 1px;
    line-height: 0;
}
.clearRight {
	clear:right;
	height: 0;
    font-size: 1px;
    line-height: 0;
}
.clearLeft {
	clear:left;
	height: 0;
    font-size: 1px;
    line-height: 0;
}
.clear {  
    clear:both  
} 
.clearHeading {
	border-top: 1px dotted #1C534A;
	padding: 1.2em 0 0 0;
	clear:right;	
}
.clearPara {
	border-top: 1px dotted #1C534A;
	margin:0;
}
.clearPara img {margin-top: 1.2em;}
/* ----------------- MENU NAVIGATION ---------------- */
#mainNav{
	margin: 0 auto;
	background-color: #002612;
	border: 0;
	width:770px;
	padding: 0;
	}
#mainNav ul {
  cursor: default;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#mainNav li {
	float:left;
	padding:0;
	margin: 0 .9em 0 0;/* was 1.5em's prior to addig greif lines to the menu*/
}
#mainNav li.search {
	text-align:right;
	float:right;
	display:block;
	height:1.4em;
	padding: .5em .2em .5em .2em;
	margin: 0;
}
#mainNav li a:link, #mainNav li a:visited {
	display:block;
	line-height:1.4em;
	padding: .5em .2em .5em .2em;
	text-decoration: none;
	color:#B3DFC8;
}
#mainNav li a:hover, #mainNav li a:active {
	color:#fff;
} 

/*  -------------- SUB NAVIGATION -------------- */ 
.headerImg{
	margin: 0 0 0 -10px;
}
ul#subNav, ul#subNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#subNav li {
	margin:0;
	padding:0;	
}	
ul#subNav li a, ul#subNav li a:link, ul#subNav  li a:visited {
	font-weight:normal;
	text-decoration: none;
	margin: 0;
	display:block;
	padding: 4px 0 4px 6px;
	width:159px;
	border-top:1px dotted #1C534A;
	font-weight:bold;
}
ul#subNav ul li a, #subNav ul li a:link, #subNav ul li a:visited, 
ul#subNav ul li a.fade, #subNav ul li a.fade:link, #subNav ul li a.fade:visited {
	font-weight:normal;
	border-top: none;
	margin: 0;
	display:block;
	padding: 4px 0 4px 12px;
	width:153px;
}
.SubHeadLast, ul#subNav li a.current {/*.currentLast,*/
	border-bottom:1px dotted #1C534A;
}
ul#subNav ul li a.current {  /*NOT NEEDED AT THIS STAGE*/
	border-bottom:none;
}
ul#subNav li a.current:link, 
ul#subNav li a.current:visited,
ul#subNav li a.currentLast,
ul#subNav li a.currentLast:link,
ul#subNav li a.currentLast:visited,
ul#subNav ul li a:hover, 
ul#subNav ul li a:active {
	text-decoration:none;
	background:#DFF2EC; 
} 
ul#subNav li a:hover,
ul#subNav li a:active,
ul#subNav li a.current:hover, 
ul#subNav li a.current:active,
ul#subNav li a.currentLast:hover,
ul#subNav li a.currentLast:active,
ul#subNav ul li a.fade:hover, 
#subNav ul li a.fade:active {
	text-decoration:none;
	background:#DFF2EC url(../adminImg/subMenuBg.jpg) no-repeat top left;
}

/* --------------STYLES FOR ROTATING IMAGE SCRIPT-------------- */
ul.slideshow {  
    list-style:none;
    width:150px;  
    height:99px;  
	overflow:hidden;/*you could set this to auto and then set this to hidden in script, but as we are inserting the extra images using the script there is no need*/  
    position:relative;  
	margin:1em 0 0 0;
    padding:0;
}     
ul.slideshow li {  
    position:absolute;
	margin:0;
    left:0;  
    right:0;
}  
ul.slideshow li.show {  
    z-index:500;      
}  
ul img {  
    border:none;      
}  
#slideshow-caption {  
    width:938px;  
    height:70px;  
    position:absolute;  
    bottom:0;  
	display:none; /*NOTE I have added this to remove the caption, this was also done on the caption heading, background, text and in the script by changing the opactiy to 0*/
    left:1px;   
    color:#fff;  
    background: #000;  
    z-index:500;  
}  
#slideshow-caption .slideshow-caption-container {  
    padding:5px 10px;     
    z-index:1000;     
}  
#slideshow-caption h3 {  
    margin:0;  
    padding:0;
	color:#FFF;
	display:none; /*NOTE I have added this to remove the caption, this was also done on the caption heading, background, text and in the script by changing the opactiy to 0*/
    font-size:14px;  
}  
#slideshow-caption p {  
    margin:5px 0 0 0;  
    padding:0;  
	display:none; /*NOTE I have added this to remove the caption, this was also done on the caption heading, background,text and in the script by changing the opactiy to 0*/
}  

/* ------------- This is for the search facility links #mainNav li a.search, ------------- */
.searchLink { }
#mainNav li a.searchLink, #mainNav li a.searchLink:link, #mainNav li a.searchLink:visited {
	background:#002612;
	padding: .5em .5em .5em .5em;
}
#mainNav li a.searchLink:hover, #mainNav li a.searchLink:active {
	background: #0B2F1C;
	text-decoration: underline;
}
#search form {
	display:none;
}

/* ------------- SEARCH TOOL TIP ------------- */
#mainNav li a.toolTip, #mainNav li a.toolTip:link, #mainNav li a.toolTip:visited, #mainNav li a.toolTip:hover, #mainNav li a.toolTip:active {
	display:inline;
}
.floatingpanel {
	margin:1em 0 0 0;
	position:absolute;
	display:block;
	background:#002612;
	width:12em;
	padding:.4em;
	text-indent:0px;
	top:1.5em;
	left:0;
	display:none;
}

a:link .floatingpanel, a:visited .floatingpanel {
	text-decoration:none;
	text-align:center;
}
a:hover .floatingpanel/*, a:active .floatingpanel*/ {
	display:block;
}

/* ------------------------------- CONTENT DETAILS ------------------------------- */
.logo {
	display:block;
}

.headShot { 
	margin-bottom:.3em;
	margin-right:.8em;
}
/* -------------- Headings -------------- */
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: bold;
	font-style: normal;
	vertical-align:baseline;
	color: #1C534A;
	text-transform:none; 
}
h1 { font-size: 1.8em; line-height: 1.2em;}
.smallerHeading { font-size: 1.3em; line-height: 1.2em; margin-top: 0; padding-top:0; } /*----Just making the H1 text a bit smaller where a Image is uesed above it as a heading---*/
h2 { font-size: 1.3em; line-height: 1.2em; text-transform: none;}
h3 { font-size: 1.2em; line-height: 1.2em; text-transform: none;}
h4 { font-size: 1.1em; line-height: 1.2em;}
h5 { font-size: 1em; line-height:1.2em; }
h6 { font-size: 1em; line-height:1.2em; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
/* ------------------------------ Text elements -------------------------------- */
p { 
	vertical-align: baseline;
	margin: 0 0 1em 0;
	padding: 0;
	border: 0;
	line-height: 1.4em;
	font-weight: normal;
	font-style: normal;
}
a { color:#0A573F; text-decoration: none;}
a:link, a:visited { color: #0A573F; text-decoration: none;}
a:hover, a:active { color: #0A573F; text-decoration:underline; }

/* ------------------ Remove annoying border on linked images. ----------------- */
a img, img { border: none; }

/* ------------------------------- PANELS ------------------------------- */
#topPanelWide {
	float:right;
	margin: 0 0 2em 1.5em;
	overflow:hidden;
	width: 440px;
}
#topPanelMedium {
	float:right;
	margin: 0 0 2em 1.5em;
	overflow:hidden;
	width: 340px;
}
#webisodeFileDtls {
	width:154px; float:right; margin-left:1em;/*margin:0 0 0 363px;*/}
#webisodePanel{
	float:right;
	width:150px;
	overflow:hidden;
}
#topPanelWide img, #topPanelMedium img {
	margin-bottom:.5em;
	margin-top:.5em;
}
#topPanelWide p.firstItem, #topPanelMedium p.firstItem {margin-bottom:.5em;}
.panels {
	background-color: #DFF2EC; padding:10px;
}
.panels p.top {margin-top:.5em;}
.panels p {
	margin:0; font-size:.9em; line-height: 1.3em;
	/*padding: 10px;*/
}
.hiLow {
	font-weight:bold;
	color: #0A573F;
}
.blackText {
	color: #000000;
}
#topPanel .panels p a img, .panels p a img, #topPanelWide .panels p a img, #topPanelMedium .panels p a img {
	margin: -5px -5px 0 0;
}
/* ------------------------------- BITS AND BODS ------------------------------- */
/* image padding */
.imageRightOne {
	margin-bottom:.3em;
	margin-left: 1em;
}
.imageLeftOne {
	margin-bottom:.3em;
	margin-right: 1em;
}
.imageRight {
	margin-bottom:.5em;
	margin-left: .5em;
}
.imageBottom {
	margin-bottom:1em;
}
.imageTop {
	margin-top:1em;
}
.imageLeft {
	margin-bottom:.3em;
	margin-right: .5em;
}
.imagePara {margin:0; line-height:normal;}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom:1px dotted #666; }
address     { margin:0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

/* ----------------------------- Lists --------------------------------- */
li ul, 
li ol       { margin:0 1.5em; padding: 0; border: 0; vertical-align: baseline; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; padding: 0; border: 0; vertical-align: baseline;}
li			{ margin:0 0 .5em 0 }
ul          { list-style: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* ------------------------------ Tables -------------------------------- */
/* General Reset of Tabels - Tables still need 'cellspacing="0"' border-spacing: 0; in the markup. */
table { border-collapse: separate; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/*  -------------- Table specifics  --------------  */
table       { margin-bottom: 1.4em; width:100%;}
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* ------------------------------- Misc classes ------------------------------- */
.offLeft { position:absolute; margin: 0 0 0 -9000px; }
.small      { font-size: .9em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.firstHeading  { padding-top:1em;}
.first      { margin-left:0; padding-left:0; margin-top:.5em;}
.firstItem { margin-top: 0; padding-top:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:.5em; padding-top:0; }
.bottom     { margin-bottom:.5em; padding-bottom:0; }

/* ------------------------------- FOOTER DETAILS ------------------------------- */
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#lifeline .fltLeft {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	float:left;
}
#footer p.footerArt1 {float:right; margin:-99px 0 0 0;}  
#lifeline a {
	text-decoration:none;
	color:#FFF;
}
#lifeline a:hover, #lifeline a:focus {
	text-decoration:underline;
}
.fltRight {float:right;}

/* -------------- IMAGE MENU -------------- */
#imgSubNav{width:720px; padding:0; margin: 1.25em 0 10px 0; position:relative;}
#imgSubNavTwo{width:720px; padding:0; margin-bottom:1.1em; position:relative;}

.box1{margin:0; width: 230px; position: absolute; left:490px;}
.box2{margin:0; width: 230px; position:absolute; left:245px;}
.box3{margin:0; width: 230px;}

#imgSubNav a, 
#imgSubNav a:visited, 
#imgSubNavTwo a, 
#imgSubNavTwo a:visited {border:#FFFFFF solid 5px; width:220px; color:#333; display:block;/* padding:1px; */text-decoration: none; }
#imgSubNav a:hover, 
#imgSubNavTwo a:hover, 
#imgSubNav a:active, 
#imgSubNavTwo a:active {border:#999 solid 5px; font-weight:bold; text-decoration: none; }

#imgSubNav span, #imgSubNavTwo span {padding: 0 0 0 15px; margin-bottom:3px; margin-top:3px; display:block; /*text-align:center;*/}

/* -------------- IMAGE MENU 2 -------------- */
#imgSubNavThree{width:720px; height:122px; padding:0; margin: 1.25em 0 25px 0; position:relative;}
#imgSubNavFour{width:720px; height:122px; padding:0; margin-bottom:1.1em; position:relative;}

.boxA, .boxB, .boxC, .boxD, .boxE, .boxF {margin:0; height:122px; width: 220px; position:absolute; font-size:1.2em;}
.boxA, .boxD {left:490px;} 
.boxB, .boxE {left:245px;} 

#imgSubNavThree a, 
#imgSubNavThree a:visited,
#imgSubNavFour a,
#imgSubNavForu a:visited {border:#FFFFFF solid 5px; font-weight:bold; text-decoration:none; color:#FFF;}
#imgSubNavThree a:hover, 
#imgSubNavThree a:active,
#imgSubNavFour a:hover,
#imgSubNavFour a:active {border:#DDD solid 5px; font-weight:bold; text-decoration:none;}

a.boxA, a.boxA:visited {background: #333 url(../adminImg/deathButtonBW.jpg) no-repeat top left;}
a.boxA:hover, a.boxA:active {background: #333 url(../adminImg/deathButton.jpg) no-repeat top left;}

a.boxB, a.boxB:visited {background: #333 url(../adminImg/fatherhoodButtonBW.jpg) no-repeat top left;}
a.boxB:hover, a.boxB:active {background: #333 url(../adminImg/fatherhoodButton.jpg) no-repeat top left;}

a.boxC, a.boxC:visited {background: #333 url(../adminImg/educationButtonBW.jpg) no-repeat top left;}
a.boxC:hover, a.boxC:active {background: #333 url(../adminImg/educationButton.jpg) no-repeat top left;}

.boxA span { display:block; text-align:right; padding:58px 31px 0 0;}
.boxB span { display:block; text-align:left; padding:58px 0 0 21px;}
.boxC span { display:block; text-align:left; padding:58px 0 0 15px;}

a.boxD, a.boxD:visited {background: #333 url(../adminImg/riskButtonBW.jpg) no-repeat top left;}
a.boxD:hover, a.boxD:active {background: #333 url(../adminImg/riskButton.jpg) no-repeat top left;}

a.boxE, a.boxE:visited {background: #333 url(../adminImg/ritesOfPassageBtnBW.jpg) no-repeat top left;}
a.boxE:hover, a.boxE:active {background: #333 url(../adminImg/ritesOfPassageBtn.jpg) no-repeat top left;}

a.boxF, a.boxF:visited {background: #333 url(../adminImg/futureButtonBW.jpg) no-repeat top left;}
a.boxF:hover, a.boxF:active {background: #333 url(../adminImg/futureButton.jpg) no-repeat top left;}

.boxD span { display:block; text-align:left; padding:58px 0 0 20px;}
.boxE span { display:block; text-align:left; padding:58px 0 0 21px;}
.boxF span { display:block; text-align:left; padding:58px 0 0 15px;}